:root{--c-bg:#14181b;--c-surface:#1c2227;--c-raised:#252d33;--c-text:#e8ecee;--c-muted:#9daab1;--c-border:#364049;--c-primary:#2f5d62;--c-primary-text:#fff;--c-primary-bright:#7cc0c5;--c-accent:#f2a541;--c-accent-text:#1a1205;--c-danger:#ff8a80;--c-focus:#f2a541;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--r-panel:12px;--r-control:8px;--r-chip:999px;--r-canvas:2px;--f-xl:2.5rem;--f-l:2rem;--f-m:1.5rem;--f-s:1.25rem;--f-base:1rem;--f-sm:.875rem;--f-xs:.8125rem;--f-2xs:.75rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--dock-w:296px;--rail-w:52px}@media (prefers-color-scheme:light){:root{--c-bg:#f1efea;--c-surface:#fff;--c-raised:#e8e5de;--c-text:#1b2226;--c-muted:#55646b;--c-border:#bdb8ab;--c-primary:#2f5d62;--c-primary-bright:#2f5d62;--c-danger:#b3261e;--c-focus:#2f5d62}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--c-bg);color:var(--c-text);font:400 var(--f-base)/1.5 var(--font);-webkit-text-size-adjust:100%}h1{font-size:var(--f-l);margin:0 0 var(--s-4);font-weight:600;line-height:1.2}h2{font-size:var(--f-s);margin:var(--s-5) 0 var(--s-3);font-weight:600;line-height:1.3}h3,h4{font-size:var(--f-sm);margin:0;font-weight:600}p{margin:0 0 var(--s-3);max-width:72ch}a{color:var(--c-primary-bright)}img{max-width:100%}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{left:var(--s-2);background:var(--c-accent);color:var(--c-accent-text);padding:var(--s-2) var(--s-3);border-radius:var(--r-control);z-index:100;position:absolute;top:-60px}.skip:focus{top:var(--s-2)}.muted{color:var(--c-muted)}.small-text{font-size:var(--f-xs)}.mono{font-family:var(--mono)}.grow{flex:auto;min-width:0}.boot{padding:var(--s-7);color:var(--c-muted)}.lead{font-size:var(--f-s);color:var(--c-text)}.checker{background-color:#8a8f93;background-image:conic-gradient(#b9bdc0 25%, #8a8f93 0 50%, #b9bdc0 0 75%, #8a8f93 0);background-size:16px 16px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:40px;padding:var(--s-2) var(--s-4);border-radius:var(--r-control);border:1px solid var(--c-border);background:var(--c-raised);color:var(--c-text);font:600 var(--f-sm)/1.2 var(--font);cursor:pointer;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--c-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{min-height:32px;padding:var(--s-1) var(--s-3);font-size:var(--f-xs)}.btn.big{min-height:48px;font-size:var(--f-base);width:100%}.btn.primary{background:var(--c-primary);color:var(--c-primary-text);border-color:#0000}.btn.danger{color:var(--c-danger);border-color:var(--c-danger)}.btn[aria-pressed=true]{background:var(--c-accent);color:var(--c-accent-text);border-color:#0000}.icon-btn{width:36px;min-width:36px;height:36px;color:var(--c-text);border-radius:var(--r-control);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--c-raised)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.danger{color:var(--c-danger)}.input,.select{min-height:36px;padding:var(--s-1) var(--s-2);background:var(--c-raised);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--r-control);font:inherit;font-size:var(--f-sm);max-width:100%}.select.small,.input.small{min-height:32px;font-size:var(--f-xs)}.select.tiny{min-height:28px;font-size:var(--f-2xs);padding:0 var(--s-1)}textarea.input{resize:vertical;min-height:36px}.input.num{width:84px}input[type=color]{background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--r-control);cursor:pointer;width:36px;height:32px;padding:2px}input[type=range]{accent-color:var(--c-accent);width:100%;min-height:24px}.check{align-items:center;gap:var(--s-2);font-size:var(--f-sm);cursor:pointer;min-height:32px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--c-primary-bright)}.row{align-items:center;gap:var(--s-2);display:flex}.row.wrap{flex-wrap:wrap}.row.end{margin-top:var(--s-4);justify-content:flex-end}.field{gap:var(--s-1);font-size:var(--f-xs);color:var(--c-muted);flex-direction:column;display:flex}.field.inline{align-items:center;gap:var(--s-2);flex-direction:row}.field label{color:var(--c-muted)}.chip{margin-left:var(--s-2);padding:0 var(--s-2);border-radius:var(--r-chip);background:var(--c-primary);color:var(--c-primary-text);font-size:var(--f-2xs);font-weight:600;display:inline-block}fieldset{margin:0 0 var(--s-3);border:0;min-width:0;padding:0}legend{margin-bottom:var(--s-2);padding:0;font-weight:600}.plain{margin:0 0 var(--s-4);padding:0;list-style:none}.done{min-height:1.5em;color:var(--c-primary-bright)}.empty-line{color:var(--c-muted);border:1px dashed var(--c-border);border-radius:var(--r-panel);padding:var(--s-5);max-width:72ch}.tabs{gap:var(--s-1);border-bottom:1px solid var(--c-border);margin-bottom:var(--s-2);display:flex;overflow-x:auto}.tabs button{color:var(--c-muted);padding:var(--s-2) var(--s-3);min-height:36px;font:600 var(--f-xs) var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000}.tabs button.on{color:var(--c-text);border-bottom-color:var(--c-accent)}.slider{gap:0 var(--s-2);font-size:var(--f-xs);grid-template-columns:1fr auto;grid-template-areas:"l o""r r";align-items:center;min-width:140px;display:grid}.slider label{color:var(--c-muted);grid-area:l}.slider output{font-family:var(--mono);color:var(--c-text);text-align:right;grid-area:o;min-width:4ch}.slider input{grid-area:r;margin:0}.topbar{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--s-2);color:var(--c-text);font-weight:600;text-decoration:none;display:inline-flex}.nav{gap:var(--s-1);margin-left:var(--s-4);flex-wrap:wrap;display:flex}.nav a{color:var(--c-muted);padding:var(--s-2) var(--s-3);border-radius:var(--r-control);font-size:var(--f-sm);text-decoration:none}.nav a:hover{background:var(--c-raised)}.nav a.active{color:var(--c-text);box-shadow:inset 0 -2px var(--c-accent)}.project-name{width:200px;font-weight:600}.ws-select{max-width:160px}.pop-wrap{position:relative}.popover{z-index:50;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-panel);min-width:240px;max-height:70vh;padding:var(--s-2);position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 8px 24px #00000059}.menu-label{font-size:var(--f-2xs);color:var(--c-muted);padding:var(--s-2) var(--s-2) var(--s-1);font-weight:600}.menu-item{align-items:center;gap:var(--s-2);text-align:left;width:100%;min-height:36px;color:var(--c-text);padding:var(--s-1) var(--s-2);border-radius:var(--r-control);font:inherit;font-size:var(--f-sm);cursor:pointer;background:0 0;border:0;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--c-raised)}.menu-item:disabled{color:var(--c-muted);opacity:.6}.chk{width:16px;display:inline-flex}.menu-check{padding:0 var(--s-2);display:flex}.page-main{max-width:1040px;padding:var(--s-5) var(--s-4) var(--s-7);margin:0 auto}.page-main.wide{max-width:1280px}.welcome{gap:var(--s-3);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-5);border-left:4px solid var(--c-accent);background:var(--c-surface);border-radius:0 var(--r-panel) var(--r-panel) 0;display:grid}.welcome h2{margin-top:0}.start-grid,.ws-grid,.export-grid{gap:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;display:grid}.export-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.export-grid .preflight{grid-column:1/-1}@media (width<=760px){.export-grid{grid-template-columns:minmax(0,1fr)}}.dropzone{align-items:center;gap:var(--s-3);text-align:center;padding:var(--s-6) var(--s-4);border:2px dashed var(--c-border);border-radius:var(--r-panel);color:var(--c-muted);flex-direction:column;display:flex}.dropzone p{margin:0}.dropzone.over{border-color:var(--c-accent);background:var(--c-surface);color:var(--c-text)}.presets{margin:0 0 var(--s-4);gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));padding:0;list-style:none;display:grid}.preset{align-items:center;gap:var(--s-3);width:100%;min-height:56px;padding:var(--s-2) var(--s-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-control);color:var(--c-text);font:inherit;font-size:var(--f-sm);text-align:left;cursor:pointer;display:flex}.preset:hover{border-color:var(--c-accent)}.preset-shape{border:2px solid var(--c-primary-bright);border-radius:3px;flex:none;max-width:40px;height:28px;display:block}.custom{gap:var(--s-3);display:grid}.recent{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.recent li{gap:var(--s-2);flex-direction:column;display:flex}.recent-open{gap:var(--s-1);text-align:left;color:var(--c-text);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.recent-open:hover strong{text-decoration:underline}.recent-thumb{border-radius:var(--r-control);border:1px solid var(--c-border);height:120px;color:var(--c-surface);justify-content:center;align-items:center;display:flex;overflow:hidden}.recent-thumb img{object-fit:contain;width:100%;height:100%}.report{border:1px solid var(--c-border);border-radius:var(--r-panel);padding:var(--s-3) var(--s-4);background:var(--c-surface)}.report h3{margin-bottom:var(--s-2);font-size:var(--f-base)}.report ul{gap:var(--s-1);margin:0;padding:0;list-style:none;display:grid}.report li{gap:var(--s-2);font-size:var(--f-sm);align-items:flex-start;display:flex}.lvl-ic{flex:none;margin-top:3px}.lvl-ok .lvl-ic{color:var(--c-primary-bright)}.lvl-warn .lvl-ic{color:var(--c-accent)}.lvl-error .lvl-ic,.lvl-error{color:var(--c-danger)}.lvl-info .lvl-ic{color:var(--c-muted)}.report.compact li{font-size:var(--f-xs)}.ws-list,.panel-rows,.action-list,.mask-list,.history{margin:0 0 var(--s-3);padding:0;list-style:none}.ws-list li{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-control);margin-bottom:var(--s-2);background:var(--c-surface);flex-wrap:wrap;display:flex}.ws-list li.active{border-color:var(--c-accent)}.panel-rows li{padding:var(--s-1) 0;border-bottom:1px solid var(--c-border)}.tb-editor{gap:var(--s-2);margin-bottom:var(--s-3);display:grid}.tb-group{border:1px solid var(--c-border);border-radius:var(--r-control);padding:var(--s-2);background:var(--c-surface)}.chips{margin:var(--s-2) 0 0;gap:var(--s-2);flex-wrap:wrap;min-height:40px;padding:0;list-style:none;display:flex}.tool-chip{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);background:var(--c-raised);border:1px solid var(--c-border);border-radius:var(--r-chip);cursor:grab;font-size:var(--f-xs);display:inline-flex}.grip{color:var(--c-muted);cursor:grab;display:inline-flex}.themes .format{display:flex}.format{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-control);margin-bottom:var(--s-2);cursor:pointer;background:var(--c-surface);display:flex}.format.on{border-color:var(--c-accent)}.format input{accent-color:var(--c-primary-bright);width:18px;height:18px}.swatches{gap:2px;display:inline-flex}.swatches i{border:1px solid var(--c-border);width:20px;height:14px;display:inline-block}.warn-list{color:var(--c-accent);font-size:var(--f-sm)}.options-stack{gap:var(--s-3);margin:var(--s-3) 0;display:grid}.estimate{min-height:1.6em}.export-preview{padding:var(--s-3);border-radius:var(--r-panel);border:1px solid var(--c-border);justify-content:center;align-items:center;display:flex}.export-preview canvas{max-width:100%;height:auto;display:block}.channels ul{margin:var(--s-2) 0;padding:0;list-style:none}.readouts{gap:var(--s-2);margin:var(--s-2) 0 0;font-size:var(--f-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.readouts dt{color:var(--c-muted);font-size:var(--f-xs)}.readouts dd{font-family:var(--mono);margin:0}.scratch{aspect-ratio:2;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-panel);touch-action:none;cursor:crosshair;width:100%;height:auto;margin-bottom:var(--s-2);display:block}.editor{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.options{background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:var(--s-1) var(--s-3)}.options-row{align-items:center;gap:var(--s-2) var(--s-4);min-height:44px;padding:var(--s-1) 0;flex-wrap:wrap;display:flex}.options-row+.options-row{border-top:1px solid var(--c-border)}.options-row .slider{width:170px}.opt-title{min-width:100px}.editor-main{flex:1;min-height:0;display:flex;position:relative}.toolbar.v{gap:var(--s-2);width:var(--rail-w);padding:var(--s-2);background:var(--c-surface);border-right:1px solid var(--c-border);flex-direction:column;flex:none;display:flex;overflow:hidden auto}.toolbar.h{gap:var(--s-3);padding:var(--s-1) var(--s-2);background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;overflow-x:auto}.tool-group{gap:var(--s-1);padding-bottom:var(--s-2);border-bottom:1px solid var(--c-border);flex-direction:column;display:flex}.tool-group:last-child{border-bottom:0}.toolbar.h .tool-group{padding:0 var(--s-2) 0 0;border-bottom:0;border-right:1px solid var(--c-border);flex-direction:row}.tool-btn{border-radius:var(--r-control);width:40px;height:40px;color:var(--c-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.tool-btn:hover{background:var(--c-raised)}.tool-btn.on{background:var(--c-accent);color:var(--c-accent-text)}.tip-wrap{display:inline-flex}.tip{z-index:200;pointer-events:none;max-width:240px;padding:var(--s-2) var(--s-3);background:var(--c-text);color:var(--c-bg);border-radius:var(--r-control);font-size:var(--f-xs);flex-direction:column;gap:2px;display:flex;position:fixed;box-shadow:0 4px 16px #0006}.tip-right{transform:translateY(-50%)}.tip-left{transform:translate(-100%,-50%)}.tip-bottom{transform:translate(-50%)}.tip kbd{margin-left:var(--s-2);font:600 var(--f-2xs) var(--mono);padding:0 var(--s-1);border:1px solid;border-radius:4px}.tip-hint{opacity:.85}.dock{width:var(--dock-w);background:var(--c-surface);flex-direction:column;flex:none;display:flex;overflow-y:auto}.dock-left{border-right:1px solid var(--c-border)}.dock-right{border-left:1px solid var(--c-border)}.empty-dock{border:0;width:0}.panel{border-bottom:1px solid var(--c-border)}.panel>header{align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);background:var(--c-raised);display:flex}.panel>header h3{flex:1;min-width:0}.panel>header h3 button{color:var(--c-text);font:600 var(--f-sm) var(--font);align-items:center;gap:var(--s-1);cursor:pointer;background:0 0;border:0;min-height:36px;padding:0;display:inline-flex}.panel>header .icon-btn{width:28px;min-width:28px;height:28px}.panel-body,.sheet .panel-body{padding:var(--s-3);gap:var(--s-3);display:grid}.panel.floating{z-index:30;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-panel);width:320px;max-height:70%;position:absolute;overflow:auto;box-shadow:0 10px 30px #00000073}.panel.floating>header{cursor:move;touch-action:none}.sheet{background:var(--c-surface);border-top:1px solid var(--c-border);padding:var(--s-2) var(--s-3) var(--s-4)}.canvas-area{background:var(--c-bg);flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.canvas-area.with-rulers{grid-template-rows:20px minmax(0,1fr);grid-template-columns:20px minmax(0,1fr)}.ruler-corner{background:var(--c-surface)}.ruler{background:var(--c-surface);display:block}.ruler-x{grid-area:1/2;width:100%;height:20px}.ruler-y{grid-area:2/1;width:20px;height:100%}.viewport{touch-action:none;outline-offset:-2px;background:color-mix(in srgb, var(--c-bg) 85%, #000);cursor:crosshair;grid-area:-2/-2;min-width:0;min-height:0;position:relative;overflow:auto}.viewport[data-tool=hand]{cursor:grab}.viewport[data-tool=move]{cursor:move}.stage-pad{box-sizing:content-box;min-width:100%;min-height:100%;display:flex}.stage{background-color:#8a8f93;background-image:conic-gradient(#b9bdc0 25%, #8a8f93 0 50%, #b9bdc0 0 75%, #8a8f93 0);border-radius:var(--r-canvas);box-shadow:0 0 0 1px var(--c-border), 0 8px 32px #0006;background-size:16px 16px;flex:none;margin:auto;position:relative}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage canvas.overlay{pointer-events:none}.pixelated{image-rendering:pixelated}.statusbar{align-items:center;gap:var(--s-3);padding:var(--s-1) var(--s-3);background:var(--c-surface);border-top:1px solid var(--c-border);font-size:var(--f-xs);flex-wrap:wrap;min-height:36px;display:flex}.stat{color:var(--c-muted);white-space:nowrap}.swatch-wrap{align-items:center;gap:var(--s-1);min-width:22ch;display:inline-flex}.swatch{border:1px solid var(--c-border);width:12px;height:12px;display:inline-block}.stat-btn{background:var(--c-raised);border:1px solid var(--c-border);color:var(--c-text);border-radius:var(--r-chip);padding:2px var(--s-3);font:600 var(--f-xs) var(--font);cursor:pointer;min-height:28px}.saved{min-width:7ch}.layer-list{border:1px solid var(--c-border);border-radius:var(--r-control);background:var(--c-bg);max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.layer-row{align-items:center;gap:var(--s-1);border-bottom:1px solid var(--c-border);padding-right:var(--s-1);display:flex}.layer-row.active{background:color-mix(in srgb, var(--c-primary) 45%, var(--c-bg));box-shadow:inset 3px 0 var(--c-accent)}.layer-row .icon-btn{width:28px;min-width:28px;height:28px}.layer-name{color:var(--c-text);text-align:left;font:inherit;font-size:var(--f-sm);cursor:pointer;text-overflow:ellipsis;min-height:40px;padding:0 var(--s-1);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;overflow:hidden}.layer-flags{gap:var(--s-1);color:var(--c-muted);font-size:var(--f-2xs);align-items:center;display:inline-flex}.flag{display:inline-flex}.flag-text{font-size:var(--f-2xs)}.thumb,.thumb-icon{border:1px solid var(--c-border);color:var(--c-muted);border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.thumb{background-size:8px 8px}.thumb canvas{max-width:100%;max-height:100%;display:block}.layer-controls,.inspector{gap:var(--s-2);display:grid}.grow-label{font-size:var(--f-xs);color:var(--c-muted);flex:1}.thumb-size{gap:var(--s-1);display:grid}.empty p{color:var(--c-muted);font-size:var(--f-sm)}.curve-svg{touch-action:none;cursor:crosshair;width:100%;max-width:280px;height:auto;margin:0 auto;display:block}.curve-svg.small{max-width:240px}.curve-bg{fill:var(--c-bg);stroke:var(--c-border)}.curve-hist{fill:var(--c-accent);opacity:.55}.curve-grid{stroke:var(--c-border);stroke-width:1px;fill:none}.curve-diag{stroke:var(--c-muted);stroke-dasharray:3 4;fill:none;opacity:.6}.curve-line{stroke:var(--c-text);stroke-width:2.25px;fill:none;stroke-linecap:round}.curve-sample{stroke:var(--c-primary-bright);stroke-width:1.5px;fill:none;stroke-dasharray:4 3}.curve-pt{fill:var(--c-bg);stroke:var(--c-text);stroke-width:2px;cursor:grab}.curve-pt.sel,.curve-pt:focus{fill:var(--c-accent);stroke:var(--c-accent-text);outline:none}.levels-hist{background:var(--c-bg);border:1px solid var(--c-border);width:100%;height:80px;display:block}.curve-editor,.levels-editor,.develop-panel,.actions-panel{gap:var(--s-2);display:grid}.readout{font:var(--f-xs) var(--mono);color:var(--c-muted);min-height:2.6em;margin:0}.dev-section h4 button{color:var(--c-text);font:600 var(--f-sm) var(--font);cursor:pointer;padding:var(--s-1) 0;background:0 0;border:0;min-height:32px}.dev-body{gap:var(--s-2);padding:var(--s-1) 0 var(--s-2) var(--s-2);display:grid}.wheel{gap:var(--s-3);grid-template-columns:104px 1fr;align-items:center;display:grid}.wheel svg{touch-action:none;cursor:crosshair}.wheel-sliders{gap:var(--s-1);display:grid}.steps{margin:var(--s-1) 0;padding-left:var(--s-5);font-size:var(--f-xs)}.recording{border:1px solid var(--c-accent);border-radius:var(--r-control);padding:var(--s-2) var(--s-3);gap:var(--s-2);display:grid}.action-list li{border-bottom:1px solid var(--c-border);padding:var(--s-1) 0}.history button{text-align:left;width:100%;color:var(--c-text);padding:var(--s-1) var(--s-2);min-height:32px;font:inherit;font-size:var(--f-xs);cursor:pointer;background:0 0;border:0;border-radius:4px}.history button.on{background:var(--c-primary);color:var(--c-primary-text)}.history button.future{color:var(--c-muted)}.modal-back{z-index:300;padding:var(--s-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-panel);padding:var(--s-4) var(--s-5);width:min(480px,100%);max-height:90vh;overflow:auto}.modal.wide{width:min(760px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.modal-head h2{margin:0}.toasts{bottom:var(--s-5);z-index:400;gap:var(--s-2);pointer-events:none;width:min(92vw,440px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--c-text);color:var(--c-bg);padding:var(--s-3) var(--s-4);border-radius:var(--r-control);font-size:var(--f-sm);box-shadow:0 6px 20px #0006}.toast.error{background:var(--c-danger);color:#000}@media (width<=900px){.editor{height:auto;min-height:100dvh;overflow:visible}.editor-main{flex-direction:column}.canvas-area{flex:none;height:52vh;min-height:300px}.project-name{width:120px}.options-row .slider{width:100%}.nav{margin-left:0}.topbar .ws-select{display:none}.tool-btn{width:44px;height:44px}.options-row{gap:var(--s-2) var(--s-3);flex-wrap:nowrap;min-height:48px;overflow-x:auto}.options-row>*{flex:none}.options-row .slider{width:150px;min-width:150px}.opt-title{min-width:0}.options{padding:0 var(--s-2)}.canvas-area{height:46vh;min-height:280px}.viewport{min-height:0}.editor-main{flex:none;min-height:auto}}