@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/space-mono@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/space-mono@latest/latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@keyframes blink{50%{opacity:0}}:root{--tp-color-0: #000;--tp-color-1: #c23621;--tp-color-2: #25bc26;--tp-color-3: #adad27;--tp-color-4: #492ee1;--tp-color-5: #d338d3;--tp-color-6: #33bbc8;--tp-color-7: #cbcccd;--tp-color-8: #818383;--tp-color-9: #fc391f;--tp-color-A: #31e722;--tp-color-B: #eaec23;--tp-color-C: #5833ff;--tp-color-D: #f935f8;--tp-color-E: #14f0f0;--tp-color-F: #e9ebeb;--tp-accent: var(--tg-theme-button-color, #2563eb);--tp-bg-primary: var(--tg-theme-bg-color, #f8fafc);--tp-bg-secondary: var(--tg-theme-secondary-bg-color, #e2e8f0);--tp-fg-primary: var(--tg-theme-text-color, #020617);--tp-stroke: rgb(from var(--tp-fg-primary) r g b / .08);--tp-full-width: 100vw;--tp-full-height: var(--tg-viewport-stable-height, 100vh);--tp-content-inset-top: calc(var(--tg-content-safe-area-inset-top, env(safe-area-inset-top)) + var(--tg-safe-area-inset-top, 0px));--tp-content-inset-bottom: calc( var(--tg-content-safe-area-inset-bottom, env(safe-area-inset-bottom)) + var(--tg-safe-area-inset-bottom, 0px) );--tp-content-inset-left: calc(var(--tg-content-safe-area-inset-left, env(safe-area-inset-left)) + var(--tg-safe-area-inset-left, 0px));--tp-content-inset-right: calc( var(--tg-content-safe-area-inset-right, env(safe-area-inset-right)) + var(--tg-safe-area-inset-right, 0px) )}*{user-select:none;-webkit-user-select:none;cursor:default}body{margin:0;background-color:var(--tp-bg-primary);color:var(--tp-fg-primary);font:-apple-system-body;font-family:system-ui}#container{box-sizing:border-box;display:flex;flex-direction:column;justify-content:end;gap:.5em;transition:.3s height ease;padding:var(--tp-content-inset-top) calc(var(--tp-content-inset-right) + .5em) var(--tp-content-inset-bottom) calc(var(--tp-content-inset-left) + .5em);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 450px){#container{align-items:end}}div,pre,p,h3,form{padding:0;margin:0}button,input{-webkit-tap-highlight-color:#0000}.text-hint{color:var(--tg-theme-hint-color);font-size:.8em}a{color:var(--tg-theme-link-color)}button{all:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;text-transform:uppercase;letter-spacing:-.5px;color:var(--tg-theme-link-color);padding:3px 5px;border-radius:3px;transition:.3s background-color ease}button:focus{background-color:rgb(from var(--tp-accent) r g b / .3)}.group{background-color:var(--tp-bg-secondary);padding:1em;border-radius:7px;border:1px solid var(--tp-stroke);transition:.3s height ease;z-index:1;pointer-events:auto}.v-divider{width:1px;background-color:var(--tg-theme-hint-color);opacity:.3}#canvas-container{position:absolute;overflow:hidden;padding:0;top:0;right:0;bottom:0;left:0}#canvas-wrapper{position:relative;display:inline-block;box-sizing:border-box}#share-watermark{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;display:flex;justify-content:end;align-items:end;gap:.25rem;text-align:end;font-size:16px;color:var(--tp-color-7);font-family:Space Mono,monospace,sans-serif;flex-direction:column}#canvas-control-container{position:absolute;top:var(--tp-content-inset-top);bottom:var(--tp-content-inset-bottom);left:var(--tp-content-inset-left);right:var(--tp-content-inset-right);pointer-events:none}#canvas{display:inline-block;box-sizing:border-box;transform-origin:top left;font-family:Space Mono,monospace,sans-serif;font-variant-ligatures:none;letter-spacing:0;font-size:2rem;background-color:var(--tp-color-0);margin:0;padding:0}#canvas span{display:inline-block;text-align:center;pointer-events:none;height:2.5rem;line-height:2.5rem}#canvas.edit-mode *{cursor:text;user-select:text;-webkit-user-select:text}#canvas-cursor{box-sizing:content-box;position:absolute;transition:.3s all ease;border-radius:6px;border:4px solid rgb(from var(--tg-theme-button-color) r g b / .6);margin:-4px;animation:blink 1s ease 0s infinite}.canvas-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;all:unset;box-sizing:border-box;position:absolute;width:2rem;height:2rem;line-height:2rem;text-align:center;border-radius:5px;border:1px solid var(--tp-stroke);background-color:var(--tp-bg-secondary);color:var(--tg-theme-hint-color);z-index:1;transition:.3s color ease;-webkit-tap-highlight-color:#0000;pointer-events:auto}.canvas-control:checked,.canvas-control[aria-checked=true]{color:var(--tg-theme-link-color)}.canvas-control svg{width:1.25em;height:1.25em}#edit-no-selection-hint,#edit-hint{text-align:center}#edit-hint{font-weight:700}form{padding-bottom:.5rem;text-align:center;opacity:.5;transition:.3s opacity ease}form>h3{color:var(--tg-theme-hint-color);font-size:.8rem;text-transform:uppercase;padding-bottom:.5rem;font-weight:400;transition:.3s font-weight ease}form.active{opacity:1}form.active>h3{font-weight:700}#edit-ch-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;all:unset;box-sizing:border-box;font-family:Space Mono,monospace,sans-serif;font-size:1.8rem;height:2.2rem;line-height:2.2rem;width:2.2rem;text-align:center;border-radius:5px;margin-inline-end:5px;border:1px solid #fff5;transition:.3s all ease}.edit-color-col{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}input[data-tp-color],input[data-tp-bg-color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;all:unset;display:inline-block;position:relative;box-sizing:border-box;background-color:currentcolor;border-radius:50%;width:1.2rem;height:1.2rem;border:1px solid #fff5}input[data-tp-color]:checked:before,input[data-tp-bg-color]:checked:before{content:"";display:inline-block;position:absolute;width:.4rem;height:.4rem;border-radius:50%;background-color:#fff;left:calc(.4rem - 1px);top:calc(.4rem - 1px)}#share-preview-container{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;background:#0006;justify-content:center;align-items:center}#share-preview{border:5px solid var(--tp-color-7);max-width:60vw;max-height:80vh}