.box.svelte-9v56uj{width:calc(var(--box-w) * var(--px));height:calc(var(--box-h) * var(--px));background:repeating-linear-gradient(to bottom, transparent 0 calc(var(--line-h) * var(--px) - 1px), #0e155b38 calc(var(--line-h) * var(--px) - 1px) calc(var(--line-h) * var(--px))) 0 calc(3 * var(--px)) / 100% calc(var(--rules-h) * var(--px)) no-repeat, var(--color-picto-paper);border:calc(2 * var(--px)) solid var(--color-picto-ink);border-radius:calc(10 * var(--px));touch-action:pan-y;position:relative;overflow:hidden}.box.draw-mode.svelte-9v56uj{touch-action:none;cursor:crosshair}textarea.svelte-9v56uj{width:100%;height:100%;padding:calc(var(--px) * 3) calc(var(--px) * 12) 0;resize:none;color:var(--color-picto-key-glyph);caret-color:var(--color-picto-key-glyph);font-family:var(--font-pixel);font-size:calc(25 * var(--px));line-height:calc(30 * var(--px));letter-spacing:0;white-space:pre-wrap;word-break:break-word;text-indent:calc(var(--tagw) * var(--px) + 8 * var(--px));background:0 0;border:0;outline:none;margin:0;position:absolute;inset:0;overflow:hidden}textarea.svelte-9v56uj::placeholder{color:#0e155b66}textarea.svelte-9v56uj::selection{background:var(--color-picto-chat)}canvas.draw.svelte-9v56uj{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.box.draw-mode.svelte-9v56uj canvas.draw:where(.svelte-9v56uj){pointer-events:auto}.stamp.svelte-9v56uj{color:var(--color-picto-key-glyph);font-family:var(--font-pixel);font-size:calc(26 * var(--px));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;line-height:1;position:absolute;transform:translate(-50%,-50%)}.stamp.svelte-9v56uj:active{cursor:grabbing}.tag.svelte-9v56uj{top:calc(-2 * var(--px));left:calc(-2 * var(--px));width:calc(var(--tagw) * var(--px) + 2 * var(--px));height:calc(34 * var(--px) + 2 * var(--px));padding-inline:calc(10 * var(--px));background:var(--color-picto-chat);border:calc(2 * var(--px)) solid var(--color-picto-ink);border-radius:calc(10 * var(--px)) 0 calc(10 * var(--px)) 0;align-items:center;display:flex;position:absolute}.tag.svelte-9v56uj input:where(.svelte-9v56uj){width:100%;min-width:0;color:var(--color-picto-ink);font-family:var(--font-pixel);font-size:calc(25 * var(--px));background:0 0;border:0;outline:none;padding:0;line-height:1}.tag.svelte-9v56uj input:where(.svelte-9v56uj)::placeholder{color:#0e155b8c}.keyboard.svelte-eup84f{width:calc(382 * var(--px));height:calc(157 * var(--px));background:var(--color-picto-keyboard);border:calc(2 * var(--px)) solid var(--color-picto-keyboard-border);border-radius:calc(10 * var(--px));padding:calc(5 * var(--px));flex-direction:column;justify-content:space-evenly;display:flex;overflow:hidden}.row.svelte-eup84f{gap:calc(1 * var(--px));display:flex}.row-0.svelte-eup84f{padding-left:calc(7 * var(--px))}.row-1.svelte-eup84f{padding-left:calc(22 * var(--px))}.row-2.svelte-eup84f,.row-3.svelte-eup84f{padding-left:calc(4 * var(--px))}.row-4.svelte-eup84f{justify-content:center}.key.svelte-eup84f{width:calc(29 * var(--px));height:calc(28 * var(--px));background:var(--color-picto-key);color:var(--color-picto-key-glyph);font-family:var(--font-pixel);font-size:calc(22 * var(--px));cursor:pointer;-webkit-user-select:none;user-select:none;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;overflow:hidden}.key.svelte-eup84f:active,.key.active.svelte-eup84f{background:var(--color-picto-key-text);color:#fff}.key.special.svelte-eup84f{background:var(--color-picto-key-special);color:var(--color-picto-key-text);font-size:calc(12 * var(--px));letter-spacing:calc(.5 * var(--px))}.key.special.caps.svelte-eup84f{width:calc(31 * var(--px));background:var(--color-picto-key-mod)}.key.special.shift.svelte-eup84f{width:calc(44 * var(--px));background:var(--color-picto-key-mod)}.key.special.backspace.svelte-eup84f{width:calc(44 * var(--px));font-size:calc(20 * var(--px))}.key.special.enter.svelte-eup84f{width:calc(60 * var(--px))}.key.special.space.svelte-eup84f{width:calc(140 * var(--px))}.key.special.svelte-eup84f:active,.key.special.active.svelte-eup84f{background:var(--color-picto-key-text);color:#fff}.keyboard.svelte-37tpzu{gap:calc(1 * var(--px));width:calc(382 * var(--px));height:calc(157 * var(--px));padding:calc(5 * var(--px));background:var(--color-picto-keyboard);border:calc(2 * var(--px)) solid var(--color-picto-keyboard-border);border-radius:calc(10 * var(--px));grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(11,1fr) 1.7fr;display:grid;overflow:hidden}.key.svelte-37tpzu{background:var(--color-picto-key);color:var(--color-picto-key-glyph);font-family:var(--font-pixel);font-size:calc(21 * var(--px));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;overflow:hidden}.key.svelte-37tpzu:active{background:var(--color-picto-chat)}.blank.svelte-37tpzu{background:0 0}.corner.svelte-37tpzu{grid-area:1/12}.key.special.svelte-37tpzu{background:var(--color-picto-key-special);color:var(--color-picto-key-text);font-size:calc(11 * var(--px));cursor:pointer}.key.special.svelte-37tpzu:active{background:var(--color-picto-key-text);color:#fff}.key.special.backspace.svelte-37tpzu{font-size:calc(20 * var(--px));grid-area:2/12}.key.special.enter.svelte-37tpzu{gap:calc(3 * var(--px));flex-direction:column;grid-area:3/12/span 2}.enter-label.svelte-37tpzu{font-size:calc(11 * var(--px));line-height:1}.enter-glyph.svelte-37tpzu{font-size:calc(22 * var(--px));line-height:1}.key.special.space.svelte-37tpzu{grid-area:5/12}.controls.svelte-1ap46kb{width:calc(58 * var(--px));height:calc(157 * var(--px));flex-direction:column;display:flex}.control.svelte-1ap46kb{justify-content:center;align-items:center;gap:calc(2 * var(--px));border:calc(2 * var(--px)) solid var(--color-picto-keyboard-border);background:var(--color-picto-control);color:var(--color-picto-key-text);font-family:var(--font-pixel);cursor:pointer;-webkit-user-select:none;user-select:none;border-top-width:0;flex-direction:column;flex:1;padding:0;display:flex}.control.send.svelte-1ap46kb{border-top-width:calc(2 * var(--px));border-top-left-radius:calc(10 * var(--px));flex-grow:1.3}.control.svelte-1ap46kb:last-child{border-bottom-left-radius:calc(10 * var(--px))}.control.svelte-1ap46kb:not(:disabled):active{background:var(--color-picto-key-mod)}.control.svelte-1ap46kb:disabled{cursor:not-allowed;opacity:.5}.glyph.svelte-1ap46kb{font-size:calc(20 * var(--px));line-height:1}.label.svelte-1ap46kb{font-size:calc(12 * var(--px));letter-spacing:calc(3 * var(--px));line-height:1}.page.svelte-1uha8ag{min-height:100dvh;font-family:var(--font-pixel);flex-direction:column;justify-content:center;align-items:center;padding:1.25rem .75rem 1rem;display:flex}.tabs.svelte-1uha8ag{gap:.5rem;margin-bottom:1rem;display:flex}.tab.svelte-1uha8ag{border:2px solid var(--color-picto-ink);background:var(--color-picto-control);color:var(--color-picto-key-text);letter-spacing:.14em;border-radius:8px 8px 0 0;padding:.45rem 1rem .35rem;font-size:.8rem;text-decoration:none;display:block}.tab.active.svelte-1uha8ag{background:var(--color-picto-chat);color:var(--color-picto-ink)}a.tab.svelte-1uha8ag:hover{background:var(--color-picto-key);color:var(--color-picto-ink)}form.svelte-1uha8ag{width:min(100%,860px)}.bezel.svelte-1uha8ag{background:linear-gradient(160deg,#34343a,#1d1d21);border-radius:16px;padding:clamp(10px,2.4vw,18px);box-shadow:0 22px 60px #00000073,inset 0 1px #ffffff24}.screen.svelte-1uha8ag{overflow:hidden;container-type:inline-size}.screen-inner.svelte-1uha8ag{--px:calc(100cqw / 488);background:#fff;width:100%;display:flex}.rail.svelte-1uha8ag{align-items:center;gap:calc(5 * var(--px));width:calc(30 * var(--px));padding-top:calc(4 * var(--px));background:#fff;flex-direction:column;flex:none;display:flex}.rail-button.svelte-1uha8ag{width:calc(26 * var(--px));height:calc(26 * var(--px));border:calc(1 * var(--px)) solid var(--color-picto-panel-border);border-radius:calc(4 * var(--px));background:var(--color-picto-control);color:var(--color-picto-key-text);font-family:var(--font-pixel);font-size:calc(15 * var(--px));text-align:center;cursor:pointer;place-items:center;padding:0;line-height:1;display:grid}.rail-button.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:calc(16 * var(--px));height:calc(16 * var(--px));display:block}.rail-glyph.svelte-1uha8ag{width:calc(18 * var(--px));height:calc(18 * var(--px));transform:translate(calc(.5 * var(--px)), calc(.5 * var(--px)));place-items:center;display:grid}.rail-button.active.svelte-1uha8ag{background:var(--color-picto-chat);color:var(--color-picto-ink);border-color:var(--color-picto-ink)}.rail-divider.svelte-1uha8ag{width:calc(20 * var(--px));height:calc(1 * var(--px));background:var(--color-picto-panel-border)}.main.svelte-1uha8ag{flex-direction:column;flex:1;min-width:0;display:flex}.topbar.svelte-1uha8ag{align-items:center;gap:calc(8 * var(--px));height:calc(33 * var(--px));padding-inline:calc(8 * var(--px));flex:none;display:flex}.chip.svelte-1uha8ag{height:calc(22 * var(--px));padding-inline:calc(6 * var(--px));border:calc(1 * var(--px)) solid var(--color-picto-panel-border);border-radius:calc(3 * var(--px));background:var(--color-picto-control);color:var(--color-picto-key-text);font-size:calc(14 * var(--px));white-space:nowrap;align-items:center;line-height:1;display:flex}.status.svelte-1uha8ag{color:var(--color-picto-ink);font-size:calc(14 * var(--px));text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.status.error.svelte-1uha8ag{color:#8c1d0f}.panel.svelte-1uha8ag{gap:calc(4 * var(--px));padding:calc(8 * var(--px));background:var(--color-picto-panel);border:calc(2 * var(--px)) solid var(--color-picto-panel-border);border-radius:calc(10 * var(--px)) 0 0 calc(10 * var(--px));border-right:0;flex-direction:column;flex:1;display:flex}.lower.svelte-1uha8ag{gap:calc(2 * var(--px));display:flex}.drag-ghost.svelte-1uha8ag{z-index:50;color:var(--color-picto-ink);font-family:var(--font-pixel);pointer-events:none;text-shadow:0 0 4px #fff;font-size:30px;line-height:1;position:fixed;transform:translate(-50%,-50%)}