:root{color-scheme:dark;--bg: #12110e;--bg-2: #1b1914;--panel: #221f1a;--line: #3d372d;--text: #f6f1e7;--muted: #b3a794;--accent: #f0a202;--accent-ink: #1c1406;--accent-soft: rgba(240, 162, 2, .16);--motion: #e07a5f;--audio: #7ec8c3;--shadow: 0 20px 50px rgba(0, 0, 0, .28);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.45}[data-theme=light]{color-scheme:light;--bg: #f4efe4;--bg-2: #fffaf2;--panel: #fffdf8;--line: #e0d4c2;--text: #1c1814;--muted: #5e564c;--accent: #c47e12;--accent-ink: #1c1406;--accent-soft: rgba(196, 126, 18, .14);--motion: #c2410c;--audio: #0f766e;--shadow: 0 16px 40px rgba(70, 48, 16, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(900px 420px at 0% -10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%),var(--bg)}button,input{font:inherit;color:inherit}h1,h2,p{margin:0}h1{font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:1.55rem;font-weight:600;letter-spacing:-.03em;line-height:1.1}h2{font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:1.35rem;font-weight:600;letter-spacing:-.03em}.num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.app{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:14px 0 20px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center;min-width:0}.brand p,.status,.note,.hint,.legend,.stat span,.row-label{color:var(--muted)}.brand p{font-size:.92rem}.mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--accent);background:var(--panel);border:1px solid var(--line);flex:none}.actions{display:flex;gap:8px;align-items:center}.file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);cursor:pointer}.btn:hover:not(:disabled),.row:hover{border-color:var(--accent)}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:650}.btn:focus-visible,.tab:focus-visible,.row:focus-visible,.scrub:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status{min-height:1.4em;margin:8px 0 10px;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:16px;align-items:start}.stage-col,.side{min-width:0;display:grid;gap:12px}.stage{position:relative;background:#000;border-radius:18px;overflow:hidden;aspect-ratio:16 / 9;width:100%;box-shadow:var(--shadow)}.stage video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.gate{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:22px;background:linear-gradient(180deg,#0000000d,#000000b8),repeating-linear-gradient(90deg,transparent 0 18px,rgba(240,162,2,.18) 18px 20px);color:#f6f1e7}.gate p{max-width:42ch;color:#e6dccb}.gate-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent)!important}.scan h2{font-variant-numeric:tabular-nums}.bar{height:8px;border-radius:99px;background:#fff3;overflow:hidden;max-width:280px}.bar span{display:block;height:100%;background:var(--accent)}.chip{position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:999px;background:#12110ec7;color:#f6f1e7;font-size:.85rem}.transport{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;align-items:center}.transport.is-off{opacity:.7}.icon-btn{min-width:76px}.time{font-size:.85rem;white-space:nowrap}.scrub{width:100%;accent-color:var(--accent);min-height:44px}.hint{font-size:.78rem;white-space:nowrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px}.panel-head,.tabs{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-head h2,.tabs{font-size:1rem}.legend{display:flex;align-items:center;gap:8px;font-size:.8rem}.swatch{width:14px;height:4px;border-radius:99px;display:inline-block;margin-left:6px}.swatch.motion{background:var(--motion)}.swatch.audio{background:var(--audio)}.chart{width:100%;height:128px;display:block;margin-top:6px;cursor:pointer;border-radius:10px;background:var(--bg-2)}.note{font-size:.85rem;margin-top:8px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;gap:2px}.stat span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.stat strong{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis}.list-panel{display:grid;gap:10px}.tab{flex:1;min-height:40px;border-radius:999px;border:1px solid transparent;background:transparent;cursor:pointer}.tab.on{background:var(--accent-soft);border-color:var(--accent)}.list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto}.row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;width:100%;text-align:left;padding:6px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer}.row.plain{grid-template-columns:auto 1fr;padding:10px 8px}.row:hover{background:var(--accent-soft)}.row.on{border-color:var(--accent);background:var(--accent-soft)}.row img{width:112px;height:63px;object-fit:cover;border-radius:8px;background:#000}.row span{display:grid}@media(max-width:800px){.workspace{grid-template-columns:1fr}.list{max-height:none}.hint{display:none}.transport{grid-template-columns:auto auto minmax(0,1fr)}}@media(max-width:560px){.app{width:min(100% - 24px,1120px);padding-top:12px}header{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions .btn.primary{flex:1}.legend span:last-child{display:none}h1{font-size:1.35rem}.transport{grid-template-columns:auto minmax(0,1fr)}.time{justify-self:end}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}