@font-face{src:url(/assets/FutterGroteskUT-Regular-CGwNQOp-.woff2);font-family:MottiSans}:root{--bg:#0f1724;--panel:#0b1220;--muted:#aaa;--accent:#38bdf8;--glass:#ffffffe6;--border:1px solid #aaa;--fs-base:1rem;--c-btn-fg:#121212;--c-btn-bg:#ddd;--s-gap:.2rem;--s-gap-section:.25rem;--s-padding:.25rem;--s-btn-height:2rem;--s-btn-radius:.25rem;--s-btn-padding:0 .5rem;--s-preview-width:108px;--s-preview-gap:1rem}*,:before,:after{box-sizing:border-box}html,body{height:100dvh;font-family:MottiSans,sans-serif;font-size:var(--fs-base);margin:0;overflow:hidden}h1{font-size:var(--fs-base)}motti-help *{font-family:sans-serif;font-size:14px}.app{background:#fff;grid-template:"canvas"1fr"side"/1fr;width:100vw;height:100dvh;display:grid}.side-bar{width:100%;padding:var(--s-padding);gap:var(--s-gap-section);overflow-y:initial;border-top:var(--border);background-color:#fff;flex-flow:wrap;grid-area:side;justify-content:center;display:flex;position:absolute;bottom:0}.actions{gap:var(--s-gap);flex-basis:100%;grid-template-columns:1fr 1fr;display:grid}tool-item[action=exportJSON],tool-item[action=openJSON]{display:none}.canvas-wrapper{grid-area:canvas;height:auto;position:absolute}.preview-dialog{border:var(--border);flex-direction:column;gap:1rem;width:fit-content;display:inline-flex}.preview-dialog .cols-2{gap:var(--s-preview-gap);display:flex}.preview-dialog .col{flex-direction:column;flex-shrink:0;display:flex}.preview-dialog button{border-radius:var(--s-btn-radius);background-color:#efefef;border:none;flex-direction:column;padding:.5rem;font-size:1rem;font-weight:700;display:flex}.preview-dialog button:hover{background-color:#0000001a}.preview-title{margin:0 0 8px}.preview-info{color:var(--c-btn-fg);font-size:var(--fs-base);max-width:calc((var(--s-preview-width)*2) + var(--s-preview-gap));flex-direction:column;display:flex}.current-image,.preview-image{border:1px solid var(--c-btn-bg);height:auto;margin-bottom:.8rem;box-shadow:0 1px 3px #0000001a}.side-bar h1,.side-bar motti-help{display:none}#width-slider{background-color:pink;grid-column:3/4;display:block}section{width:100%;display:grid}section.tools{gap:var(--s-gap);grid-template-columns:repeat(4,calc(25% - var(--s-gap)/4*3))}section.tools mode-toggle{grid-column:1/3}@media not (max-width:769px){section.tools [action=finishPolyline]{display:none}}kbd{border-radius:.1rem;outline:1px solid #000;padding:0 .1rem}@media not (max-width:769px){.app{--s-gap:.125rem;--s-padding:.5rem;--s-gap-section:1rem;grid-template:"side canvas"1fr/10rem 1fr;height:100svh}.canvas-wrapper{height:100svh;position:static}.side-bar{border-top:none;border-right:var(--border);flex-flow:column;place-content:center flex-start;position:static;overflow-y:auto}.side-bar h1{display:block}.side-bar motti-help{opacity:.25;flex-wrap:wrap;transition:opacity .1s ease-in;display:none;position:absolute;bottom:0;left:11rem;right:0}.side-bar motti-help :hover *{opacity:1}.side-bar motti-help>span[active]{flex-direction:row;gap:2rem;display:flex}#width-slider{flex:none;width:100%;max-width:none}.actions{gap:var(--s-gap);flex-direction:column;flex-basis:auto;display:flex}section.tools{flex-direction:column;display:flex}tool-item[action=exportJSON],tool-item[action=openJSON]{display:inline-flex}#previewDialog,#file-popover{border:var(--border);outline:none;position:relative}:is(#previewDialog,#file-popover)::backdrop{pointer-events:all;background-color:#ffffffbf}}