:root{--bg:#06121f;--bg-2:#0a1c2e;--card:#ffffff0b;--line:#8cc8eb29;--fg:#e6f3fb;--dim:#93b2c8;--accent:#34d3ee;--accent-2:#ffd166;--warn:#ff5d7a;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(1100px 520px at 12% -12%, #10466b 0%, transparent 60%), radial-gradient(800px 480px at 100% 0%, #0b3a48 0%, transparent 55%), var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,sans-serif}button,select,input{font:inherit;color:inherit}.hidden{display:none!important}.app{max-width:1500px;margin:0 auto;padding:18px 16px 40px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.brand h1{letter-spacing:.3px;margin:0;font-size:1.45rem}.tag-studio{vertical-align:middle;color:var(--accent);background:#34d3ee24;border:1px solid #34d3ee66;border-radius:99px;padding:2px 8px;font-size:.72rem}.sub{color:var(--dim);margin:4px 0 0;font-size:.88rem}button{cursor:pointer;border:1px solid var(--line);background:var(--card);border-radius:9px;padding:7px 12px;transition:background .12s,border-color .12s}button:hover{border-color:#34d3ee80}button.primary{color:#032130;background:linear-gradient(#2fc6e2,#1b9fc0);border-color:#0000;font-weight:600}button:disabled{opacity:.5;cursor:default}select{background:var(--bg-2);border:1px solid var(--line);border-radius:7px;padding:4px 6px}.studio{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}@media (width<=980px){.studio{grid-template-columns:minmax(0,1fr)}}.stage{min-width:0;position:sticky;top:12px}@media (width<=980px){.stage{position:static}}.viewer{border-radius:var(--radius);border:1px solid var(--line);touch-action:none;background:#02070d;outline:none;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.viewer:focus-visible{border-color:var(--accent)}.viewer.over{border-color:var(--accent);box-shadow:inset 0 0 0 3px #34d3ee40}.viewer.picking{cursor:crosshair}.viewer.splitting{cursor:ew-resize}#view{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 230px);display:block}.empty{text-align:center;cursor:pointer;place-content:center;padding:24px;display:grid;position:absolute;inset:0}.empty .big{margin:0 0 6px;font-size:1.2rem}.empty .small{color:var(--dim);margin:0;line-height:1.6}.label{pointer-events:none;background:#0000008c;border-radius:6px;padding:3px 8px;font-size:.75rem;position:absolute;top:10px}.label.left{left:10px}.label.right{right:10px}.cut{color:#2a1d00;pointer-events:none;background:#ffd166e6;border-radius:99px;padding:4px 10px;font-size:.78rem;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.busy{background:#0009;border-radius:8px;padding:4px 10px;font-size:.8rem;position:absolute;inset:auto 12px 12px auto}.toolbar,.transport{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.seg{border:1px solid var(--line);border-radius:9px;display:inline-flex;overflow:hidden}.seg button{background:0 0;border:0;border-radius:0}.seg button.on{color:var(--accent);background:#34d3ee2e}.chip[aria-pressed=true]{border-color:var(--accent-2);color:var(--accent-2);background:#ffd16629}.inline{color:var(--dim);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.perf{font-variant-numeric:tabular-nums;color:var(--dim);margin-left:auto;font-size:.8rem}.transport input[type=range]{flex:1;min-width:120px}.time{font-variant-numeric:tabular-nums;color:var(--dim);font-size:.85rem}.strip{gap:8px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.thumb{border-radius:8px;flex:none;height:58px;padding:0;position:relative;overflow:hidden}.thumb img,.thumb canvas{width:auto;height:58px;display:block}.thumb.on{border-color:var(--accent);box-shadow:0 0 0 2px #34d3ee66}.thumb .kind{background:#0009;border-radius:4px;padding:1px 4px;font-size:.65rem;position:absolute;bottom:3px;left:4px}.panel{flex-direction:column;gap:10px;min-width:0;display:flex}.card,details.group{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:12px}.meter{align-items:center;gap:12px;display:flex}.score b{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1;display:block}.score span{color:var(--dim);font-size:.78rem}.score{min-width:86px}#histo{background:#00000059;border-radius:6px;flex:1;width:100%;min-width:0;height:72px}.facts{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 0;display:grid}.facts div{font-size:.78rem}.facts dt{color:var(--dim)}.facts dd{font-variant-numeric:tabular-nums;margin:2px 0 0}.sw{border:1px solid var(--line);vertical-align:middle;border-radius:4px;width:26px;height:14px;display:inline-block}.master{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.master input{accent-color:var(--accent);width:18px;height:18px;margin-top:4px}.master small{color:var(--dim);margin-top:2px;font-size:.76rem;display:block}.presets{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.presets button{padding:5px 10px;font-size:.82rem}.vivid{text-align:left;flex-direction:column;align-items:flex-start;width:100%;margin-top:10px;font-weight:600;display:flex}.vivid small{color:var(--dim);margin-top:2px;font-size:.74rem;font-weight:400}.vivid[aria-pressed=true]{border-color:var(--accent-2);color:var(--accent-2);background:linear-gradient(90deg,#ff5d7a38,#ffd16638,#34d3ee38)}.presets button.on{border-color:var(--accent);color:var(--accent)}details.group{padding:0}details.group summary{cursor:pointer;padding:10px 12px;font-weight:600;list-style:none;display:flex}details.group summary:after{content:"▾";color:var(--dim)}details.group:not([open]) summary:after{content:"▸"}.sliders{padding:0 12px 10px}.srow{grid-template-columns:1fr auto auto;align-items:center;gap:2px 8px;margin-bottom:8px;display:grid}.srow .name{cursor:help;-webkit-user-select:none;user-select:none;font-size:.84rem}.srow output{font-variant-numeric:tabular-nums;color:var(--dim);text-align:right;min-width:3.4em;font-size:.8rem}.srow input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1}.srow.autoing input[type=range]{accent-color:var(--accent-2)}.abadge{border-radius:5px;padding:1px 6px;font-size:.68rem;font-weight:700;line-height:1.4}.abadge.on{border-color:var(--accent-2);color:var(--accent-2);background:#ffd16633}.abadge.off{opacity:.55}.nobadge{width:1px}.export h3,.analysis h3,.mode h3{margin:0 0 8px;font-size:.95rem}.card[data-block]>h3,details.group>summary{align-items:center;gap:6px;display:flex}.card[data-block]>h3>small{flex:0 auto}.blk-ctl{align-items:center;gap:2px;margin-left:auto;font-weight:400;display:inline-flex}.blk-btn,.blk-grip{min-width:26px;height:26px;color:var(--dim);opacity:.55;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0 4px;font-size:.8rem;line-height:1;display:inline-grid}.blk-grip{cursor:grab;touch-action:none;font-size:1rem}.blk-btn:hover,.blk-grip:hover,.blk-grip:focus-visible,.blk-btn:focus-visible{opacity:1;color:var(--accent);border-color:var(--line)}.blk-sorting,.blk-sorting *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.blk-drag{outline:2px solid var(--accent);outline-offset:2px;z-index:5;position:relative;box-shadow:0 10px 28px #00000073}.blk-drag .blk-grip{opacity:1;color:var(--accent)}.blk-moved{animation:.7s ease-out blk-moved}@keyframes blk-moved{0%{box-shadow:0 0 0 2px var(--accent)}to{box-shadow:0 0 0 2px #0000}}.blk-reset{color:var(--dim);background:0 0;border-color:#0000;align-self:center;font-size:.8rem}@media (prefers-reduced-motion:reduce){.blk-moved{animation:none}}.row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:.86rem;display:flex}.row.check{color:var(--dim);justify-content:flex-start}.actions{flex-wrap:wrap;gap:8px;display:flex}.progress{align-items:center;gap:8px;margin:6px 0 10px;display:flex}.progress .bar{background:#ffffff14;border-radius:99px;flex:1;height:8px;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:100%;display:block}#vstat{color:var(--dim);font-variant-numeric:tabular-nums;text-align:right;min-width:9em;font-size:.78rem}.note{color:var(--dim);min-height:1em;margin:8px 0 0;font-size:.8rem}footer{color:var(--dim);margin-top:24px;font-size:.78rem;line-height:1.6}.lookbox{padding:0 12px 12px}.ctabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.ctabs button{padding:4px 10px;font-size:.82rem}.ctabs button[data-ch]{color:var(--c)}.ctabs button.on{border-color:var(--accent);background:#34d3ee24}.ctabs .creset{color:var(--dim);margin-left:auto}.curvecv{aspect-ratio:1;touch-action:none;cursor:crosshair;border-radius:8px;width:100%;display:block}.chint{color:var(--dim);margin:6px 0 0;font-size:.74rem}.hslrow .dot{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.note.tight{margin:-4px 0 8px}#flipH[aria-pressed=true]{color:var(--accent);background:#34d3ee2e}.lp{pointer-events:none;position:absolute;inset:0}.lp-svg{position:absolute;inset:0;overflow:visible}.lp-fan line{stroke:#ffd1668c;stroke-width:1px;stroke-dasharray:4 6}.lp-grad line{stroke:#34d3eebf;stroke-width:1.2px}.lp-grad line.end{stroke-dasharray:5 5}.lp-grad line.axis{stroke-width:1.6px}.lp-fan.idle line,.lp-grad.idle line{opacity:.35}.lp-h{pointer-events:all;cursor:grab;outline:none}.lp-h.drag{cursor:grabbing}.lp-h circle{fill:#04101cb8;stroke:#fff;stroke-width:2px}.lp-h text{fill:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:700}.lp-h.auto circle{stroke:var(--accent-2)}.lp-h.auto text{fill:var(--accent-2)}.lp-h.off circle{stroke-dasharray:4 3}.lp-h.idle{opacity:.6}.lp-h:focus-visible circle,.lp-h:hover circle{stroke-width:3px}.lp-bar{pointer-events:auto;align-items:center;gap:8px;font-size:.74rem;display:flex;position:absolute;bottom:10px;left:10px}.lp-bar button{padding:3px 9px;font-size:.74rem}.lp-bar span{color:var(--dim);background:#0000008c;border-radius:6px;padding:3px 8px}.autoflow h3{margin:0 0 8px;font-size:.95rem}.autoflow h3 small{color:var(--dim);margin-left:6px;font-size:.74rem;font-weight:400}.flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.flowbtn{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;padding:7px 9px;font-size:.82rem;font-weight:600;display:flex}.flowbtn.wide{grid-column:1/-1}.flowbtn small{color:var(--dim);overflow-wrap:anywhere;margin-top:2px;font-size:.7rem;font-weight:400}.flowbtn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#34d3ee1a}.flowbtn.engaged:not([aria-pressed=true]){border-color:#ffd16699}.flowbtn.ai{border-style:dashed}.flowbtn.ai[aria-pressed=true]{border-style:solid}.flowbtn.busy{opacity:.75;cursor:progress}.dvrow{grid-template-columns:auto minmax(0,1fr) 3.2em;align-items:center;gap:8px;margin:8px 0 2px;font-size:.85rem;display:grid}.dvrow output{text-align:right;color:var(--accent);font-variant-numeric:tabular-nums}