:root{color:#e9eded;font-synthesis:none;text-rendering:optimizelegibility;--surface:#101313e8;--line:#e9eded47;--muted:#a6afae;--accent:#ff5a36;--positive:#7ca88a;background:#101313;font-family:Arial Narrow,Roboto Condensed,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{border:1px solid var(--line);color:#e9eded;cursor:pointer;background:#1b1f1f;border-radius:0;min-height:42px;padding:0 1rem;transition:background-color .16s,border-color .16s,transform .1s}button:hover:not(:disabled){background:#262b2a;border-color:#e9eded}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{color:#707877;cursor:not-allowed}.app{isolation:isolate;background:#101313;width:100vw;min-height:100dvh;position:relative}.viewport{position:absolute;inset:0}.viewport canvas{cursor:grab;width:100%;height:100%;display:block}.viewport canvas:active{cursor:grabbing}.identity,.source,.cue,.transport,.read-only{z-index:2;position:absolute}.identity{border:1px solid var(--line);background:var(--surface);grid-template-columns:auto 1px auto;align-items:center;gap:14px;padding:12px 14px;display:grid;top:24px;left:24px}.identity p,.identity h1,.source p,.source samp,.cue p,.cue dl,.loader p,.failure p,.failure h2,.read-only{margin:0}.identity__brand{color:var(--accent);letter-spacing:.14em;font-size:.78rem;font-weight:800}.identity__rule{background:var(--line);width:1px;height:30px}.identity h1{letter-spacing:.02em;font-size:.92rem;font-weight:650}.identity div p:last-child{max-width:30ch;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-family:ui-monospace,Cascadia Code,SFMono-Regular,monospace;font-size:.65rem;overflow:hidden}.source{border:1px solid var(--line);background:var(--surface);grid-template-columns:8px auto;align-items:center;gap:10px;min-width:192px;padding:12px 14px;display:grid;top:24px;right:24px}.source__signal{background:var(--positive);width:7px;height:7px}[data-source=demo] .source__signal{background:var(--accent)}.source p,.cue__label,.failure__label,.read-only{color:var(--muted);letter-spacing:.12em;font-family:ui-monospace,Cascadia Code,SFMono-Regular,monospace;font-size:.62rem;font-weight:700}.source samp{color:#e9eded;text-overflow:ellipsis;white-space:nowrap;max-width:26ch;margin-top:3px;font-size:.67rem;display:block;overflow:hidden}.cue{border-left:2px solid var(--accent);background:var(--surface);width:min(320px,100vw - 48px);padding:14px;bottom:94px;left:24px}.cue__capability{overflow-wrap:anywhere;font-size:clamp(1rem,2vw,1.28rem);font-weight:600;margin-top:8px!important}.cue__meta{color:var(--muted);justify-content:space-between;gap:16px;margin-top:10px;font-family:ui-monospace,Cascadia Code,SFMono-Regular,monospace;font-size:.65rem;display:flex}.cue__clock,.cue__properties{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 20px;padding-top:10px;font-family:ui-monospace,Cascadia Code,SFMono-Regular,monospace;font-size:.66rem;display:grid;margin-top:12px!important}.cue__clock dt,.cue__properties dt{color:var(--muted);text-transform:uppercase}.cue__clock dd,.cue__properties dd{color:#e9eded;text-align:right;margin:0}.cue__clock dd samp{font-family:inherit;font-size:inherit}.transport{border:1px solid var(--line);background:var(--surface);grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:16px;padding:10px;display:grid;bottom:24px;left:24px;right:24px}.transport__buttons{gap:8px;display:flex}.transport button:first-child{border-color:var(--accent);background:var(--accent);color:#101313;min-width:74px;font-weight:750}.transport button:first-child:hover:not(:disabled){background:#ff7658}.scrubber{align-items:center;display:flex}.scrubber input{width:100%;height:20px;accent-color:var(--accent);cursor:ew-resize;margin:0}.transport__readout{justify-items:end;gap:2px;display:grid}.transport output{min-width:90px;color:var(--muted);text-align:right;font-family:ui-monospace,Cascadia Code,SFMono-Regular,monospace;font-size:.68rem}.transport__pacing{color:#e9eded85;letter-spacing:.1em;text-align:right;white-space:nowrap;font-family:ui-monospace,Cascadia Code,SFMono-Regular,monospace;font-size:.55rem;font-weight:700}.read-only{color:#e9eded99;bottom:82px;right:28px}.loader,.failure{z-index:3;border:1px solid var(--line);background:#161a1a;width:min(420px,100vw - 48px);padding:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader p{color:var(--muted);font-size:.82rem}.loader__track{background:#333938;height:2px;margin-top:18px;overflow:hidden}.loader__track span{background:var(--accent);width:8%;height:100%;transition:width .18s;display:block}.failure h2{margin-top:10px;font-size:1.4rem;line-height:1.16}.failure p:nth-of-type(2){color:var(--muted);margin-top:10px;font-size:.85rem;line-height:1.5}.failure button{border-color:var(--accent);margin-top:18px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width<=720px){.identity{top:12px;left:12px}.source{min-width:0;top:12px;right:12px}.source samp{max-width:15ch}.cue{bottom:122px;left:12px}.transport{grid-template-columns:1fr auto;gap:8px 12px;bottom:12px;left:12px;right:12px}.transport__buttons{grid-column:1}.scrubber{grid-area:2/1/auto/-1}.transport__readout{grid-area:1/2}.transport__pacing{white-space:normal;max-width:18ch}.read-only{display:none}}@media (width<=520px){.identity__rule,.identity>div:last-child,.source samp{display:none}.identity{grid-template-columns:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}