:root{--void:#05070e;--surface:#0b0f18;--surface-2:#0e1420;--hairline:rgba(120,150,170,.16);--hairline-2:rgba(120,150,170,.3);--ink:#e9f1f5;--ink-2:#9fb2bd;--ink-3:#61727d;--accent:#38e1d0;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1000px 500px at 50% -10%,rgba(56,225,208,.06),transparent 70%),var(--void);color:var(--ink);font-family:var(--sans);display:flex;flex-direction:column;height:100vh;overflow:hidden}header{padding:14px 20px 6px}.eyebrow{font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0}h1{margin:2px 0 0;font-family:var(--mono);font-weight:600;font-size:1.1rem}.sub{margin:4px 0 0;color:var(--ink-2);font-size:.82rem;max-width:70ch}.roster{display:flex;flex-wrap:wrap;gap:7px;padding:9px 20px 4px}.ctl{padding:0 20px 6px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}#photoToggle{font-family:var(--mono);font-size:.7rem;color:var(--ink-2);background:var(--surface);border:1px solid var(--hairline-2);border-radius:20px;padding:6px 12px;cursor:pointer}#photoToggle:hover{color:var(--ink);border-color:var(--accent)}.seg{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--hairline-2);border-radius:20px;background:var(--surface)}.seg button{font-family:var(--mono);font-size:.7rem;color:var(--ink-2);background:transparent;border:0;border-radius:16px;padding:5px 13px;cursor:pointer}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:linear-gradient(180deg,#38e1d038,#38e1d012);color:var(--accent)}.chip{font-family:var(--mono);font-size:.74rem;color:var(--ink-2);background:var(--surface);border:1px solid var(--hairline-2);border-radius:20px;padding:6px 12px;cursor:pointer;transition:.15s;white-space:nowrap}.chip:hover{color:var(--ink);border-color:var(--accent)}.chip[aria-pressed=true]{background:linear-gradient(180deg,#38e1d033,#38e1d00f);color:var(--accent);border-color:#38e1d080}.chip.ref[aria-pressed=true]{background:#7f93a029;color:var(--ink);border-color:var(--hairline-2)}main{flex:1;display:flex;min-height:0}.stagewrap{flex:1;display:flex;min-height:0;margin:4px 8px 8px 20px;border:1px solid var(--hairline);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,var(--surface-2),var(--surface))}#ruler{flex:0 0 48px;position:relative;height:100%;border-right:1px solid var(--hairline)}#ruler .tick{position:absolute;right:7px;transform:translateY(-50%);font-family:var(--mono);white-space:nowrap}#ruler .tick:after{content:"";position:absolute;top:50%;height:1px}#ruler .tick.maj{font-size:.6rem;color:var(--ink-2);font-weight:600}#ruler .tick.maj:after{right:-7px;width:8px;background:var(--hairline-2)}#ruler .tick.min{font-size:.5rem;color:var(--ink-3);opacity:.75}#ruler .tick.min:after{right:-5px;width:4px;background:var(--hairline)}#ruler .ground{position:absolute;left:0;right:0;height:1px;background:var(--accent);opacity:.5}#scroll{flex:1;overflow-x:auto;overflow-y:hidden;height:100%}#stage{display:block;height:100%}.panel{flex:0 0 280px;margin:4px 20px 8px 4px;border:1px solid var(--hairline);border-radius:14px;background:var(--surface);padding:16px;overflow-y:auto}.panel .none{color:var(--ink-3);font-size:.86rem}.panel h2{margin:0;font-size:1.15rem}.panel .ph{font-family:var(--mono);font-size:.7rem;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin:2px 0 12px}.row{padding:9px 0;border-top:1px solid var(--hairline)}.row .rl{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.row .rv{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:3px}.row .val{font-size:1.02rem}.row .n{font-family:var(--mono);font-size:.88rem;color:var(--accent);text-align:right}.row .n.na{color:var(--ink-3)}footer{padding:5px 20px 9px;font-size:.72rem;color:var(--ink-3)}footer b{color:var(--ink-2)}@media (max-width:820px){html,body{height:auto;min-height:100vh;overflow:auto}body{max-width:100vw;overflow-x:hidden}main{flex-direction:column}.stagewrap{flex:0 0 auto;height:min(68vh,600px);min-height:400px;margin:4px 12px}.panel{flex:0 0 auto;max-height:none;overflow:visible;margin:4px 12px 12px}}