:root{--bg: #14120f;--panel: #1c1a16;--panel-2: #232019;--line: #35302a;--ink: #f2ece0;--dim: #a79c8a;--accent: #e0a44c;--accent-2: #6fb0c9;--ok: #7fbf7f;--warn: #e0b44c;--err: #e07a6a;--radius: 10px;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;min-height:100%}header.top{display:flex;align-items:baseline;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#1b1814,#16130f)}header.top h1{font-size:17px;margin:0;letter-spacing:.2px}header.top h1 b{color:var(--accent);font-weight:700}header.top .tag{color:var(--dim);font-size:13px}header.top .spacer{flex:1}header.top .badge{font:11px/1 var(--mono);color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:5px 9px}main.layout{display:grid;grid-template-columns:320px minmax(0,1fr) 340px;gap:14px;padding:14px;align-items:start}@media(max-width:1180px){main.layout{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel>h2{margin:0;padding:11px 13px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);background:var(--panel-2)}.panel .body{padding:13px}.panel+.panel{margin-top:14px}label.field{display:block;font-size:12px;color:var(--dim);margin:0 0 5px}textarea,select,input[type=text]{width:100%;background:#171410;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit;resize:vertical}textarea:focus,select:focus,input:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;border-radius:8px;border:1px solid var(--line);background:#2a251d;color:var(--ink);padding:8px 12px;cursor:pointer}button:hover:not(:disabled){background:#342d23}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:#c98f3c;color:#1a1409;font-weight:650}button.primary:hover:not(:disabled){background:#eeb45c}button.ghost{background:transparent}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1}.mt{margin-top:12px}.muted{color:var(--dim)}.small{font-size:12px}.mono{font-family:var(--mono)}.styles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-card{text-align:left;padding:9px;border-radius:8px;border:1px solid var(--line);background:#191510;cursor:pointer;display:block}.style-card:hover{border-color:#4a4239}.style-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.style-card .name{font-weight:650;font-size:13px}.style-card .swatches{display:flex;gap:3px;margin-top:6px}.style-card .sw{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.35)}.style-card .blurb{font-size:11px;color:var(--dim);margin-top:6px;line-height:1.35}.stage-wrap{position:relative;background:#0d0b09}canvas#stage{display:block;width:100%;aspect-ratio:16 / 9;background:#0d0b09}.caption-layer{position:absolute;left:0;right:0;bottom:3.5%;display:flex;justify-content:center;pointer-events:none;padding:0 8%}.caption-layer .cap{background:#100d0ad1;border-radius:6px;padding:7px 12px;font-size:clamp(13px,1.5vw,19px);line-height:1.35;text-align:center;max-width:100%}.caption-layer .cap b{color:var(--accent);font-weight:700}.stage-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;color:var(--dim)}.transport{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}.transport .time{font:12px/1 var(--mono);color:var(--dim);min-width:92px}.scrub{position:relative;flex:1;height:26px;cursor:pointer}.scrub .track{position:absolute;top:11px;left:0;right:0;height:4px;background:#2f2a23;border-radius:3px}.scrub .fill{position:absolute;top:11px;left:0;height:4px;background:var(--accent);border-radius:3px}.scrub .mark{position:absolute;top:6px;width:2px;height:14px;background:#554c40}.scrub .mark.scene{background:var(--accent-2);height:20px;top:3px}.a11y-line{padding:8px 12px;border-top:1px solid var(--line);font-size:12px;color:var(--dim);min-height:33px}.scene-list{max-height:260px;overflow:auto}.scene-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 12px;cursor:pointer;border-radius:0}.scene-item:hover{background:#221e18}.scene-item[aria-current=true]{background:#2a2318;box-shadow:inset 3px 0 0 var(--accent)}.scene-item .h{font-size:12px;font-family:var(--mono);color:var(--accent-2)}.scene-item .p{font-size:12px;color:var(--dim);margin-top:2px}.beats{max-height:420px;overflow:auto;padding:0}.beat{border-bottom:1px solid var(--line);padding:9px 12px}.beat:hover{background:#201c16}.beat.live{background:#2a2318}.beat .meta{font:11px/1.4 var(--mono);color:var(--dim);display:flex;gap:6px;flex-wrap:wrap}.beat .meta .who{color:var(--accent)}.beat .say{margin-top:4px}.beat .say textarea{min-height:0;padding:5px 7px;font-size:13px}.beat .action{font-size:12px;color:var(--dim);font-style:italic;margin-top:3px}.gate{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:13px}.gate:last-child{border-bottom:0}.gate .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}.gate.fail .dot{background:var(--err)}.gate.warn .dot{background:var(--warn)}.gate .id{font-family:var(--mono);font-size:12px;min-width:82px}.gate .sum{color:var(--dim);font-size:12px}.gate .blocking{font-size:10px;color:var(--dim);border:1px solid var(--line);padding:1px 5px;border-radius:4px}.findings{margin-top:10px;max-height:190px;overflow:auto;font-size:12px}.finding{padding:5px 0;border-bottom:1px dashed var(--line);color:var(--dim)}.finding .code{font-family:var(--mono);color:var(--accent-2)}.finding.error .code{color:var(--err)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 12px;font-size:12px}.stats div{display:flex;justify-content:space-between;gap:8px}.stats span{color:var(--dim)}.cast{display:flex;flex-wrap:wrap;gap:8px}.cast .who{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 4px;font-size:12px}.cast .who canvas{width:26px;height:26px;border-radius:50%;background:#241f18}.progress{font-size:12px;color:var(--dim);font-family:var(--mono)}.progress .step{padding:2px 0}.progress .step.done:before{content:"✓ ";color:var(--ok)}.progress .step.active:before{content:"→ ";color:var(--accent)}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#221d16;border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:13px;z-index:20;max-width:min(560px,92vw)}.toast.err{border-color:var(--err)}footer.foot{padding:14px 20px 28px;color:var(--dim);font-size:12px}footer.foot a{color:var(--accent-2)}