.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))}