:root{color-scheme:light;--bg:#f5f8ff;--surface:#fff;--line:#e3eaf4;--text:#17243b;--sub:#617088;--blue:#2563eb;--soft:#eaf2ff;--shadow:0 8px 30px rgba(33,55,97,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--text);background:linear-gradient(180deg,#fafcff 0,#f4f8ff 55%,#fff 100%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}:focus-visible{outline:3px solid #7aaeff;outline-offset:3px}.skip{position:absolute;left:12px;top:-80px;padding:12px;background:#fff;z-index:100}.skip:focus{top:10px}.shell{max-width:1620px;margin:auto;padding:0 27px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:18px}.brand{display:flex;align-items:center;gap:9px;font-weight:750;letter-spacing:-.35px;font-size:17px}.brandicon{height:33px;width:33px;display:grid;place-items:center;background:#3b82f6;color:#fff;border-radius:11px;font-weight:850;font-size:23px}.muted{color:var(--sub);font-weight:450}.toplinks{display:flex;align-items:center;gap:22px;color:var(--sub);font-size:12px}.local-tag{background:#effaf5;border:1px solid #d5efdf;color:#39745e;padding:7px 12px;border-radius:100px}.green-dot{display:inline-block;width:7px;height:7px;background:#32ae7a;border-radius:50%;margin-right:6px}.intro{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:37px 0 31px}.eyebrow{font-size:10px;letter-spacing:1.55px;font-weight:800;color:#6888c0}.intro h1{font-size:clamp(30px,3.25vw,51px);letter-spacing:-1.8px;line-height:1.11;margin:12px 0 13px;font-weight:760}.intro h1 span{color:#3d81ed}.intro p{max-width:670px;font-size:15px;color:var(--sub);margin:0}.intro-note{width:270px;min-width:245px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 19px;display:grid;gap:7px;box-shadow:var(--shadow)}.intro-note strong{font-size:13px}.intro-note span{color:var(--sub);font-size:12px}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;padding:11px 14px;border:1px solid var(--line);border-radius:16px;margin-bottom:17px;box-shadow:var(--shadow)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn,.smallbtn{border:1px solid #dce5f2;background:#fff;color:#36506d;border-radius:9px;min-height:37px;padding:8px 13px;font-weight:650;font-size:12px;transition:background .15s}.btn:hover:not(:disabled),.smallbtn:hover:not(:disabled){background:#ecf3ff}.btn.primary,.btn.strong{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn.primary:hover:not(:disabled),.btn.strong:hover:not(:disabled){background:#1d65df}.btn.subtle{background:#f7f9fd}.btn.danger,.smallbtn.danger{color:#b53b50}.smallbtn{padding:5px 9px;min-height:30px;font-size:11px}.full{width:100%}.spread{justify-content:space-between}.workspace{display:grid;grid-template-columns:minmax(216px,245px) minmax(420px,1fr) minmax(254px,278px);gap:14px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.panel-head{padding:17px 17px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{margin:3px 0 0;font-size:16px;letter-spacing:-.35px}.caption{font-size:11px;color:var(--sub);line-height:1.5}.sidebar>.caption{margin:0 17px 15px}.track-list{padding:0 10px;display:grid;gap:7px;max-height:560px;overflow-y:auto}.track-item{border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff;text-align:left;display:flex;align-items:center;gap:9px;width:100%;color:var(--text)}.track-item.selected{background:#edf4ff;border-color:#a7c9ff}.track-color{height:30px;width:5px;border-radius:5px;flex:none}.track-item strong{font-size:12px;display:block}.track-item small{display:block;font-size:10px;color:var(--sub)}.track-empty{text-align:center;padding:28px 15px;color:var(--sub);font-size:12px;border:1px dashed #d8e5f5;border-radius:12px}.sidebar-bottom{margin-top:20px;padding:13px 17px;border-top:1px solid var(--line);background:#fbfcff}.statline{display:flex;justify-content:space-between;font-size:12px;margin:4px 0 8px;color:var(--sub)}.statline strong{color:var(--text)}.stage-head{padding:16px 17px}.stage-shell{background:#e9f0f9;padding:16px;display:flex;align-items:center;justify-content:center;min-height:310px}.stage{position:relative;width:100%;line-height:0;box-shadow:0 10px 32px rgba(20,41,74,.17);max-width:100%;border-radius:7px;overflow:hidden;touch-action:none;background:#1b2a42}.stage canvas{width:100%;height:auto;display:block;max-height:500px;object-fit:contain;cursor:crosshair}.stage-instructions{pointer-events:none;position:absolute;top:52%;left:10%;right:10%;line-height:1.5;text-align:center;color:#eef4ff;background:#14213aa8;border-radius:12px;padding:15px;font-size:13px}.transport{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.transportbtn{border:1px solid #dce6f5;background:#fff;border-radius:50%;height:31px;width:31px;font-size:18px;flex:none}.transportbtn.play{background:#eaf2ff;color:#1862cb}.transport input[type=range]{flex:1;min-width:55px}.timecode{font-size:11px;font-variant-numeric:tabular-nums;color:#536682;white-space:nowrap}.speed{font-size:10px;color:#738096}.speed select{width:59px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:4px}.timeline-wrap{padding:12px 14px 8px}.timeline-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:6px;font-size:12px}.timeline-top span{color:var(--sub);font-size:10px}.timeline-wrap canvas{width:100%;height:104px;display:block;border-radius:8px;background:#f6f9ff;border:1px solid var(--line)}.statusbar{border-top:1px solid var(--line);padding:10px 14px;display:flex;justify-content:space-between;gap:12px;color:var(--sub);font-size:10px}.inspector{padding-bottom:10px}.pill{background:#eaf2ff;color:#2e66ba;border-radius:100px;padding:5px 9px;max-width:95px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.no-track{text-align:center;padding:44px 19px;color:var(--sub)}.no-track h3{color:var(--text);font-size:14px;margin:8px 0}.no-track p{font-size:12px}.empty-icon{font-size:36px;color:#9cbcf4}.inspector-block{margin:0 15px;padding:15px 0;border-top:1px solid #eaf0f8}.inspector-block:first-child{border-top:0}.inspector-block label{display:block;font-size:11px;font-weight:660;color:#526780;margin-bottom:7px}.inspector-block input:not([type=range]),.inspector-block select{display:block;width:100%;margin:4px 0 13px;border:1px solid #dfe7f1;border-radius:8px;padding:8px 9px;min-width:0;background:#fff;color:#253751;font-size:12px}.inspector-block input[type=color]{height:36px;padding:2px}.inspector-block input[type=range]{width:100%}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sectiontitle{font-size:10px;color:#6b8dbb;letter-spacing:1.25px;font-weight:800;margin-bottom:13px}.inspector-block .actions{margin:12px 0}.inspector-block .caption{margin-top:4px}.info-section{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;border:1px solid var(--line);border-radius:16px;background:#fff;margin:20px 0;padding:26px 31px}.info-section h2{font-size:19px;letter-spacing:-.5px;margin:7px 0}.info-section p{color:var(--sub);font-size:13px;max-width:690px}.info-steps{display:grid;gap:11px;align-content:center}.info-steps div{display:flex;gap:13px;align-items:center;font-size:12px;color:var(--sub)}.info-steps strong{font-size:14px;color:#4282e8}footer{display:flex;justify-content:space-between;color:var(--sub);font-size:11px;padding:10px 0 30px}#toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);max-width:min(90vw,600px);background:#1d2d47;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 9px 35px #10274750;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}#toast.show{opacity:1}[hidden]{display:none!important}@media(max-width:1180px){.workspace{grid-template-columns:215px minmax(0,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.inspector>.panel-head{grid-column:1/-1}.inspector-block{padding:16px}.inspector>#track-inspector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1}.inspector>#no-track{grid-column:1/-1}.inspector>.settings{grid-column:1/-1}}@media(max-width:740px){.shell{padding:0 12px}.topbar{height:65px}.toplinks .local-tag{display:none}.intro{padding:28px 4px 20px}.intro-note{display:none}.toolbar{padding:10px}.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{display:block}.track-list{max-height:190px}.sidebar-bottom{display:none}.stage-shell{min-height:180px;padding:9px}.stage canvas{max-height:350px}.inspector{display:block}.inspector>#track-inspector{display:block}.inspector>.settings{grid-column:auto}.info-section{grid-template-columns:1fr;padding:19px;gap:12px}.statusbar{flex-wrap:wrap}.transport{gap:6px;padding:10px}.timecode{font-size:9px}.speed{display:none}.intro h1{letter-spacing:-1.2px}.brand{font-size:14px}.toplinks{font-size:11px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}.qa-list{list-style:decimal;padding-left:21px;max-height:210px;overflow:auto;margin:10px 0 0}.qa-list li{margin:5px 0;font-size:12px;line-height:1.4;color:var(--sub)}.qa-jump{padding:4px 5px;border:none;background:0 0;color:#1b5fb7;text-align:left;text-decoration:underline;cursor:pointer;font:inherit}.qa-jump:hover{color:#13428b}#preview:focus-visible,#timeline:focus-visible,.qa-jump:focus-visible{outline:3px solid #1c66cf;outline-offset:3px}@media(prefers-reduced-motion:reduce){.qa-jump{scroll-behavior:auto}}