.cue-player{box-sizing:border-box;width:min(1120px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:var(--space-4);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-modal);overflow:auto}
.cue-player::backdrop{background:rgb(0 0 0 / .64);backdrop-filter:blur(12px)}
.cue-player header,.cue-player footer,.cue-transport{display:flex;align-items:center;gap:var(--space-3)}
.cue-player header{justify-content:space-between;margin-bottom:var(--space-3)}.cue-player h2{margin:0;font-size:var(--text-md)}
.cue-stage{background:#101114;border:1px solid var(--line);border-radius:var(--radius-md);display:flex;justify-content:center;min-height:200px;overflow:hidden}
#cueCanvas{display:block;max-width:100%;max-height:48dvh;object-fit:contain;width:auto;height:auto}
.cue-transport{margin:var(--space-3) 0}#cueScrub{flex:1;min-width:40px;min-height:44px;accent-color:var(--ink)}#cueTime{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:var(--text-xs)}
#cueScenes{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}#cueScenes button{white-space:nowrap}#cueScenes [aria-current=true]{background:var(--state-active-bg);border-color:var(--ink)}
.cue-settings{display:flex;align-items:end;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) 0;border-block:1px solid var(--line)}.cue-settings label{display:grid;gap:var(--space-1);font-size:var(--text-xs);color:var(--muted)}.cue-settings select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:44px;max-width:180px;padding:var(--space-2)}
.cue-player button{min-height:44px;cursor:pointer}.cue-player button:disabled{opacity:.5;cursor:wait}#cueStatus{font-size:var(--text-sm);color:var(--muted);min-height:24px}#cueExport{margin-left:auto}.cue-player [hidden]{display:none!important}
@media(max-width:600px){.cue-player{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:var(--space-3)}.cue-stage{min-height:160px}#cueCanvas{max-height:36dvh}.cue-transport{gap:var(--space-2)}#cueTime{font-size:10px}.cue-settings{gap:var(--space-2)}.cue-settings label{flex:1 0 42%}.cue-settings select{width:100%;max-width:none}.cue-player footer{flex-wrap:wrap}}