.tone-cell.svelte-kf7wxq{transition:transform .12s ease,box-shadow .12s ease}.tone-cell.is-selected.svelte-kf7wxq{transform:translateY(-2px) scale(1.06);box-shadow:0 4px 10px #00000047;outline:2px solid #111;outline-offset:-2px;border-radius:4px;z-index:5}.tone-cell.is-selected.svelte-kf7wxq:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px solid rgb(255 255 255 / .9);border-radius:3px;pointer-events:none}.tick.svelte-kf7wxq{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:14px;font-weight:800;line-height:1}@media(prefers-reduced-motion:reduce){.tone-cell.svelte-kf7wxq{transition:none}.tone-cell.is-selected.svelte-kf7wxq{transform:none}}@media(forced-colors:active){.tone-cell.is-selected.svelte-kf7wxq{outline:3px solid Highlight;outline-offset:-3px}}.char-panel.svelte-uyp1gy{height:var(--char-panel-h, 52dvh);border-top-width:1px;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.char-save-bar.svelte-uyp1gy{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}@media(min-width:720px),(min-width:560px)and (max-height:480px){.char-root.svelte-uyp1gy{flex-direction:row}.char-panel.svelte-uyp1gy{height:100%;width:var(--char-panel-w, 26rem);border-top-width:0;border-left-width:1px;padding-left:0}}@media(min-width:720px)and (max-width:1023px){.char-panel.svelte-uyp1gy{width:var(--char-panel-w, 20rem)}}@media(max-width:719px)and (max-height:480px)and (min-width:560px){.char-panel.svelte-uyp1gy{width:var(--char-panel-w, 17rem)}}.preview-note.svelte-xi4ckr{position:absolute;left:calc(.75rem + env(safe-area-inset-left,0px));bottom:calc(var(--char-panel-h, 52dvh) + .75rem)}@media(min-width:720px){.preview-note.svelte-xi4ckr{bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}}@media(max-width:719px){.preview-chrome.svelte-xi4ckr{padding-left:calc(.75rem + env(safe-area-inset-left,0px));padding-right:calc(.75rem + env(safe-area-inset-right,0px))}}.gate-root.svelte-xi4ckr{padding-left:calc(1.5rem + env(safe-area-inset-left,0px));padding-right:calc(1.5rem + env(safe-area-inset-right,0px));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}