:root{--chrome:#fbfaf7;--panel:#f7f5f0;--canvas:#f2efe8;--line:#e4e0d6;--line2:#d3cec0;--text:#1d1c1a;--muted:#7a766b;--accent:#f26a3d;--accent-soft:#f26a3d24;--accent-ink:#fff;--ink:#1d1c1a;--paper:#f6f3ee;--danger:#e5484d;--ok:#2f9e6b;--grid-ink:#1d1c1a;--field:#fff;--seg:#ece9e1;--seg-on:#fff;--hover:#1d1c1a0f;--shadow:0 1px 2px #1e190f0f, 0 8px 24px #1e190f1a;--shadow-lg:0 2px 6px #1e190f14, 0 24px 64px #1e190f38;--checker:conic-gradient(#d9d5ca 25%, #f6f4ee 0 50%, #d9d5ca 0 75%, #f6f4ee 0) 0 0 / 10px 10px;--font:ui-sans-serif, "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--chrome:#17181c;--panel:#1c1d22;--canvas:#111215;--line:#2a2b32;--line2:#393a44;--text:#ecebe6;--muted:#8b8c97;--accent:#ff7a4d;--accent-soft:#ff7a4d2e;--accent-ink:#1a0f0a;--ink:#ecebe6;--paper:#16171b;--danger:#ff6369;--ok:#46c08a;--grid-ink:#ecebe6;--field:#121317;--seg:#24252c;--seg-on:#34353f;--hover:#ecebe612;--shadow:0 1px 2px #0006, 0 8px 24px #0006;--shadow-lg:0 2px 6px #00000080, 0 24px 64px #0009;--checker:conic-gradient(#2c2d34 25%, #202127 0 50%, #2c2d34 0 75%, #202127 0) 0 0 / 10px 10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:13px/1.4 var(--font);color:var(--text);background:var(--chrome);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}#app{height:100vh;grid-template-rows:46px auto minmax(0,1fr) 28px;height:100dvh;display:grid}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ic{flex:none;width:18px;height:18px}.topbar{background:var(--chrome);border-bottom:1px solid var(--line);z-index:20;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding:0 10px;display:grid;position:relative}.brand{letter-spacing:-.01em;align-items:center;gap:8px;padding-right:10px;font-size:14px;font-weight:700;display:flex}.brand svg{width:28px;height:28px}.menus{gap:2px;display:flex}.menu-h{color:var(--text);background:0 0;border:0;border-radius:7px;padding:5px 10px}.menu-h:hover,.menu-h.open{background:var(--hover)}.menu{z-index:200;background:var(--chrome);border:1px solid var(--line2);min-width:250px;box-shadow:var(--shadow-lg);animation:pop .12s var(--ease);border-radius:10px;padding:5px;position:fixed}.menu-i{text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:20px 1fr auto;align-items:center;width:100%;padding:6px 8px;display:grid}.menu-i:hover:not(:disabled),.menu-i:focus-visible{background:var(--accent-soft);outline:none}.menu-i:disabled{opacity:.4}.mi-check .ic{width:14px;height:14px;color:var(--accent)}.mi-k{color:var(--muted);padding-left:24px;font-size:12px}.menu-sep{background:var(--line);height:1px;margin:5px 4px}.tb-center{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.doc-title{text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:7px;max-width:340px;padding:4px 10px;font-weight:600;overflow:hidden}.doc-title:hover{background:var(--hover)}.dirty-dot{background:var(--accent);opacity:0;width:7px;height:7px;transition:.15s var(--ease);border-radius:50%;transform:scale(.4)}.dirty-dot.on{opacity:1;transform:none}.tb-right{align-items:center;gap:6px;display:flex}.btn{border:1px solid var(--line2);background:var(--field);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 12px;font-weight:550;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.primary:hover:not(:disabled){filter:brightness(1.06);border-color:#0000}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--hover);border-color:#0000}.btn.danger{color:var(--danger)}.btn.danger:hover:not(:disabled){border-color:var(--danger)}.btn.sm{height:28px;padding:0 10px}.btn.lg{height:38px;padding:0 20px;font-size:14px}.btn.busy{opacity:.6}.ibtn{width:30px;height:30px;color:var(--text);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.ibtn:hover:not(:disabled){background:var(--hover)}.ibtn:disabled{opacity:.32}.ibtn.on{background:var(--accent-soft);color:var(--accent)}.ibtn.sm{border-radius:6px;width:24px;height:24px}.ibtn.sm .ic{width:15px;height:15px}.main{min-height:0;display:flex;position:relative}.toolbar{background:var(--chrome);border-right:1px solid var(--line);z-index:10;flex-direction:column;flex:none;align-items:center;gap:4px;width:54px;padding:10px 0;display:flex}.tool{width:38px;height:38px;color:var(--text);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;transition:background .12s,color .12s,transform 80ms;display:grid;position:relative}.tool .ic{width:20px;height:20px}.tool:hover:not(:disabled){background:var(--hover)}.tool:active:not(:disabled){transform:scale(.94)}.tool.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 45%, transparent)}.tool:disabled{opacity:.3}.tool:after{content:attr(data-tip) "  " attr(data-key);background:var(--ink);color:var(--paper);white-space:pre;pointer-events:none;opacity:0;transition:opacity .12s 0s, transform .12s var(--ease) 0s;z-index:100;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:550;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-4px,-50%)}.tool:hover:after,.tool:focus-visible:after{opacity:1;transition-delay:.35s;transform:translateY(-50%)}.tb-sep{background:var(--line2);width:22px;height:1px;margin:4px 0}.tb-spacer{flex:1}.stage{background:var(--canvas);flex:1;min-width:0;position:relative}.canvas-wrap{touch-action:none;background:var(--canvas);outline:none;position:absolute;inset:0;overflow:hidden}.cv{pointer-events:none;position:absolute;top:0;left:0}.panel{background:var(--panel);border-left:1px solid var(--line);width:304px;transition:margin-right .22s var(--ease), transform .22s var(--ease);z-index:15;flex:none}.main.no-panel .panel{visibility:hidden;transition:margin-right .22s var(--ease), transform .22s var(--ease), visibility 0s .22s;margin-right:-305px}.panel-scroll{scrollbar-width:thin;scrollbar-color:var(--line2) transparent;height:100%;overflow:hidden auto}.sec{border-bottom:1px solid var(--line)}.sec-hr{align-items:center;padding-right:8px;display:flex}.sec-h{text-align:left;letter-spacing:.04em;text-transform:uppercase;height:36px;color:var(--muted);background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:650;display:flex}.sec-h:hover{color:var(--text)}.sec-h .chev{width:14px;height:14px;transition:transform .18s var(--ease)}.sec.open .sec-h .chev{transform:rotate(90deg)}.sec-actions{display:flex}.sec-actions .ibtn{width:26px;height:26px}.sec-actions .ic{width:16px;height:16px}.sec-b{transition:grid-template-rows .2s var(--ease);grid-template-rows:0fr;display:grid}.sec.open>.sec-b{grid-template-rows:1fr}.sec-in{min-height:0;overflow:hidden}.sec-in>*{padding:2px 14px 14px}.sec:not(.open) .sec-in,.sec-actions{visibility:hidden}.sec.open .sec-actions{visibility:visible}.row{align-items:center;gap:10px;min-height:30px;display:flex}.lbl{width:82px;color:var(--muted);flex:none;font-size:12px}.row.dim{opacity:.45}.sl .range{flex:1;min-width:0}.sl-val{text-align:right;font-variant-numeric:tabular-nums;width:44px;color:var(--text);font-size:12px}.range{appearance:none;cursor:pointer;--p:50%;background:0 0;height:20px}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p), var(--line2) var(--p));border-radius:4px;height:4px}.range::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--p), var(--line2) var(--p));border-radius:4px;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--field);border:2px solid var(--accent);border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:transform .1s;box-shadow:0 1px 3px #00000040}.range::-moz-range-thumb{background:var(--field);border:2px solid var(--accent);border-radius:50%;width:10px;height:10px}.range:active::-webkit-slider-thumb{transform:scale(1.18)}.range.hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:10px}.range.hue::-webkit-slider-thumb{background:#fff;margin-top:-2px}.range.alpha::-webkit-slider-runnable-track{background:linear-gradient(to right, transparent, var(--c,#000)), var(--checker);border-radius:6px;height:10px}.range.alpha::-webkit-slider-thumb{background:#fff;margin-top:-2px}.seg{background:var(--seg);border-radius:9px;flex:1;gap:2px;padding:2px;display:flex}.seg.wrap{flex-wrap:wrap}.seg-b{height:26px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:550;transition:background .12s,color .12s;display:inline-flex}.seg-b:hover{color:var(--text)}.seg-b.on{background:var(--seg-on);color:var(--text);box-shadow:0 1px 2px #00000024}.chkrow{cursor:pointer;align-items:center;gap:8px;display:flex;position:relative}.chk{opacity:0;width:0;height:0;position:absolute}.chk-box{border:1.5px solid var(--line2);background:var(--field);color:#0000;border-radius:5px;flex:none;place-items:center;width:16px;height:16px;transition:all .12s;display:grid}.chk-box .ic{stroke-width:3px;width:12px;height:12px}.chk:checked+.chk-box{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chk:focus-visible+.chk-box{outline:2px solid var(--accent);outline-offset:1px}.chk:disabled+.chk-box{opacity:.4}.chkrow .lbl{width:auto;color:var(--text)}.num,.txt,.sel{border:1px solid var(--line2);background:var(--field);-webkit-user-select:text;user-select:text;border-radius:7px;min-width:0;height:28px;padding:0 8px}.num:focus,.txt:focus,.sel:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.num{font-variant-numeric:tabular-nums;width:70px}.num.tiny{text-align:center;width:100%;padding:0 4px}.txt.mono{font-family:var(--mono);text-transform:lowercase}.sel{width:100%}.numwrap{align-items:center;gap:4px;display:flex}.suffix{color:var(--muted);font-size:12px}.colorin{border:1px solid var(--line2);background:var(--field);cursor:pointer;border-radius:7px;width:36px;height:28px;padding:2px}.colorin:disabled{opacity:.4}.two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.two .lbl{width:auto}.two .row{justify-content:space-between}.two .num{width:64px}.divider{background:var(--line);height:1px;margin:8px 0}.btnrow{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.btnrow .btn{flex:1}.inline{align-items:center;gap:6px;display:flex}.tip{color:var(--muted);margin:6px 0;font-size:12px;line-height:1.5}.selinfo{background:var(--accent-soft);color:var(--text);border-radius:8px;margin:4px 0 8px;padding:6px 10px;font-size:12px;font-weight:600}.sub{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:12px 0 6px;font-size:11px;font-weight:650}.empty{color:var(--muted);font-size:12px}.cp-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.swatches{flex:none;width:56px;height:46px;position:relative}.swatch{border:2px solid var(--line2);background:linear-gradient(color-mix(in srgb, var(--c) calc(var(--o,1) * 100%), transparent), color-mix(in srgb, var(--c) calc(var(--o,1) * 100%), transparent)), var(--checker);width:32px;height:32px;transition:transform .12s var(--ease), box-shadow .12s;border-radius:8px;padding:0;position:absolute}.swatch.fill{top:0;left:0}.swatch.stroke{background:var(--panel);border:7px solid color-mix(in srgb, var(--c) calc(var(--o,1) * 100%), var(--panel));bottom:0;right:0}.swatch.active{box-shadow:0 0 0 2px var(--accent), 0 3px 8px #0000002e;z-index:2;transform:scale(1.06)}.swatches .swap{z-index:3;width:20px;height:20px;position:absolute;bottom:-6px;left:-2px}.swatches .swap .ic{width:13px;height:13px}.target-label{flex:1;font-weight:650}.sv-wrap{touch-action:none;border-radius:9px;margin-bottom:10px;position:relative;overflow:hidden}.sv{cursor:crosshair;width:100%;height:132px;display:block}.sv-dot{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #0006}.colorpanel .range.hue{width:100%;margin-bottom:4px}.fields{gap:6px;margin-top:6px;display:grid}.f{grid-template-columns:34px 1fr;align-items:center;gap:8px;display:grid}.f>span{color:var(--muted);font-size:11px;font-weight:650}.f .txt{width:100%}.trio{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{width:22px;height:22px;transition:transform .1s var(--ease);border:1px solid #0000002e;border-radius:6px;padding:0}.chip:hover{z-index:1;transform:scale(1.18)}.palhead{align-items:center;gap:2px;margin:12px 0 8px;display:flex}.palhead .sel{flex:1;margin-right:4px}.layers{scrollbar-width:thin;flex-direction:column;gap:2px;max-height:232px;margin-bottom:8px;display:flex;overflow-y:auto}.layer{cursor:default;border-radius:8px;align-items:center;gap:2px;height:34px;padding:0 8px 0 4px;display:flex;position:relative}.layer:hover{background:var(--hover)}.layer.active{background:var(--accent-soft)}.layer.hidden .lname{opacity:.45;text-decoration:line-through}.layer.locked .lck{color:var(--accent)}.layer .lname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-left:6px;font-weight:550;overflow:hidden}.layer .rename{flex:1;height:24px;margin-left:4px}.lcount{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.layer.drop-above:before,.layer.drop-below:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;left:4px;right:4px}.layer.drop-above:before{top:-2px}.layer.drop-below:after{bottom:-2px}.statusbar{background:var(--chrome);border-top:1px solid var(--line);color:var(--muted);z-index:20;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:12px;display:flex}.st-l,.st-r{align-items:center;gap:4px;min-width:0;display:flex}.st-l{flex:1}.st{white-space:nowrap;padding:0 8px}.st-tool{color:var(--text);padding-left:0;font-weight:650}.st-hint{text-overflow:ellipsis;overflow:hidden}.st-coord{font-family:var(--mono);text-align:right;min-width:96px;font-size:11.5px}.btn-st{height:22px;color:var(--muted);background:0 0;border:0;border-radius:6px}.btn-st:hover{background:var(--hover);color:var(--text)}.btn-st.on{color:var(--text)}.st-file.mod{color:var(--accent);font-weight:650}.toasts{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);max-width:min(520px,90vw);color:var(--paper);box-shadow:var(--shadow);animation:rise .2s var(--ease);border-radius:10px;padding:9px 14px;font-weight:550;transition:opacity .25s,transform .25s}.toast.error{background:var(--danger);color:#fff}.toast.success{background:var(--ok);color:#fff}.toast.out{opacity:0;transform:translateY(6px)}.backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e0c086b;place-items:center;padding:16px;animation:.14s fade;display:grid;position:fixed;inset:0}.backdrop.out{pointer-events:none;opacity:0;transition:opacity .14s}.modal{background:var(--chrome);border:1px solid var(--line2);max-width:100%;max-height:100%;box-shadow:var(--shadow-lg);animation:pop .18s var(--ease);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.modal-h{justify-content:space-between;align-items:center;padding:14px 14px 10px 20px;display:flex}.modal-h h2{letter-spacing:-.01em;margin:0;font-size:16px}.modal-body{-webkit-user-select:text;user-select:text;padding:4px 20px 20px;overflow:auto}.modal-msg{color:var(--text);margin:0 0 18px;line-height:1.55}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.field{margin-bottom:14px;display:block}.field>span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:650;display:block}.field .txt{width:100%;height:34px}.field .row.flat{min-height:24px}.welcome .modal-body{padding:8px 28px 26px}.w-head{text-align:center;padding:18px 0 14px}.w-logo svg{width:56px;height:56px;filter:drop-shadow(0 6px 14px color-mix(in srgb, var(--accent) 40%, transparent))}.w-head h1{letter-spacing:-.025em;margin:12px 0 4px;font-size:26px}.tagline{color:var(--muted);margin:0;font-size:14px}.w-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 14px;display:grid}.wcard{text-align:left;border:1px solid var(--line2);background:var(--panel);transition:transform .14s var(--ease), border-color .14s, box-shadow .14s;border-radius:14px;flex-direction:column;gap:4px;padding:16px;display:flex}.wcard:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.wcard.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.wc-ic{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:8px;display:grid}.wcard.primary .wc-ic{color:inherit;background:#ffffff40}.wc-t{font-size:14px;font-weight:700}.wc-s{opacity:.72;font-size:12px;line-height:1.4}.linkbtn{color:var(--accent);background:0 0;border:0;border-radius:8px;margin:0 auto;padding:6px 10px;font-weight:650;display:block}.linkbtn:hover{background:var(--accent-soft)}.recover{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;display:flex}.recover strong{display:block}.recover span{color:var(--muted);font-size:12px}.recover-b{gap:6px;display:flex}.ocards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ocard{border:1.5px solid var(--line2);background:var(--panel);color:var(--text);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px 12px;transition:border-color .12s,background .12s;display:flex}.ocard svg{width:100%;height:76px;color:var(--text);margin-bottom:6px}.ocard.on{border-color:var(--accent);background:var(--accent-soft)}.oc-t{font-weight:700}.oc-s{color:var(--muted);font-size:11.5px}.sc-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;display:grid}.sc-grid h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px}.sc-grid dl{grid-template-columns:1fr auto;align-items:center;gap:6px 10px;margin:0;display:grid}.sc-grid dt{font-size:12.5px}.sc-grid dd{justify-content:flex-end;gap:4px;margin:0;display:flex}kbd{border:1px solid var(--line2);background:var(--field);min-width:22px;font:600 11px var(--font);text-align:center;border-bottom-width:2px;border-radius:6px;padding:2px 6px}.ex-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;display:grid}.ex-controls{flex-direction:column;gap:12px;display:flex}.xrow{grid-template-columns:88px 1fr;align-items:center;gap:8px;display:grid}.xrow.dim{opacity:.5}.xctl{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.xctl .num{width:82px}.xctl .range{flex:1}.x{color:var(--muted)}.chipbtns{gap:4px;display:flex}.chipbtn{border:1px solid var(--line2);background:var(--field);border-radius:6px;padding:3px 8px;font-size:11.5px}.chipbtn.on{background:var(--accent-soft);border-color:var(--accent)}.lockbtn[aria-pressed=true]{color:var(--accent)}.ex-side{flex-direction:column;gap:10px;display:flex}.pv{border:1px solid var(--line2);background:var(--panel);border-radius:12px;place-items:center;height:260px;padding:14px;display:grid;position:relative;overflow:hidden}.pv-canvas{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 0 0 1px var(--line2);border-radius:3px}.pv-canvas.checker{background:var(--checker)}.ex-dim{font-size:15px;font-weight:700}.ex-sub{color:var(--muted);font-size:12px}.ex-err{color:var(--danger);min-height:0;font-weight:550}.ex-side .btn.lg{margin-top:auto}.xrow.chkx .lbl{width:auto}.tour{background:var(--ink);width:min(400px,100vw - 24px);color:var(--paper);box-shadow:var(--shadow-lg);z-index:80;animation:rise .25s var(--ease);border-radius:14px;outline:2px solid #0000;padding:14px 16px;transition:box-shadow .2s,outline-color .2s;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}.tour.ok{outline-color:var(--ok)}.tour h3{margin:4px 0;font-size:15px}.tour p{opacity:.82;margin:0 0 12px;line-height:1.5}.tour-top{justify-content:space-between;align-items:center;display:flex}.tour-step{letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-size:11px;font-weight:650}.tour .ibtn{color:var(--paper)}.tour .ibtn:hover{background:#7f7f7f40}.tour-dots{gap:5px;margin-bottom:12px;display:flex}.tour-dots .d{background:#7f7f7f66;border-radius:2px;width:18px;height:4px}.tour-dots .d.done{background:var(--ok)}.tour-dots .d.now{background:var(--accent)}.tour-actions{justify-content:space-between;display:flex}.tour .btn{color:var(--paper);background:0 0;border-color:#7f7f7f80}.tour .btn.ghost{border-color:#0000}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.tour{animation-name:rise-c}@keyframes rise-c{0%{opacity:0;transform:translate(-50%,10px)}}@keyframes fade{0%{opacity:0}}@media (max-width:900px){.panel{box-shadow:var(--shadow-lg);position:absolute;top:0;bottom:0;right:0}.main.no-panel .panel{margin-right:0;transform:translate(110%)}.tb-center{display:none}.topbar{grid-template-columns:auto 1fr auto}.menus,.st-hint,.st-coord{display:none}.w-cards,.ex-grid{grid-template-columns:1fr}.brand span{display:none}}@media (max-width:560px){.menu-h{padding:5px 6px}.tb-right .btn span,.themebtn{display:none}.tb-right .btn{padding:0 8px}.toolbar{gap:2px;width:46px}.tool{width:34px;height:34px}.statusbar .btn-st:nth-of-type(3){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.ex-actions{gap:8px;margin-top:auto;display:flex}.ex-actions .btn{flex:1}.sc-list{border:1px solid var(--line);border-radius:10px;flex-direction:column;max-height:52vh;display:flex;overflow-y:auto}.sc-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 150px auto auto;align-items:center;gap:6px;padding:4px 8px;display:grid}.sc-row:last-child{border-bottom:0}.kbtn{border:1px solid var(--line2);background:var(--field);height:26px;font:600 11.5px var(--font);border-radius:7px}.kbtn.cap{border-color:var(--accent);background:var(--accent-soft)}.sc-msg{min-height:18px;color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:600}:root[data-contrast=high]{--line:#6b6b6b;--line2:#8a8a8a;--muted:#3a3a3a;--accent:#b83200;--accent-ink:#fff;--text:#000;--chrome:#fff;--panel:#fff;--canvas:#fff;--field:#fff;--seg:#e6e6e6;--hover:#00000024}:root[data-theme=dark][data-contrast=high]{--line:#9a9a9a;--line2:#bdbdbd;--muted:#d6d6d6;--accent:#ffa07a;--accent-ink:#000;--text:#fff;--chrome:#000;--panel:#000;--canvas:#000;--field:#000;--seg:#262626;--hover:#fff3}:root[data-contrast=high] :focus-visible{outline:3px solid var(--accent);outline-offset:2px}:root[data-large="1"]{font-size:15px}:root[data-large="1"] .tool,:root[data-large="1"] .ibtn{min-width:44px;min-height:44px}:root[data-large="1"] .btn,:root[data-large="1"] .sel,:root[data-large="1"] .txt{min-height:40px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stamps{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}.stamp-w{position:relative}.stamp{border:1px solid var(--line);background:var(--field);width:100%;color:var(--text);border-radius:10px;gap:2px;padding:4px;transition:border-color .12s,transform 80ms;display:grid}.stamp:hover{border-color:var(--accent)}.stamp:active{transform:scale(.96)}.stamp-cv{width:100%;height:52px}.stamp-n{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.stamp-x{opacity:0;position:absolute;top:2px;right:2px}.stamp-w:hover .stamp-x,.stamp-x:focus-visible{opacity:1}.snaps{gap:6px;max-height:320px;display:grid;overflow:auto}.snap{border:1px solid var(--line);background:var(--field);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.snap-i{flex:1;min-width:0;display:grid}.snap-i span{color:var(--muted);font-size:11.5px}.minimap{border:1px solid var(--line2);background:var(--chrome);width:168px;height:112px;box-shadow:var(--shadow);z-index:5;border-radius:10px;position:absolute;bottom:14px;right:14px;overflow:hidden}.minimap[hidden]{display:none}.mm-cv{cursor:pointer;touch-action:none;width:100%;height:100%;display:block}.rulers{pointer-events:none;z-index:4;position:absolute;inset:0}.rulers[hidden]{display:none}.ruler{pointer-events:auto;position:absolute}.ruler-x{cursor:row-resize;top:0;left:0}.ruler-y{cursor:col-resize;top:0;left:0}.ruler-corner{background:var(--chrome);border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);pointer-events:auto;z-index:1;width:20px;height:20px;position:absolute;top:0;left:0}.tabbar{background:var(--chrome);border-bottom:0 solid var(--line);height:0;transition:height .15s var(--ease);align-items:flex-end;gap:2px;padding:0 8px;display:flex;overflow:hidden}.tabbar.on{border-bottom-width:1px;height:34px}.tab{max-width:200px;height:28px;color:var(--muted);cursor:pointer;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:0 6px 0 12px;display:flex}.tab:hover{background:var(--hover)}.tab.active{background:var(--panel);border-color:var(--line);color:var(--text)}.tab-n{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tab-add{align-self:center;margin-left:4px}.canvas-wrap,.rulers,.minimap{direction:ltr}.lthumb{background:var(--field);border:1px solid var(--line);border-radius:5px;flex:none;width:34px;height:24px}.layer.grouped{margin-left:14px}.lgroup{color:var(--muted);align-items:center;gap:4px;padding:3px 6px;font-weight:600;display:flex}.gchev .ic{transition:transform .15s var(--ease)}.gchev.open .ic{transform:rotate(90deg)}.empty-ghost{color:var(--muted);text-align:center;pointer-events:none;opacity:0;transition:opacity .3s var(--ease);z-index:2;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.empty-ghost.on{opacity:.7}.empty-ghost p{margin:0;font-size:13px;line-height:1.5}.pulse{border:2px solid var(--accent);pointer-events:none;z-index:6;width:14px;height:14px;animation:pulse .55s var(--ease) forwards;border-radius:50%;margin:-7px 0 0 -7px;position:absolute}@keyframes pulse{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(3.2)}}.news{gap:10px;display:grid}.news-i{gap:2px;display:grid}.news-i span{color:var(--muted)}.tool,.btn,.seg-b,.stamp,.layer{transition-property:background,color,transform,border-color,box-shadow}.tool.on:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 84%, #fff);box-shadow:0 2px 12px color-mix(in srgb, var(--accent) 58%, transparent)}.ibtn.on:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--accent)}.layer.active:hover{background:color-mix(in srgb, var(--accent) 24%, transparent)}.btn-st.on:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}.chipbtn.on:hover,.ocard.on:hover{background:color-mix(in srgb, var(--accent) 24%, transparent)}.swatch.active:hover{transform:scale(1.1)}