:root{--bg:#f2f2f1;--panel:#fff;--panel-2:#e8e8e6;--text:#0a0a0a;--muted:#6b6b6b;--accent:#0e39a8;--border:#e4e2dc;--radius:12px;--line:#eceae4;--line-2:#cfcdc6;--accent-ink:#fff;--hover:#1111140d;--hover-2:#11111417;--hover-3:#11111421;--chip:#1111140d;--edge-x:10px;--edge-y:10px;--row-h:32px;--row-gap:8px;--ctl-fs:13px;--ctl-ico:15px;--q-btn:28px;--q-ico:19px;--q-ink:28px;--q-track:104px;--fab-fs:14px;--fab-h:36px;--cv-inset-b:0px;--cv-inset-r:0px;--corner-l:var(--edge-x);--corner-r:var(--edge-x);--corner-t:var(--edge-y);--corner-b:var(--edge-y);--stack-2:calc(var(--corner-t) + var(--row-h) + var(--row-gap));--stack-2b:calc(var(--corner-b) + var(--row-h) + var(--row-gap));--qbar-side:112px;--chip-solid:#fff;--chip-line:#1111141a;--float:#fffffff5;--float-2:#ffffffe6;--knob:#fff;--track:#e2dcd1;--accent-deep:#0a2a82;--accent-hi:#2a5be8;--accent-lo:#0a2a82;--shadow-1:0 1px 2px #1111140f;--shadow-2:0 18px 40px -26px #00000057, 0 1px 2px #0000000a;--ring:0 0 0 3px #0e39a861;--mast-bg:#0e39a8;--mast-bg-lift:#ffffff1f;--mast-bg-lift-2:#fff3;--mast-fg:#fff;--mast-fg-2:#ffffffb8;--mast-spark:#22d3ee;--mast-pop:#f4f7fc;--mast-shadow:0 1px 2px #040e304d;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);min-height:100vh;flex-direction:column;min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;min-width:0;font-size:21px;font-weight:700;display:flex}.brand span,.brand h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.brand h1{font:inherit;margin:0}main{flex:1;grid-template-columns:1fr 340px;gap:12px;min-height:0;padding:12px;display:grid}@media (max-width:880px){main{grid-template-columns:1fr;gap:10px;padding:8px}}body:not(.tuning) main{column-gap:0}.stage-wrap{flex-direction:column;gap:10px;min-height:0;display:flex}.stage{border:1px solid var(--line);border-radius:var(--radius);background:repeating-conic-gradient(#f0f0ef 0% 25%,#e7e7e5 0% 50%) 0/24px 24px;flex:1;min-height:340px;position:relative;overflow:hidden}#stage:-webkit-full-screen{border:0;border-radius:0;width:100%;height:100%;margin:0;position:fixed;top:0;bottom:0;left:0;right:0}#stage:fullscreen{border:0;border-radius:0;width:100%;height:100%;margin:0;position:fixed;top:0;bottom:0;left:0;right:0}body.stage-faux-full #stage{--corner-l:calc(var(--edge-x) + var(--sai-left,0px));--corner-r:calc(var(--edge-x) + var(--sai-right,0px));--corner-t:calc(var(--edge-y) + var(--sai-top,0px));--corner-b:calc(var(--edge-y) + var(--sai-bottom,0px));--stack-2:calc(var(--corner-t) + var(--row-h) + var(--row-gap));--stack-2b:calc(var(--corner-b) + var(--row-h) + var(--row-gap))}#stage:-webkit-full-screen{--corner-l:calc(var(--edge-x) + var(--sai-left,0px));--corner-r:calc(var(--edge-x) + var(--sai-right,0px));--corner-t:calc(var(--edge-y) + var(--sai-top,0px));--corner-b:calc(var(--edge-y) + var(--sai-bottom,0px));--stack-2:calc(var(--corner-t) + var(--row-h) + var(--row-gap));--stack-2b:calc(var(--corner-b) + var(--row-h) + var(--row-gap))}#stage:fullscreen{--corner-l:calc(var(--edge-x) + var(--sai-left,0px));--corner-r:calc(var(--edge-x) + var(--sai-right,0px));--corner-t:calc(var(--edge-y) + var(--sai-top,0px));--corner-b:calc(var(--edge-y) + var(--sai-bottom,0px));--stack-2:calc(var(--corner-t) + var(--row-h) + var(--row-gap));--stack-2b:calc(var(--corner-b) + var(--row-h) + var(--row-gap))}#stage:-webkit-full-screen{--corner-l:calc(var(--edge-x) + var(--sai-left,0px));--corner-r:calc(var(--edge-x) + var(--sai-right,0px));--corner-t:calc(var(--edge-y) + var(--sai-top,0px));--corner-b:calc(var(--edge-y) + var(--sai-bottom,0px));--stack-2:calc(var(--corner-t) + var(--row-h) + var(--row-gap));--stack-2b:calc(var(--corner-b) + var(--row-h) + var(--row-gap))}body.stage-faux-full #stage{z-index:80;width:100%;height:var(--faux-h,100%);border:0;border-radius:0;margin:0;position:fixed;top:0;bottom:0;left:0;right:0}body.stage-faux-full .stage-wrap{z-index:auto;position:static}@media (max-width:880px) and (orientation:portrait){html,body{overscroll-behavior:none;height:100%;min-height:0;overflow:hidden}body{position:fixed;top:0;bottom:0;left:0;right:0}main{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;min-height:0;overflow:hidden}.stage-wrap{background:var(--bg);border-radius:0 0 var(--radius) var(--radius);flex:auto;height:auto;min-height:0;box-shadow:0 8px 18px #1111141f}.stage{flex:auto;height:auto;min-height:0}body.tuning main{grid-template-rows:auto minmax(0,1fr);gap:0}body.tuning:not(.stage-faux-full) .stage-wrap{z-index:auto;flex:none;height:48vh;position:static}body.tuning:not(.stage-faux-full) .stage{flex:auto;height:auto;min-height:0}body.tuning:not(.stage-faux-full) .panel{border-left:none;border-top:1px solid var(--border);-webkit-overflow-scrolling:touch;border-radius:0;align-self:stretch;width:auto;min-width:0;height:auto;max-height:none;position:static;overflow:hidden auto}body.tuning .panel .panel-grip{display:none}.stage #preview{touch-action:none}.panel .ctl input[type=range]{height:28px}.stage.mini{height:17vh}.stage .mini-toggle{display:inline-flex}.stage .dragtag{display:none}.panel .ctl,.panel details,.panel .grp>p{scroll-margin-top:calc(var(--topbar-h,52px) + 48vh + 96px)}}@media (orientation:landscape) and (max-height:620px){body{height:100vh;height:100dvh;min-height:0;overflow:hidden}.topbar{padding:6px 12px}.foot{display:none}main{height:calc(100vh - var(--topbar-h,52px));height:calc(100dvh - var(--topbar-h,52px) - var(--sai-bottom,0px));flex:none;grid-template-columns:minmax(0,1fr) minmax(220px,40%);align-items:stretch;gap:8px;min-height:0;padding:8px;display:grid;overflow:hidden}.stage-wrap{flex-direction:column;gap:8px;height:100%;min-height:0;padding:0;display:flex;position:static}.stage{height:auto;min-height:0;box-shadow:none;border-radius:var(--radius);flex:auto}.stage.mini{height:auto}.stage-bar{flex:none}.stage .mini-toggle,.stage .compare-btn,.stage .dragtag{display:none}.panel{-webkit-overflow-scrolling:touch;align-self:stretch;height:100%;min-height:0;max-height:none;position:static;overflow:hidden auto}.panel .ctl,.panel details,.panel .grp>p{scroll-margin-top:8px}.export-note{color:var(--muted);margin:0;padding:2px 0 0;font-size:12px;line-height:1.55}.stage-bar{flex-wrap:nowrap;gap:6px}.stage-bar button{padding:6px 10px;font-size:12px}.stage-bar .ctl>span:first-child{display:none}.stage-bar #imgInfo{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}#gridSeg{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}#gridSeg button{flex:0 0 calc(33.333% - 5px);justify-content:center;align-items:center;min-width:0;height:42px;padding:4px;display:inline-flex}#gridSeg .gt-ico{width:100%;height:100%;color:var(--muted);display:block}#gridSeg button.active .gt-ico{color:var(--acc-ink)}#gridSeg .sr{display:none}.touch-ui .panel .ctl input[type=range]{pointer-events:none}.editor{z-index:60;background:#000000bd;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.editor[hidden]{display:none}.editor-card{background:var(--panel);border-radius:16px;flex-direction:column;max-width:min(680px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 60px #11111438}.editor-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:11px 16px;font-weight:650;display:flex}.editor-head .hint{color:var(--muted);font-size:12px;font-weight:450}.editor-stage{background:#0b0b0d;flex:1;justify-content:center;align-items:center;min-height:0;padding:14px;display:flex;position:relative;overflow:hidden}.ed-wrap{line-height:0;position:relative}.ed-wrap canvas{touch-action:none;max-width:100%;max-height:58vh;display:block}.ed-crop{cursor:move;touch-action:none;border:2px solid #fff;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 0 9999px #00000085}.ed-crop i{background:#fff;border-radius:4px;width:20px;height:20px;position:absolute;box-shadow:0 1px 3px #1111141a}.ed-crop i.nw{cursor:nwse-resize;top:-10px;left:-10px}.ed-crop i.ne{cursor:nesw-resize;top:-10px;right:-10px}.ed-crop i.sw{cursor:nesw-resize;bottom:-10px;left:-10px}.ed-crop i.se{cursor:nwse-resize;bottom:-10px;right:-10px}.editor-bar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:11px 16px;display:flex}.editor-bar .spacer{flex:1}.editor-bar button{border:1px solid var(--line);background:var(--panel);font:inherit;cursor:pointer;color:var(--text);border-radius:9px;padding:7px 12px}.editor-bar button:hover{border-color:var(--line-2)}.ed-ratios{flex-wrap:wrap;gap:4px;display:inline-flex}.ed-ratios button{border:1px solid var(--line);background:var(--panel);font:inherit;cursor:pointer;color:var(--text);border-radius:7px;padding:5px 8px;font-size:12px}.ed-ratios button.active,.editor-bar button.primary{background:var(--accent,#0e39a8);color:var(--accent-ink);border-color:#0000}.topbar .tb-actions{align-items:center;gap:8px;display:flex}#btnExportPop{align-items:center;gap:6px;display:inline-flex}#btnExportPop svg{flex:none}.export-pop{z-index:45;background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:9px;width:min(304px,100vw - 24px);max-height:min(72vh,540px);padding:12px;display:flex;position:fixed;top:56px;right:12px;overflow:auto;box-shadow:0 18px 44px #11111433}.export-pop[hidden]{display:none}.export-pop .export-note{margin-top:2px}.export-pop .plan-note{border-top:1px dashed var(--line);color:var(--muted);margin-top:4px;padding-top:6px}.ctl output input.inline-edit{width:5.4em;font:inherit;text-align:center;color:var(--ink);border:1px solid var(--accent,#0e39a8);background:var(--panel);-webkit-appearance:none;-webkit-appearance:textfield;appearance:textfield;border-radius:6px;padding:1px 2px}.ctl output input.inline-edit::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ctl output input.inline-edit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stage .compare-btn,.stage-fit,.stage-edit,.stage-acts,.quickbar,.zoomtag{touch-action:manipulation}.stage-tl{top:var(--corner-t);left:var(--corner-l);z-index:5;align-items:flex-start;gap:var(--row-gap);flex-direction:column;display:flex;position:absolute;bottom:auto;right:auto}.stage .compare-btn{align-items:center;gap:4px;display:inline-flex;position:relative}.stage .compare-btn svg{width:var(--ctl-ico);height:var(--ctl-ico)}.mini-toggle{z-index:4;background:var(--float);border:1px solid var(--border);color:var(--muted);border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;display:none;position:absolute;bottom:8px;right:8px}.mini-toggle .ic{transition:transform .18s}.stage.mini .mini-toggle .ic{transform:rotate(180deg)}.stage.mini .zoomtag{display:none}.stage.drag{outline:2px dashed var(--accent);outline-offset:-8px}#preview{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}body.tuning.stage-faux-full #preview{width:calc(100% - var(--cv-inset-r));height:calc(100% - var(--cv-inset-b));top:0;bottom:auto;left:0;right:auto}body.tuning #stage:-webkit-full-screen #preview{width:calc(100% - var(--cv-inset-r));height:calc(100% - var(--cv-inset-b));top:0;bottom:auto;left:0;right:auto}body.tuning #stage:fullscreen #preview{width:calc(100% - var(--cv-inset-r));height:calc(100% - var(--cv-inset-b));top:0;bottom:auto;left:0;right:auto}body.tuning #stage:-webkit-full-screen #preview{width:calc(100% - var(--cv-inset-r));height:calc(100% - var(--cv-inset-b));top:0;bottom:auto;left:0;right:auto}.dragtag{background:var(--float-2);border:1px solid var(--border);color:var(--muted);pointer-events:none;opacity:1;border-radius:8px;padding:4px 10px;font-size:12px;transition:opacity .25s;position:absolute;top:52px;right:10px}.stage.has-img .dragtag{opacity:0}.dragtag.is-hint{opacity:1;color:var(--text);border-color:var(--line);background:var(--float);box-shadow:0 4px 14px -6px #0000004d}.zoomtag{pointer-events:none;position:absolute;bottom:44px;left:10px}.stage-acts{top:var(--corner-t);right:calc(var(--corner-r) + var(--cv-inset-r));z-index:5;align-items:center;gap:6px;max-width:calc(100% - 20px);display:flex;position:absolute}.stage-fab{border-radius:999px;align-items:center;gap:6px;padding:7px 13px;display:inline-flex;box-shadow:0 2px 10px #11111424}.float-chip{height:var(--row-h);background:var(--chip-solid);border:1px solid var(--chip-line);color:var(--text);font-size:var(--ctl-fs);border-radius:999px;align-items:center;gap:4px;padding:0 9px;line-height:1;display:inline-flex;box-shadow:0 1px 2px #11111412}.float-chip button{height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:3px;padding:0;display:inline-flex}.float-chip button+button{margin-left:1px;padding-left:7px}.float-chip button.active{background:var(--text);color:#fff}#btnFit.active{background:var(--chip-solid)!important;color:var(--text)!important}.float-chip .zoomtag{pointer-events:none;color:var(--muted);background:0 0;border:none;padding:0 2px 0 5px;font-size:11.5px;position:static}.float-chip svg{width:var(--ctl-ico);height:var(--ctl-ico);flex:none}.stage-fit{left:var(--corner-l);z-index:5;top:auto;right:auto;bottom:calc(var(--corner-b) + var(--cv-inset-b));align-items:center;gap:6px;display:flex;position:absolute}.stage-fit button{font-size:var(--ctl-fs);min-height:var(--row-h);background:var(--chip-solid);border:1px solid var(--chip-line);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 12px;line-height:1.25;display:inline-flex;box-shadow:0 1px 2px #11111412}#btnFit svg{flex:none}#btnFit svg.ic-compress,#btnFit.active svg.ic-expand{display:none}#btnFit.active svg.ic-compress{display:block}.stage-fit button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.stage-edit{cursor:pointer;position:relative}.stage-edit[hidden]{display:none}.stage-acts button{min-height:var(--fab-h);font-size:var(--fab-fs);border-radius:999px;align-items:center;gap:6px;padding:0 15px;display:inline-flex;box-shadow:0 2px 10px #11111424}.panel-meta{justify-content:space-between;align-items:center;gap:8px;min-height:20px;margin:2px 8px 8px;padding:0 4px;display:flex}.panel-meta .hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.panel-meta #btnReset{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;padding:3px 7px;font-size:11.5px}.panel-meta #btnReset:hover{background:var(--ctl-hover);color:var(--text)}button,select{font:inherit;border:1px solid var(--border);background:var(--panel);cursor:pointer;color:var(--text);border-radius:8px;padding:7px 12px;font-size:13px}button:active{transform:translateY(1px)}button.primary{background:var(--text);color:#fff;border-color:var(--text)}button.primary:hover{background:#2a2a2a}.spacer{flex:1}.hint{color:var(--muted);font-size:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 96px);align-self:start;max-height:calc(100dvh - 96px);padding:4px 0;position:sticky;top:64px;overflow:auto}@media (max-width:880px){.panel{max-height:none;position:static}}.panel-grip{display:none}details{border-bottom:1px solid var(--border)}details:last-child{border-bottom:none}summary{cursor:pointer;justify-content:space-between;padding:11px 16px;font-size:13px;font-weight:600;list-style:none;display:flex}.panel>details>summary{letter-spacing:.2px;font-size:13.5px;font-weight:700}summary::-webkit-details-marker{display:none}summary:after{content:"▾";color:var(--muted)}details[open] summary:after{content:"▴"}.tb-menu>summary:after,.tb-menu[open]>summary:after,.bsw>summary:after,.bsw[open]>summary:after{content:none}.grp{flex-direction:column;gap:11px;padding:4px 16px 14px;display:flex}.ctl{touch-action:pan-y;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.ctl>span:first-child{color:var(--muted);white-space:nowrap;flex:none}.ctl input[type=range]{min-width:90px;accent-color:var(--accent-deep);flex:1}.ctl output{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 3.2em}.ctl input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:42px;height:28px;padding:0}.ctl input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{flex:1;justify-content:center;align-items:center;gap:6px;min-width:52px;padding:6px 4px;font-size:12px;display:inline-flex}.seg button.active{background:var(--acc-soft);color:var(--acc-ink);border-color:var(--acc-soft)}#shapeSeg{justify-content:center;gap:5px}#shapeSeg button{flex:0 0 calc(20% - 5px);justify-content:center;align-items:center;min-width:0;height:34px;padding:0 2px;display:inline-flex}.charbox{flex-direction:column;gap:6px;margin-top:4px;display:flex}.charbox[hidden]{display:none}.charbox textarea{resize:vertical;width:100%;min-height:66px;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);box-sizing:border-box;border-radius:9px;padding:7px 9px;font-size:13px;line-height:1.5}.charbox .seg{justify-content:flex-start}#shapeSeg .sh-ico{flex:none;width:21px;height:21px;display:block}#shapeSeg .sr{display:none}#shapeSeg button[data-shape=connect] .sr,#shapeSeg button[data-shape=char] .sr{white-space:nowrap;flex:none;margin-left:6px;font-size:12px;font-weight:500;line-height:1;display:inline;overflow:visible}#shapeSeg button[data-shape=connect],#shapeSeg button[data-shape=char]{text-overflow:clip;white-space:nowrap;flex:none;gap:8px;width:auto;padding:0 13px;overflow:visible}.mini{justify-content:center;align-items:center;gap:6px;width:100%;font-size:12px;display:inline-flex}.mini .ic{flex:none}.row2{grid-template-columns:1fr;gap:10px;display:grid}select{flex:1;min-width:130px}.note{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.foot{color:var(--muted);border-top:1px solid var(--border);background:var(--panel);padding:9px 16px;font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.sub{border-left:2px solid var(--border);flex-direction:column;gap:10px;margin:2px 0 2px 2px;padding-left:11px;display:flex}.chips button{padding:5px 10px;font-size:12px}#lockRatio .ic{flex:none}#lockRatio .ic-open{display:none}#lockRatio.active .ic-locked{display:block}#lockRatio.active .ic-open,#lockRatio:not(.active) .ic-locked{display:none}#lockRatio:not(.active) .ic-open{display:block}body{background: radial-gradient(1100px 520px at 12% -12%, #0e39a81f 0%, #0e39a800 60%), radial-gradient(820px 460px at 102% -4%, #22d3ee0f 0%, #22d3ee00 55%), var(--bg)}.topbar{background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow-1)}.brand{letter-spacing:.01em;font-weight:650}.panel{box-shadow:none;background:0 0;border:0;padding:8px 0}.panel>details{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:0 8px 12px;overflow:hidden;box-shadow:0 1px 2px #1111140b}.panel>details:last-child{margin-bottom:0}.panel .grp{gap:8px;padding:2px 12px 14px}.panel .ctl{background:var(--panel-2);border-radius:10px;padding:7px 9px;transition:background .14s}.panel .ctl:hover{background:var(--hover-2)}.sub{border-left-color:var(--line-2);gap:11px}.panel>details>summary{letter-spacing:.01em;border-radius:0;align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:14px;font-weight:700;transition:background .15s}.panel>details[open]>summary{background:var(--panel-2)}.panel>details>summary:hover{background:var(--hover-2)}.panel>details[open]>summary{border-bottom:1px solid var(--line)}.panel>details>summary:after{display:none}summary .summary-val{min-width:0;font:500 11.5px/1 var(--mono);color:var(--muted);background:var(--chip);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:0 auto;margin-left:auto;padding:4px 9px;overflow:hidden}summary .fold-btn{width:24px;height:24px;color:var(--muted);background:var(--chip);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}summary .fold-btn:hover{background:var(--hover-2);color:var(--text)}summary .fold-btn:active{background:var(--hover-3)}summary .fold-btn:focus-visible{box-shadow:var(--ring);outline:none}summary .fold-btn svg{width:12px;height:12px;transition:transform .2s}details[open] summary .fold-btn svg{transform:rotate(180deg)}button,select{border-color:var(--line);border-radius:9px;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}button:hover,select:hover{background:var(--hover);border-color:var(--line-2)}button.primary{background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:var(--accent-lo);box-shadow:0 1px 2px #5aaa7d73}button.primary:hover{background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:var(--accent-lo);filter:brightness(1.1)}select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%), linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:30px}input[type=text]{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;width:100%;padding:7px 10px;font-size:13px}input[type=text]:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.ctl output{text-align:center;min-width:4em;font:500 12px/1.2 var(--mono);color:var(--text);background:var(--bg);border:1px solid var(--line-2);border-radius:7px;flex:none;padding:4px 7px;transition:border-color .14s,color .14s}.ctl:hover output{border-color:var(--muted)}.ctl input[type=range]{-webkit-appearance:none;appearance:none;touch-action:pan-y;background:0 0;height:22px}.ctl input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent-deep) 0 var(--fill,50%),var(--track) var(--fill,50%) 100%);border-radius:999px;height:5px;box-shadow:inset 0 0 0 1px #1111141a}.ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--knob);border:2px solid var(--accent-deep);border-radius:50%;width:15px;height:15px;margin-top:-5px;transition:transform .12s;box-shadow:0 1px 3px #11111424}.ctl input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.ctl input[type=range]:active::-webkit-slider-thumb{transform:scale(1.22)}.ctl input[type=color]{border-color:var(--line);border-radius:8px}.seg button{border-radius:9px}.seg button.active{background:linear-gradient(180deg,var(--accent-hi),var(--accent));border-color:var(--accent-lo);box-shadow:0 1px 2px #5aaa7d73}.seg button:hover:not(.active){background:var(--hover)}#gridSeg button{border-radius:10px;height:44px}#gridSeg button:hover:not(.active){background:var(--hover);border-color:var(--line-2)}#shapeSeg button{border-radius:9px;width:36px;height:34px}.note{background:var(--hover);border:1px solid var(--line);border-radius:9px;padding:8px 10px}.dragtag{background:var(--float);border-color:var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--mono);border-radius:999px}.mini-toggle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}select:focus:not(:focus-visible){outline:none}summary:focus:not(:focus-visible){outline:none}input:focus:not(:focus-visible){outline:none}.panel::-webkit-scrollbar{width:11px}.panel::-webkit-scrollbar-track{background:0 0}.panel::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#4a4a55;border-radius:999px}.panel::-webkit-scrollbar-thumb:hover{background:#5c5c68}[hidden]{display:none!important}:root{--sai-top:env(safe-area-inset-top,0px);--sai-right:env(safe-area-inset-right,0px);--sai-bottom:env(safe-area-inset-bottom,0px);--sai-left:env(safe-area-inset-left,0px)}body{padding-left:var(--sai-left);padding-right:var(--sai-right);padding-bottom:var(--sai-bottom)}.topbar{padding-top:calc(10px + var(--sai-top))}.editor{padding:calc(14px + var(--sai-top)) calc(14px + var(--sai-right)) calc(14px + var(--sai-bottom)) calc(14px + var(--sai-left))}body.stage-faux-full .stage-acts{top:var(--corner-t);right:calc(var(--corner-r) + var(--cv-inset-r))}#stage:-webkit-full-screen .stage-acts{top:var(--corner-t);right:calc(var(--corner-r) + var(--cv-inset-r))}#stage:fullscreen .stage-acts{top:var(--corner-t);right:calc(var(--corner-r) + var(--cv-inset-r))}#stage:-webkit-full-screen .stage-acts{top:var(--corner-t);right:calc(var(--corner-r) + var(--cv-inset-r))}body.stage-faux-full .panel{width:var(--cv-inset-r,0px);opacity:0;pointer-events:none;background:var(--panel);border-left:1px solid var(--border);min-width:0;height:auto;max-height:none;box-shadow:none;z-index:1;border-top:none;border-radius:0;align-self:auto;position:absolute;top:0;bottom:0;left:auto;right:0;overflow:hidden}#stage:-webkit-full-screen .panel{width:var(--cv-inset-r,0px);opacity:0;pointer-events:none;background:var(--panel);border-left:1px solid var(--border);min-width:0;height:auto;max-height:none;box-shadow:none;z-index:1;border-top:none;border-radius:0;align-self:auto;position:absolute;top:0;bottom:0;left:auto;right:0;overflow:hidden}#stage:fullscreen .panel{width:var(--cv-inset-r,0px);opacity:0;pointer-events:none;background:var(--panel);border-left:1px solid var(--border);min-width:0;height:auto;max-height:none;box-shadow:none;z-index:1;border-top:none;border-radius:0;align-self:auto;position:absolute;top:0;bottom:0;left:auto;right:0;overflow:hidden}#stage:-webkit-full-screen .panel{width:var(--cv-inset-r,0px);opacity:0;pointer-events:none;background:var(--panel);border-left:1px solid var(--border);min-width:0;height:auto;max-height:none;box-shadow:none;z-index:1;border-top:none;border-radius:0;align-self:auto;position:absolute;top:0;bottom:0;left:auto;right:0;overflow:hidden}body.tuning.stage-faux-full .panel{opacity:1;pointer-events:auto;overflow:hidden auto}body.tuning #stage:-webkit-full-screen .panel{opacity:1;pointer-events:auto;overflow:hidden auto}body.tuning #stage:fullscreen .panel{opacity:1;pointer-events:auto;overflow:hidden auto}body.tuning #stage:-webkit-full-screen .panel{opacity:1;pointer-events:auto;overflow:hidden auto}body.tuning.stage-faux-full{--cv-inset-b:0px;--cv-inset-r:min(340px,40%)}body.tuning #stage:-webkit-full-screen{--cv-inset-b:0px;--cv-inset-r:min(340px,40%)}body.tuning #stage:fullscreen{--cv-inset-b:0px;--cv-inset-r:min(340px,40%)}body.tuning #stage:-webkit-full-screen{--cv-inset-b:0px;--cv-inset-r:min(340px,40%)}@media (max-width:880px) and (orientation:portrait){body.tuning.stage-faux-full{--cv-inset-b:52%;--cv-inset-r:0px}body.tuning #stage:-webkit-full-screen{--cv-inset-b:52%;--cv-inset-r:0px}body.tuning #stage:fullscreen{--cv-inset-b:52%;--cv-inset-r:0px}body.tuning #stage:-webkit-full-screen{--cv-inset-b:52%;--cv-inset-r:0px}body.stage-faux-full .panel{width:auto;height:var(--cv-inset-b,0px);border-left:none;border-top:1px solid var(--border);top:auto;bottom:0;left:0;right:0}#stage:-webkit-full-screen .panel{width:auto;height:var(--cv-inset-b,0px);border-left:none;border-top:1px solid var(--border);top:auto;bottom:0;left:0;right:0}#stage:fullscreen .panel{width:auto;height:var(--cv-inset-b,0px);border-left:none;border-top:1px solid var(--border);top:auto;bottom:0;left:0;right:0}#stage:-webkit-full-screen .panel{width:auto;height:var(--cv-inset-b,0px);border-left:none;border-top:1px solid var(--border);top:auto;bottom:0;left:0;right:0}}body.tuning.stage-faux-full .stage-fit,body.tuning.stage-faux-full .zoomtag{z-index:31}body.tuning #stage:-webkit-full-screen .stage-fit{z-index:31}body.tuning #stage:fullscreen .stage-fit{z-index:31}body.tuning #stage:-webkit-full-screen .stage-fit{z-index:31}body.tuning #stage:-webkit-full-screen .zoomtag{z-index:31}body.tuning #stage:fullscreen .zoomtag{z-index:31}body.tuning #stage:-webkit-full-screen .zoomtag{z-index:31}body.tuning.stage-faux-full #qTune{z-index:31}body.tuning #stage:-webkit-full-screen #qTune{z-index:31}body.tuning #stage:fullscreen #qTune{z-index:31}body.tuning #stage:-webkit-full-screen #qTune{z-index:31}body.stage-faux-full .mini-toggle{right:calc(8px + var(--sai-right));bottom:calc(8px + var(--sai-bottom))}#stage:-webkit-full-screen .mini-toggle{right:calc(8px + var(--sai-right));bottom:calc(8px + var(--sai-bottom))}#stage:fullscreen .mini-toggle{right:calc(8px + var(--sai-right));bottom:calc(8px + var(--sai-bottom))}#stage:-webkit-full-screen .mini-toggle{right:calc(8px + var(--sai-right));bottom:calc(8px + var(--sai-bottom))}@media (orientation:landscape) and (max-height:620px){.topbar{padding-top:calc(6px + var(--sai-top))}}@media (pointer:coarse){:root{--row-h:28px;--row-gap:16px;--ctl-fs:12px;--ctl-ico:13px;--q-btn:23px;--q-ico:14px;--q-ink:21px;--fab-fs:13px;--fab-h:44px}select{font-size:16px}.ctl output input.inline-edit{width:4.2em;font-size:16px}.stage-fab{min-height:var(--fab-h)}.stage-fit{gap:6px}.stage-fit button{min-height:var(--row-h);padding-top:0;padding-bottom:0;position:relative}.stage-edit,.stage .compare-btn{min-height:var(--row-h)}.stage-edit:after,.stage .compare-btn:after,.stage-fit button:after{content:"";position:absolute;top:-9px;bottom:-9px;left:-5px;right:-5px}.stage-zoom button{position:relative}.stage-zoom button:after{content:"";position:absolute;top:-11px;bottom:-11px;left:-6px;right:-6px}.stage .compare-btn{min-height:var(--row-h)}.stage-acts button{min-height:var(--fab-h)}.panel-meta #btnReset{min-height:44px}.zoomtag{bottom:54px}}.tb-nav{align-items:center;gap:18px;min-width:0;margin-left:auto;font-size:13.5px;display:flex}.tb-nav>a{color:var(--muted);white-space:nowrap;border-bottom:1px solid #0000;text-decoration:none;transition:color .16s,border-bottom-color .16s}.tb-nav>.hx-auth-entry{font-size:13px}.bsw{flex:0 auto;min-width:0;position:relative}.bsw>summary{cursor:pointer;justify-content:flex-start;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bsw>summary:before{content:"";position:absolute;top:-9px;bottom:-13px;left:-7px;right:-4px}.bsw>summary::-webkit-details-marker{display:none}.bsw>summary::marker{content:""}.bsw.is-solo>summary{cursor:default;pointer-events:none}.caret{background:var(--chip);border-radius:7px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s;display:inline-flex;position:relative}.caret:before{content:"";border-bottom:1.7px solid;border-right:1.7px solid;width:8.5px;height:8.5px;transition:transform .2s;transform:rotate(45deg)translate(-1px,-1px)}.bsw>summary:hover .caret{background:var(--hover-2)}.bsw[open] .caret:before{transform:rotate(-135deg)translate(-1px,-1px)}.bsw.is-solo .caret{display:none}.bsw-drop{z-index:30;background:var(--panel);border:1px solid var(--line);min-width:172px;box-shadow:var(--shadow-2);border-radius:13px;flex-direction:column;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);left:-4px}.bsw-drop a{color:var(--text);white-space:nowrap;border-radius:9px;padding:10px 14px;font-size:13.5px;text-decoration:none;display:block}.bsw-drop a:hover{background:var(--hover)}.bsw-drop .bsw-cat{color:var(--muted);white-space:nowrap;margin:9px 0 2px;padding:0 14px;font-size:11px;font-weight:600}.bsw-drop .bsw-cat:first-child{margin-top:2px}details.tb-menu{border-bottom:0;margin:0;display:none;position:relative}.tb-menu>summary{cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin:0;padding:0;list-style:none;display:flex}.tb-menu>summary::-webkit-details-marker{display:none}.tb-menu>summary::marker{content:""}.burger{background:var(--text);width:16px;height:2px;box-shadow:0 -5px 0 var(--text),0 5px 0 var(--text);border-radius:2px;display:block}.tb-sheet{z-index:30;background:var(--panel);border:1px solid var(--line);min-width:208px;box-shadow:var(--shadow-2);border-radius:13px;flex-direction:column;padding:8px;display:flex;position:absolute;top:46px;right:0}.tb-sheet-links{flex-direction:column;display:flex}.tb-sheet a{color:var(--text);white-space:nowrap;border-radius:9px;padding:11px 12px;font-size:14px;text-decoration:none;display:block}.tb-sheet a:hover{background:var(--hover)}.tb-sheet .mt{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:8px 0 2px;padding:0 12px;font-size:11px;font-weight:600}.tb-sheet .mt:first-child{margin-top:2px}.tb-sheet .mt:not(:first-child){border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.tb-sheet-acct{display:flex}.tb-sheet-acct .hx-auth-entry{text-align:left;width:100%}.tb-sheet-lang{display:flex}.tb-sheet-lang button{text-align:left;width:100%;color:var(--text);cursor:pointer;font-size:14px;font:inherit;background:0 0;border:0;border-radius:9px;padding:11px 12px}.tb-sheet-lang button:hover{background:var(--hover)}@media (max-width:700px){.tb-nav{display:none}.tb-actions{margin-left:auto}.tb-actions .hx-auth-entry{display:none}details.tb-menu{display:block}}@media (min-width:701px){details.tb-menu{display:none}}@media (pointer:coarse){.tb-menu>summary{width:44px;height:44px}}.topbar{background:var(--mast-bg);box-shadow:var(--mast-shadow);border-bottom:0}.brand{color:var(--mast-fg)}.brand .bt{flex-direction:column;align-items:flex-start;gap:0;min-width:0;line-height:1.16;display:flex;overflow:visible}.brand .bt-row{align-items:baseline;gap:14px;min-width:0;display:flex;overflow:visible}.brand .bn{letter-spacing:-.022em;color:var(--mast-fg);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:21px;font-weight:700;text-decoration:none;overflow:hidden}.brand .bl{color:var(--mast-fg-2);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:12px;font-weight:400;overflow:hidden}.brand h1{font:inherit;letter-spacing:.005em;color:var(--mast-fg);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;margin:0;font-size:15px;font-weight:600;overflow:hidden}@media (max-width:700px){.brand h1{font-size:13px}}.tb-nav>a{color:var(--mast-fg-2)}.tb-nav>a:hover{color:var(--mast-fg);border-bottom-color:var(--mast-spark)}.topbar .tb-actions button,.tb-nav>.hx-auth-entry{background:var(--mast-bg-lift);color:var(--mast-fg);border:0;border-radius:999px}.topbar .tb-actions button:hover,.tb-nav>.hx-auth-entry:hover{background:var(--mast-bg-lift-2)}.tb-nav>.hx-auth-entry.is-in{border:1px solid var(--mast-spark);padding:5px 11px}.tb-sheet .hx-auth-entry{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:9px;padding:9px 12px}.tb-sheet .hx-auth-entry:hover{background:var(--hover)}.tb-sheet .hx-auth-entry.is-in{border-color:var(--accent)}.topbar a:focus-visible{outline:2px solid var(--mast-spark);outline-offset:2px;border-radius:8px}.topbar button:focus-visible{outline:2px solid var(--mast-spark);outline-offset:2px;border-radius:8px}.topbar summary:focus-visible{outline:2px solid var(--mast-spark);outline-offset:2px;border-radius:8px}.tb-menu>summary{background:0 0;border:0}.tb-menu>summary:hover{background:var(--mast-bg-lift)}.tb-menu[open]>summary{background:var(--mast-bg-lift-2)}.burger{background:var(--mast-fg);box-shadow:0 -5px 0 var(--mast-fg),0 5px 0 var(--mast-fg)}.bsw-drop,.tb-sheet{background:var(--mast-pop);border:0;box-shadow:0 18px 44px #040e305c}main{grid-template-columns:1fr auto;padding:12px;transition:grid-template-columns .3s cubic-bezier(.2,.7,.3,1);display:grid}.panel{opacity:0;pointer-events:none;background:0 0;border:none;width:0;max-height:0;padding:0;transition:width .3s cubic-bezier(.2,.7,.3,1),opacity .22s;position:sticky;top:64px;overflow:hidden auto}body.tuning .panel{opacity:1;pointer-events:auto;background:var(--panel);border-left:1px solid var(--border);border-radius:var(--radius);width:352px;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);padding:4px 0}.stage-wrap{min-width:0}@media (max-width:900px){main{grid-template-columns:1fr;padding:8px}.panel{border-radius:14px 14px 0 0;width:auto;max-height:0;position:fixed;top:auto;bottom:0;left:0;right:0}body.tuning .panel{width:auto;max-height:calc(52vh - var(--topbar-h,52px));border-left:none;border-top:1px solid var(--border);z-index:7;border-radius:14px 14px 0 0;margin:0}.panel .panel-grip{z-index:2;border:none;border-bottom:1px solid var(--line);background:var(--panel-2);width:100%;height:38px;color:var(--text);letter-spacing:.2px;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0;font-size:12.5px;font-weight:600;display:flex;position:sticky;top:0}.panel .panel-grip:active{background:var(--hover-2)}.panel .panel-grip svg{fill:none;stroke:currentColor;stroke-width:2.8px;width:17px;height:17px;display:block}}:root{--acc-soft:#dfe7fa;--acc-ink:#0a2a82;--ctl-hover:#0a0a0a0e;--grp-1:#eff2fe;--grp-2:#e7ebfd;--grp-3:#dee4fc;--grp-4:#d4dcfa}.panel button,.panel select,.panel input[type=text]{color:var(--text);background:0 0;border-radius:8px;padding:6px 10px;font-size:12.5px;transition:background .14s,color .14s;border:none!important}.panel button:hover,.panel select:hover{background:var(--ctl-hover)}.panel select{background:var(--ctl-hover);-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%), linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 13px) 12px,calc(100% - 9px) 12px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;padding:6px 24px 6px 10px}.panel .seg button.active,.panel button.active:not(.qb-ink),#gridSeg button.active{font-weight:500;background:var(--acc-soft)!important;color:var(--acc-ink)!important}.panel button.primary{padding:8px 14px;background:var(--text)!important;color:#fff!important}.panel>.panel-meta #btnReset{background:var(--text);color:#fff;cursor:pointer;border:none;border-radius:9px;padding:7px 14px;font-size:12.5px;font-weight:500}.panel>.panel-meta #btnReset:hover{background:#2a2a2a}.panel button.primary:hover{background:#2a2a2a!important}.panel .seg{gap:2px}.panel .seg button{border-radius:8px;min-width:0;padding:7px 0;border:none!important}#shapeSeg button,.pick button{background:0 0;border-radius:8px;border:none!important}#shapeSeg button:hover,.pick button:hover{background:var(--ctl-hover)}#shapeSeg button.active,.pick button.active{background:var(--acc-soft)!important;box-shadow:none!important}.panel details{background:var(--panel);border-radius:11px;overflow:hidden;border:1px solid var(--line)!important;margin-bottom:10px!important}.panel details[open]{background:var(--panel)}.panel>details>summary,.panel summary{color:var(--text);letter-spacing:.01em;border-radius:0;padding:11px 14px;font-size:14px;font-weight:700;transition:background .15s}.panel>details[open]>summary{background:var(--panel-2);border-bottom:1px solid var(--line)}.panel>details:first-of-type>summary{background:var(--grp-1)}.panel>details:nth-of-type(2)>summary{background:var(--grp-2)}.panel>details:nth-of-type(3)>summary{background:var(--grp-3)}.panel>details:nth-of-type(4)>summary{background:var(--grp-4)}.panel>details:first-of-type>summary:hover{background:var(--grp-1);filter:brightness(.97)}.panel>details:nth-of-type(2)>summary:hover{background:var(--grp-2);filter:brightness(.97)}.panel>details:nth-of-type(3)>summary:hover{background:var(--grp-3);filter:brightness(.97)}.panel>details:nth-of-type(4)>summary:hover{background:var(--grp-4);filter:brightness(.97)}.panel summary:hover,.panel>details[open]>summary:hover{background:var(--hover-2)}.panel details[open]>summary{color:var(--text)}.panel summary:after{opacity:.35;font-size:10px}.panel input[type=range]{height:18px}.panel input[type=range]::-webkit-slider-runnable-track{height:2px}.panel input[type=range]::-webkit-slider-thumb{background:var(--text);border-radius:50%;width:11px;height:11px;margin-top:-4.5px;box-shadow:0 1px 3px #00000040}.panel .ctl{color:var(--muted);background:0 0;padding:5px 14px;font-size:12.5px;border:none!important}.panel .ctl output{font-family:var(--mono);color:var(--text);font-size:11.5px}.panel .grp{padding-bottom:10px}body.tuning .panel{background:var(--panel);border:none!important;border-left:1px solid var(--line)!important;box-shadow:none!important;border-radius:0!important}.stage-bar button,.stage-fab,.mini-toggle{font-size:var(--ctl-fs);border-radius:8px;padding:5px 12px;box-shadow:0 1px 2px #0000001a;background:var(--float)!important;color:var(--text)!important;border:none!important}.stage-fit button{background:var(--chip-solid)!important;border:1px solid var(--chip-line)!important;color:var(--text)!important;box-shadow:0 1px 2px #11111412!important}.stage-bar button:hover,.stage-fit button:hover,.stage-fab:hover,.stage-edit:hover{background:#fff!important}.stage-fit button:hover,.float-chip:hover{background:var(--hover-2)!important;border-color:#11111433!important}.stage-fab.primary,.stage-acts button.primary{box-shadow:0 2px 8px -2px #00000059;background:var(--text)!important;color:#fff!important}.stage-fab.primary:hover,.stage-acts button.primary:hover{background:#2a2a2a!important}.stage-fit button.active{background:var(--text)!important;color:#fff!important}#btnTune{box-shadow:0 1px 2px #0000001a;background:var(--float)!important;border:none!important}#btnTune.on{background:var(--acc-soft)!important;color:var(--acc-ink)!important}#btnReset{box-shadow:0 1px 2px #0000001a;border:none!important}.dragtag,.stage-bar .hint{font-size:11.5px;color:var(--muted)!important}.stage.has-img .dragtag{display:none}.quickbar{left:calc(var(--corner-l) + var(--qbar-side));right:calc(var(--corner-r) + var(--cv-inset-r) + var(--qbar-side));width:auto;bottom:calc(var(--corner-b) + var(--cv-inset-b));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;z-index:6;background:0 0;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;margin-inline-start:0;margin-inline-end:0;padding:0;display:flex;position:absolute;top:auto}.quickbar .qb-g{background:var(--float);box-shadow:0 2px 10px -4px #0003,0 0 0 1px var(--line);border-radius:11px;flex:none;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.quickbar .qb-g b{color:var(--muted);white-space:nowrap;font-size:11.5px;font-weight:400}.quickbar .qb-g i{font-style:normal;font-family:var(--mono);color:var(--text);text-align:right;min-width:22px;font-size:11px}.quickbar .qb-g.pop-anchor{box-shadow:0 2px 10px -4px #0003, -1px 0 0 0 var(--line), 1px 0 0 0 var(--line), 0 1px 0 0 var(--line);border-radius:0 0 11px 11px}.quickbar .qb-line{display:none}.quickbar input[type=range]{-webkit-appearance:none;appearance:none;width:var(--q-track);height:var(--q-btn);touch-action:pan-y;background:0 0;margin:0}.quickbar input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--text) 0 calc(var(--r,.3) * (100% - 10px) + 5px), var(--line-2) calc(var(--r,.3) * (100% - 10px) + 5px) 100%);border-radius:999px;height:2px}.quickbar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border-radius:50%;width:10px;height:10px;margin-top:-4px;transition:transform .12s;box-shadow:0 1px 3px #00000040}.quickbar input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.quickbar input[type=range]:active::-webkit-slider-thumb{transform:scale(1.22)}.quickbar button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;place-items:center;padding:5px;display:grid}.quickbar button:hover{background:var(--ctl-hover)}.quickbar button.active{background:var(--acc-soft);color:var(--acc-ink)}.quickbar svg{fill:currentColor;width:17px;height:17px;display:block}.quickbar .qb-shapes button,.quickbar .qb-ink{width:var(--q-btn);height:var(--q-btn);background-repeat:no-repeat;border-radius:7px;flex:none;justify-content:center;place-items:center;padding:0;display:grid}.quickbar .qb-inks .qb-ink{width:var(--q-ink);height:var(--q-ink)}.quickbar .qb-shapes svg{width:var(--q-ico);height:var(--q-ico);display:block}.quickbar .qb-ink.active{box-shadow:inset 0 0 0 2px var(--text)}.quickbar .qb-g .qb-extra{display:none}.qb-pop{left:var(--pop-l,0);width:var(--pop-w,auto);box-sizing:border-box;grid-template-columns:repeat(4, var(--q-pop-item,var(--q-btn)));background:var(--float);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:none;z-index:8;transform-origin:bottom;border-radius:14px 14px 0 0;justify-content:center;gap:6px;min-width:0;max-width:calc(100vw - 16px);padding:6px 8px 8px;display:grid;position:absolute;bottom:100%;right:auto;box-shadow:0 -10px 22px -16px #00000042}.qb-pop:before{content:"";pointer-events:none;border:1px solid var(--line);border-radius:inherit;border-bottom:none;position:absolute;top:0;bottom:0;left:0;right:0}.qb-pop[hidden]{display:none}.quickbar.pop-open{overflow:visible}.qb-pop-item{width:var(--q-pop-item,var(--q-btn));height:var(--q-pop-item,var(--q-btn));cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:9px;place-items:center;padding:0;display:grid}.qb-pop-item:hover{background:var(--ctl-hover);color:var(--text)}.qb-pop-item.active{background:var(--acc-soft);color:var(--acc-ink)}.qb-pop-item svg{fill:currentColor;width:20px;height:20px;display:block}.qb-pop-item.qb-ink{background-repeat:no-repeat}.qb-pop-item.qb-ink.active{box-shadow:inset 0 0 0 2px var(--text)}.quickbar .qb-more{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.quickbar .qb-more:hover{background:var(--ctl-hover);color:var(--text)}.quickbar .qb-more svg{fill:none;stroke:currentColor;stroke-width:2.8px;width:16px;height:16px;transition:transform .18s;display:block}.quickbar .qb-more[aria-expanded=true] svg{transform:rotate(180deg)}.quickbar #qTune{box-sizing:border-box;background:var(--text);color:#fff;white-space:nowrap;border-radius:11px;flex:none;align-items:center;height:32px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}#qTune{right:calc(var(--corner-r) + var(--cv-inset-r));bottom:calc(var(--corner-b) + var(--cv-inset-b));z-index:5;height:var(--row-h);background:var(--text);color:#fff;font-weight:500;font-size:var(--ctl-fs);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;display:inline-flex;position:absolute;top:auto;left:auto}#qTune:hover{background:#2a2a2a}#qTune .q-tune-ico,#qTune .q-tune-ico-panel{display:none}#qTune:after{content:"";opacity:.75;background-color:currentColor;flex:none;width:12px;height:12px;margin-left:6px;transform:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}body.tuning #qTune:after{transform:rotate(180deg)}.quickbar #qTune.on{background:var(--acc-soft);color:var(--acc-ink)}@media (max-width:900px){.quickbar input[type=range]{width:64px}.quickbar .qb-line{display:none}}.stage-bar{z-index:5;background:var(--float);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 2px #0000001a,0 0 0 1px var(--line);border-radius:10px;align-items:center;gap:8px;max-width:calc(100% - 220px);padding:6px 10px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.stage-bar .hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.stage-bar .spacer{display:none}.stage-bar button{border-radius:8px;padding:5px 10px;font-size:12.5px;box-shadow:none!important;color:var(--text)!important;background:0 0!important;border:none!important}.stage-bar button:hover{background:var(--ctl-hover)!important}.stage-bar button.primary{background:var(--text)!important;color:#fff!important}.stage-bar button.primary:hover{background:#2a2a2a!important}@media (max-width:900px){.stage-bar{max-width:calc(100% - 96px);top:8px;left:8px;right:auto;transform:none}.stage-bar .hint{display:none}.stage-fit .zoomtag{pointer-events:none;color:var(--muted);background:0 0;border:none;border-radius:0;padding:5px 12px 5px 10px;font-size:12px;position:static}.stage-fit .zoomtag+button{border-left:1px solid var(--line)}}.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}.ps-ink{align-items:stretch;gap:8px;margin:6px 0 12px;display:flex}.ps-mark{border-radius:11px;flex:0 0 68px;height:68px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.ps-mark-bg{background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.ps-mark-dots{grid-template-rows:repeat(3,15px);grid-template-columns:repeat(3,15px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ps-mark-dots .sh-ico{place-self:center;width:16px;height:16px;display:block}.ps-bars{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.ps-bar{cursor:pointer;height:30px;font:inherit;text-align:left;color:var(--text);background:#fff;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 11px;font-size:12px;font-weight:600;display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000012}.panel .ps-bar{transition:none}.ps-bar:hover{filter:brightness(1.05)}.ps-bar:focus-visible{outline:2px solid var(--acc-ink);outline-offset:2px}.ps-bar-nm{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.ps-bar-hex{font-variant-numeric:tabular-nums;background:#ffffff2e;border-radius:5px;flex:none;margin-left:auto;padding:1px 5px;font-size:10.5px;font-weight:600}.ps-bar[data-ink=dark] .ps-bar-hex{background:#00000012}.cp{z-index:90;box-sizing:border-box;background:var(--float);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(236px,100vw - 16px);box-shadow:var(--shadow-2);border-radius:14px;padding:10px;position:fixed}.cp[hidden]{display:none}.cp-sv{touch-action:none;cursor:crosshair;border-radius:10px;height:132px;position:relative;overflow:hidden}.cp-sv>div{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.cp-sv .cp-sv-w{background:linear-gradient(90deg,#fff,#fff0)}.cp-sv .cp-sv-b{background:linear-gradient(#0000,#000)}.cp-knob{pointer-events:none;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #0000004d}.cp-hue{touch-action:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px;margin-top:12px;position:relative}.cp-hue-knob{pointer-events:none;background:#fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;box-shadow:0 1px 4px #0000006b}.cp-row{align-items:center;gap:8px;margin-top:12px;display:flex}.cp-prev{border-radius:7px;flex:0 0 26px;height:26px;box-shadow:inset 0 0 0 1px #0000001f}.cp-hex{background:var(--chip);min-width:0;height:26px;color:var(--text);letter-spacing:.02em;border:0;border-radius:7px;flex:auto;padding:0 9px;font:600 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.cp-hex:focus{box-shadow:var(--ring);outline:none}.cp-ico{background:var(--chip);height:26px;color:var(--muted);cursor:pointer;border:0;border-radius:7px;flex:0 0 26px;justify-content:center;align-items:center;padding:0;display:flex}.cp-ico:hover{background:var(--hover-2);color:var(--text)}.cp-ico svg{width:15px;height:15px}.cp-sw{grid-template-columns:repeat(10,1fr);gap:3px;margin-top:12px;display:grid}.cp-swb{cursor:pointer;border:0;border-radius:4px;height:18px;padding:0;box-shadow:inset 0 0 0 1px #0000001a}.cp-swb.on{box-shadow:inset 0 0 0 1px #0000001a,0 0 0 2px var(--accent)}.ps-rail{background:var(--panel-2);color:var(--muted);cursor:pointer;border:0;border-radius:11px;flex:0 0 44px;justify-content:center;align-self:stretch;align-items:center;margin:0;padding:0;display:flex;box-shadow:inset 0 0 0 1px #00000014}.ps-rail svg{width:19px;height:19px;display:block}.ps-rail:hover{color:var(--text);background:var(--hover-2)}.ink-grid{grid-template-columns:repeat(8,1fr);gap:4px;margin:2px 0 8px;display:grid}.ink-grid .qb-ink{aspect-ratio:1;cursor:pointer;border:1px solid var(--line);background-color:#fff;border-radius:50%;width:100%;padding:0}.ink-grid .qb-ink.active{box-shadow:0 0 0 2px var(--text)}@media (max-width:880px) and (orientation:portrait){.quickbar{flex-flow:column;align-items:stretch;gap:6px;width:max-content;top:auto;bottom:12px;left:8px;right:auto;transform:none}.quickbar .qb-g,.quickbar #qTune{justify-content:space-between;width:auto}.quickbar .qb-g.open{width:max-content}.quickbar .qb-g.open .qb-extra,.quickbar .qb-g.open>button:nth-child(4),.quickbar .qb-g.open>.qb-ink:nth-child(4){display:inline-flex}.qb-pop{display:none!important}.quickbar .qb-more svg{transform:rotate(90deg)}.quickbar .qb-more[aria-expanded=true] svg{transform:rotate(-90deg)}.quickbar #qTune:after{transform:none}}@media (orientation:landscape) and (max-height:620px){.quickbar{flex-flow:row;justify-content:center;align-items:center;gap:10px}.quickbar .qb-more svg{transform:none}.quickbar .qb-more[aria-expanded=true] svg{transform:rotate(180deg)}.quickbar #qTune:after{transform:rotate(-90deg)}}@media (max-width:880px) and (orientation:portrait){.quickbar{left:auto;right:var(--corner-r);top:0;bottom:var(--cv-inset-b);width:46px;height:max-content;max-height:calc(100% - var(--cv-inset-b) - 132px);overscroll-behavior:contain;scrollbar-width:none;flex-flow:column;align-items:center;gap:6px;margin-block-start:auto;margin-block-end:auto;overflow:hidden auto}.quickbar::-webkit-scrollbar{width:0;height:0}.quickbar .qb-line{display:none}.quickbar .qb-g{flex-flow:column;justify-content:flex-start;align-items:center;gap:4px;width:100%}body.tuning .quickbar .qb-shapes>button:nth-child(n+3):not(.qb-more),body.tuning .quickbar .qb-inks>.qb-ink:nth-child(n+3){display:none}body.tuning .quickbar{top:auto;bottom:calc(50px + var(--cv-inset-b) + var(--sai-bottom,0px));max-height:calc(100% - var(--cv-inset-b) - 118px);overscroll-behavior:contain;scrollbar-width:none;gap:4px;margin-block-start:0;margin-block-end:0;overflow:hidden auto;transform:none}body.tuning .quickbar::-webkit-scrollbar{width:0;height:0}body.tuning .quickbar #qCols{width:44px;height:22px;margin:11px 0}body.tuning .quickbar .qb-shapes button{width:var(--q-btn);height:calc(var(--q-btn) - 2px)}body.tuning .quickbar .qb-inks .qb-ink{width:calc(var(--q-ink) - 4px);height:calc(var(--q-ink) - 4px)}body.tuning .quickbar .qb-more{height:calc(var(--q-btn) - 3px)}body.tuning .quickbar #qTune{height:var(--row-h)}.quickbar .qb-g.open>.qb-extra,.quickbar .qb-g.open>button:nth-child(n+3):not(.qb-more),.quickbar .qb-g.open>.qb-ink:nth-child(n+3),body.tuning .quickbar .qb-g.open>button:nth-child(n+3):not(.qb-more),body.tuning .quickbar .qb-g.open>.qb-ink:nth-child(n+3){display:inline-flex}.quickbar .qb-g.open{width:100%}.qb-pop{display:none!important}.quickbar .qb-g>b{color:var(--muted);font-size:10px;font-weight:600;line-height:1}.quickbar #qCols{touch-action:none;width:96px;height:22px;margin:37px 0;padding:0;transform:rotate(-90deg)}.quickbar #qColsVal{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;line-height:1}.quickbar .qb-shapes button{width:var(--q-btn);height:var(--q-btn);border-radius:9px}.quickbar .qb-inks .qb-ink{width:var(--q-ink);height:var(--q-ink)}.quickbar .qb-shapes>.qb-more,.quickbar .qb-inks>.qb-more,body.tuning .quickbar .qb-shapes>.qb-more,body.tuning .quickbar .qb-inks>.qb-more,.quickbar.has-open .qb-shapes>.qb-more,.quickbar.has-open .qb-inks>.qb-more{width:var(--q-btn);height:var(--q-btn);border-radius:9px;justify-content:center;place-items:center;display:grid}.quickbar .qb-g.open{flex-flow:column;width:100%}.quickbar.has-open{width:46px}.quickbar.has-open #qCols{width:64px;height:22px;margin:21px 0}.quickbar .qb-more svg{transform:rotate(180deg)}.quickbar .qb-more[aria-expanded=true] svg{transform:none}#qTune{background:var(--text);color:#fff;justify-content:center;padding:0 12px}#qTune .qt-txt{clip:auto;white-space:nowrap;width:auto;height:auto;margin:0;position:static;overflow:visible}#qTune:after{transform:none}body.tuning #qTune:after{transform:rotate(180deg)}body.tuning #qTune{background:var(--text);color:#fff}}@media (orientation:landscape) and (max-height:620px){.quickbar .qb-extra{display:none}.quickbar .qb-more svg{transform:none}.quickbar .qb-more[aria-expanded=true] svg{transform:rotate(180deg)}#qTune{padding:0 12px}#qTune .qt-txt{clip:auto;white-space:nowrap;width:auto;height:auto;margin:0;position:static;overflow:visible}#qTune:after{transform:rotate(-90deg)}body.tuning #qTune:after{transform:rotate(90deg)}main{height:calc(100dvh - var(--topbar-h,52px) - var(--sai-bottom,0px));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 0;align-items:stretch;gap:8px;min-height:0;padding:8px;display:grid;overflow:hidden}body.tuning main{grid-template-columns:minmax(0,1fr) minmax(220px,40%)}.panel,body.tuning .panel{border-radius:var(--radius);align-self:stretch;width:auto;min-width:0;height:100%;min-height:0;max-height:none;position:static;overflow:hidden auto}.quickbar{overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden}.quickbar::-webkit-scrollbar{width:0;height:0}.quickbar.pop-open{overflow:visible}body.tuning .quickbar,body.tuning .panel-grip{display:none}}.stage-zoom{left:var(--corner-l);bottom:calc(var(--corner-b) + var(--row-h) + 6px + var(--cv-inset-b));z-index:5;align-items:center;gap:6px;display:flex;position:absolute}.stage-zoom .float-chip{height:26px;padding:0 8px;font-size:11.5px}.stage .zoomtag.float-chip{font-variant-numeric:tabular-nums;pointer-events:auto;cursor:pointer;padding:0 8px;font-family:inherit;position:static}.stage-zoom .zoom-lv{cursor:pointer;justify-content:center;min-width:26px}#btnZoom1{font-variant-numeric:tabular-nums;cursor:pointer;justify-content:center;min-width:44px}#btnZoom1.active{background:var(--text)!important;color:#fff!important}@media (max-width:880px) and (orientation:portrait){.stage-fit button{border-radius:10px}}@media (pointer:coarse) and (max-width:880px) and (orientation:portrait){.quickbar #qTune{height:36px}}html.no-anim *,html.no-anim :before,html.no-anim :after{transition:none!important;animation:none!important}