:root{--bg-app: #232323;--bg-sidebar: #161616;--bg-card: #171717;--bg-input: #282828;--bg-deep: #131313;--bg-canvas: #1c1c1c;--bg-hover: rgba(255, 255, 255, .03);--bg-surface: #252525;--shadow-raised: 6px 6px 16px rgba(0, 0, 0, .4), -3px -3px 10px rgba(255, 255, 255, .03);--shadow-raised-sm: 3px 3px 8px rgba(0, 0, 0, .35), -2px -2px 6px rgba(255, 255, 255, .025);--shadow-inset: inset 3px 3px 8px rgba(0, 0, 0, .35), inset -2px -2px 6px rgba(255, 255, 255, .025);--shadow-glow-green: 0 0 20px rgba(91, 233, 181, .15);--shadow-glow-blue: 0 0 20px rgba(124, 157, 255, .15);--shadow-glow-red: 0 0 20px rgba(255, 107, 107, .15);--border-subtle: rgba(255, 255, 255, .06);--border-faint: rgba(255, 255, 255, .04);--border-muted: rgba(255, 255, 255, .1);--text-primary: #eeeeee;--text-heading: #eaebf3;--text-muted: #c5c5c5;--text-dim: #a8a8a8;--text-ghost: #727272;--accent-blue: #7c9dff;--accent-purple: #b47aff;--accent-amber: #e4b04e;--accent-pink: #e87af9;--accent-green: #5be9b5;--accent-red: #ff6b6b;--color-info: #7a7d9e;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-base: 13px;--font-size-lg: 14px;--font-size-xl: 15px;--font-size-2xl: 18px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 100px;--transition-smooth: .2s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 340px;--bg: var(--bg-app);--panel: var(--bg-sidebar);--panel-2: var(--bg-surface);--border: var(--border-subtle);--text: var(--text-primary);--muted: var(--text-dim);--accent: var(--accent-blue);--accent-2: #9bb4ff;--green: var(--accent-green);--red: var(--accent-red)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}html,body{margin:0;overflow:hidden;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color-scheme:dark;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button,select,input,textarea{max-width:100%}button{user-select:none;touch-action:manipulation}select,input[type=range]{touch-action:manipulation}[hidden]{display:none!important}#app{display:grid;grid-template-columns:minmax(304px,var(--sidebar-width)) minmax(0,1fr);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 240px),var(--bg-app)}#sidebar{min-width:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);scrollbar-color:var(--border-muted) transparent;scrollbar-width:thin}#sidebar::-webkit-scrollbar{width:10px}#sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border:3px solid var(--bg-sidebar);border-radius:var(--radius-pill)}#sidebar header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:56px;padding:var(--space-lg);background:#161616f5;border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(8px)}#sidebar h1{margin:0;color:var(--text-heading);font-size:var(--font-size-xl);font-weight:800;letter-spacing:.5px;line-height:1}#sidebar h1 span{color:var(--accent-blue)}#walkthrough-start{flex:0 0 auto;min-height:28px;padding:var(--space-xs) var(--space-md);color:var(--accent-blue);background:#7c9dff0f;border-color:#7c9dff33;border-radius:var(--radius-sm);font-size:var(--font-size-xs);letter-spacing:.35px;text-transform:uppercase}.panel{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0;padding:var(--space-lg);border-bottom:1px solid var(--border-faint)}.panel-label{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--text-dim);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.45px;line-height:1.2;text-transform:uppercase}.panel-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-width:0}.panel-row>button{flex:0 0 auto;min-height:26px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}textarea,select,input[type=text],input[type=number],input[type=file]{width:100%;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset)}textarea,input[type=text],input[type=number]{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-md)}textarea{min-height:180px;resize:vertical;line-height:1.45}select{min-height:32px;padding:var(--space-sm) 34px var(--space-sm) var(--space-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-md);cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 16px) 13px,calc(100% - 11px) 13px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}textarea::placeholder{color:var(--text-ghost)}textarea:focus,select:focus,input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--accent-blue);box-shadow:var(--shadow-inset),0 0 0 2px #7c9dff26}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-width:0;min-height:32px;padding:var(--space-sm) var(--space-md);color:var(--text-muted);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-raised-sm);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;line-height:1;transition:background-color var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth),color var(--transition-smooth),transform var(--transition-smooth)}button:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-muted);transform:translateY(-1px)}button:focus-visible,input[type=range]:focus-visible{outline:2px solid rgba(124,157,255,.65);outline-offset:2px}button.primary{color:var(--accent-blue);background:#7c9dff14;border-color:#7c9dff38}button.primary:hover{box-shadow:var(--shadow-raised-sm),var(--shadow-glow-blue)}button:disabled,select:disabled,input:disabled{cursor:default;opacity:.42}button:disabled:hover{color:var(--text-muted);background:transparent;border-color:var(--border-subtle);box-shadow:var(--shadow-raised-sm);transform:none}#dev-mode-toggle{min-height:28px;padding:var(--space-xs) var(--space-md);color:var(--text-dim);font-size:var(--font-size-xs);letter-spacing:.45px;text-transform:uppercase}.dev-toggle-panel{margin-top:auto;padding-top:var(--space-md)}.dev-toggle-panel #dev-mode-toggle{align-self:flex-end}#dev-mode-toggle.active{color:var(--accent-green);background:#5be9b514;border-color:#5be9b53d;box-shadow:var(--shadow-raised-sm),var(--shadow-glow-green)}#export-btn:not(:disabled),#song-generate:not(:disabled),#ultra-voiceover-generate:not(:disabled){color:var(--accent-green);background:#5be9b514;border-color:#5be9b538}#export-btn:not(:disabled):hover,#song-generate:not(:disabled):hover,#ultra-voiceover-generate:not(:disabled):hover{box-shadow:var(--shadow-raised-sm),var(--shadow-glow-green)}#export-cancel:not([hidden]),#hh-clear:not(:disabled){color:var(--accent-red);background:#ff6b6b0a;border-color:#ff6b6b33}#export-cancel:not([hidden]):hover,#hh-clear:not(:disabled):hover{box-shadow:var(--shadow-raised-sm),var(--shadow-glow-red)}.row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);min-width:0}.row>button{flex:1 1 112px}.row>select{flex:1 1 92px;min-width:0}.sample-hand-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:var(--space-sm);min-width:0}.sample-hand-row label{color:var(--text-dim);font-size:var(--font-size-sm);font-weight:700}.share-panel .panel-row{align-items:center}.share-panel .panel-row>button{flex:0 0 auto}.share-url-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:var(--space-sm);min-width:0}.share-url-row input{min-height:32px;overflow:hidden;color:var(--text-muted);text-overflow:ellipsis}.share-url-row button{min-height:32px;padding:var(--space-sm)}#batch-input{min-height:104px}.batch-generation-options{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);min-width:0;padding:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-faint);border-radius:var(--radius-sm)}.batch-generation-options label{display:flex;align-items:center;gap:var(--space-sm);min-width:0;color:var(--text-dim);font-size:var(--font-size-sm)}.batch-generation-options input[type=checkbox]{flex:0 0 auto;width:15px;height:15px;accent-color:var(--accent-green)}.batch-generation-options span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-narration-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm);min-width:0;padding:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-faint);border-radius:var(--radius-sm)}.batch-narrator-row,.batch-alias-row{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:var(--space-sm);min-width:0}.batch-narrator-row label,.batch-alias-row label{min-width:0;overflow:hidden;color:var(--text-dim);font-size:var(--font-size-sm);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.batch-aliases{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);min-width:0}.batch-alias-empty{color:var(--text-ghost);font-size:var(--font-size-xs);line-height:1.35}.batch-progress{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);min-width:0;padding:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-faint);border-radius:var(--radius-sm)}.batch-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-width:0;color:var(--text-dim);font-size:var(--font-size-xs);line-height:1.25}#batch-progress-label{min-width:0;overflow:hidden;color:var(--text-muted);font-weight:700;text-overflow:ellipsis;white-space:nowrap}#batch-progress-count{flex:0 0 auto;color:var(--text-ghost);font-family:var(--font-mono)}#batch-progress-bar{width:100%;height:8px}.batch-nav-row,.batch-export-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);min-width:0}.batch-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:220px;overflow-y:auto}.batch-list-row{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;width:100%;min-width:0;padding:var(--space-sm);color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border-faint);border-radius:var(--radius-sm);box-shadow:none;text-align:left}.batch-list-active-row{gap:var(--space-xs)}.batch-list-main{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;width:100%;min-width:0;padding:0;color:inherit;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:left}.batch-list-main:hover{color:var(--text-primary);background:transparent;border-color:transparent;transform:none}.batch-row-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);min-width:0}.batch-row-actions button{flex:1 1 auto;min-height:24px;padding:3px var(--space-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.batch-list-row strong,.batch-list-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-list-row strong{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.25}.batch-list-row span{color:var(--text-ghost);font-size:var(--font-size-xs);line-height:1.25}.batch-list-row.is-ready{border-color:#5be9b52e}.batch-list-row.is-error{border-color:#ff6b6b3d}.batch-list-row.is-error strong{color:var(--accent-red)}.batch-list-row.is-running{border-color:#7c9dff8a;box-shadow:var(--shadow-glow-blue)}.batch-list-row.is-running strong{color:var(--accent-blue)}.batch-list-button{cursor:pointer}.batch-list-button:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-muted);transform:none}.batch-list-button.is-active,.batch-list-active-row.is-active{border-color:#7c9dff8a;box-shadow:var(--shadow-glow-blue)}.batch-list-button.is-active strong,.batch-list-active-row.is-active strong{color:var(--accent-blue)}.package-panel .panel-row{align-items:center}.package-panel .panel-row>button{flex:0 0 auto}#stage>.package-panel{flex:0 0 auto;margin:0 var(--space-2xl) var(--space-2xl);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised-sm)}#stage>.package-panel.is-collapsed{padding-bottom:var(--space-lg)}#stage>.package-panel.is-collapsed #package-status,#stage>.package-panel.is-collapsed #package-list{display:none}.package-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-md);min-width:0;max-height:min(620px,68vh);overflow-y:auto}.package-panel #package-list{display:none}.package-card{display:grid;grid-template-columns:130px minmax(0,1fr);grid-template-areas:"thumb meta" "thumb script" "thumb qc" "actions actions";gap:var(--space-sm) var(--space-md);min-width:0;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-faint);border-radius:var(--radius-sm)}.package-card.is-selected{border-color:#5be9b5db;box-shadow:0 0 0 1px #5be9b55c,0 0 30px #5be9b540}.package-card.is-rejected{border-color:#ff6b6b47}.package-thumb{grid-area:thumb;position:relative;width:100%;aspect-ratio:9 / 16;min-height:210px;overflow:hidden;background:#0b0f17;border:1px solid var(--border-faint);border-radius:var(--radius-sm)}.package-thumb img{width:100%;height:100%;object-fit:cover;display:block}.package-thumb-fallback{display:grid;place-items:center;width:100%;height:100%;padding:var(--space-md);color:var(--text-muted);font-size:clamp(18px,7vw,32px);font-weight:900;line-height:1.05;text-align:center;text-transform:uppercase}.package-meta{grid-area:meta;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-width:0}.package-meta strong{color:var(--text-muted);font-size:var(--font-size-lg);line-height:1.25}.package-meta span,.package-script,.package-qc{color:var(--text-ghost);font-size:var(--font-size-xs);line-height:1.35}.package-script{grid-area:script;color:var(--text-dim)}.package-qc{grid-area:qc}.package-actions{grid-area:actions;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);min-width:0}.package-actions button{min-height:28px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}@media (max-width: 860px){.package-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"thumb" "meta" "script" "qc" "actions"}.package-thumb{min-height:0;max-height:420px}}.package-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--space-2xl)}.package-modal[hidden]{display:none}.package-modal-backdrop{position:absolute;inset:0;background:#000000b8;backdrop-filter:blur(8px)}.package-modal-card{position:relative;display:flex;flex-direction:column;width:min(1180px,96vw);max-height:min(880px,92vh);overflow:hidden;background:#161616;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:0 24px 80px #000000a8}.package-modal-header,.package-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.package-modal-actions{justify-content:flex-end;border-top:1px solid var(--border-subtle);border-bottom:0}.package-modal-header h2{margin:2px 0 0;color:var(--text-heading);font-size:24px;line-height:1.18;letter-spacing:0}#package-modal-kicker,.package-modal-copy label{color:var(--text-ghost);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.5px;text-transform:uppercase}#package-modal-close{flex:0 0 auto;width:36px;min-width:36px;height:36px;padding:0;font-size:24px;line-height:1}.package-modal-body{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:var(--space-lg);min-height:0;overflow:auto;padding:var(--space-lg)}.package-modal-media{display:grid;gap:var(--space-md);align-content:start}.package-modal-media img,.package-modal-media video{width:100%;background:#050505;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.package-modal-media img{aspect-ratio:9 / 16;object-fit:cover}.package-modal-empty{padding:var(--space-md);color:var(--text-ghost);background:var(--bg-input);border:1px solid var(--border-faint);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.package-modal-copy{display:grid;gap:var(--space-md);align-content:start;min-width:0}.package-modal-copy section{display:grid;gap:var(--space-xs);min-width:0}.package-modal-copy p{margin:0;color:var(--text-muted);font-size:var(--font-size-base);line-height:1.55;white-space:pre-wrap}.package-modal-voice-row{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-sm);align-items:center}.package-modal-voice-row audio{width:100%}.package-modal-qc{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.package-modal-qc span{padding:3px 8px;color:var(--text-dim);background:#ffffff0a;border:1px solid var(--border-faint);border-radius:var(--radius-pill);font-size:var(--font-size-xs)}.package-modal-qc span.is-failed{color:#ffd0d0;border-color:#ff6b6b59}@media (max-width: 860px){.package-modal{padding:var(--space-md)}.package-modal-body{grid-template-columns:minmax(0,1fr)}.package-modal-media{grid-template-columns:minmax(160px,240px) minmax(0,1fr);align-items:start}}.seg{display:flex;flex-wrap:wrap;gap:var(--space-sm);min-width:0}.seg button{flex:1 1 calc(50% - var(--space-sm));min-height:30px;max-width:calc(50% - var(--space-xs));overflow:hidden;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.seg button.active{color:var(--accent-blue);background:#7c9dff14;border-color:#7c9dff8c;box-shadow:var(--shadow-raised-sm),var(--shadow-glow-blue)}.hh-dropzone{position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised-sm)}.hh-dropzone textarea{display:block;min-height:220px;border:0;border-radius:calc(var(--radius-lg) - 1px);background:var(--bg-deep)}.hh-dropzone:not(.has-text):not(:focus-within) textarea::placeholder{color:transparent}.hh-dropzone.drag-over{border-color:#7c9dff8c;box-shadow:var(--shadow-raised-sm),var(--shadow-glow-blue)}.hh-guide{position:absolute;inset:var(--space-md) var(--space-md) auto var(--space-md);z-index:1;display:flex;flex-direction:column;gap:2px;color:var(--text-ghost);pointer-events:none}.hh-guide strong{color:var(--text-heading);font-size:var(--font-size-base);font-weight:700}.hh-guide span{max-width:250px;color:var(--text-dim);font-size:var(--font-size-sm);line-height:1.45}.hh-dropzone.has-text .hh-guide,.hh-dropzone:focus-within .hh-guide{display:none}.caption-ai-controls,.hole-reveal-controls,.song-controls,.voiceover-controls{display:flex;flex-direction:column;gap:var(--space-sm)}.hole-reveal-panel{padding:0}.hole-reveal-disclosure{min-width:0}.hole-reveal-disclosure>summary{display:flex;align-items:center;gap:var(--space-sm);min-width:0;padding:var(--space-lg);cursor:pointer;list-style:none}.hole-reveal-disclosure>summary::-webkit-details-marker{display:none}.hole-reveal-disclosure>summary:before{content:"";flex:0 0 auto;width:7px;height:7px;border-right:1px solid var(--text-dim);border-bottom:1px solid var(--text-dim);transform:rotate(-45deg);transition:transform var(--transition-smooth)}.hole-reveal-disclosure[open]>summary:before{transform:rotate(45deg)}.hole-reveal-disclosure>summary .panel-label{flex:1 1 auto;min-width:0}.hole-reveal-disclosure>summary button{flex:0 0 auto;min-height:26px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--font-size-xs)}.hole-reveal-controls{padding:0 var(--space-lg) var(--space-lg)}.hole-reveal-controls textarea,.caption-ai-controls textarea{min-height:84px;font-family:var(--font-sans);font-size:var(--font-size-md)}.hole-reveal-controls textarea{min-height:92px}.hole-reveal-rules{display:flex;flex-direction:column;gap:var(--space-xs)}.hole-reveal-choice-group{display:flex;flex-wrap:wrap;gap:var(--space-xs);min-width:0}.hole-reveal-choice-group button{flex:1 1 auto;min-height:28px;padding:var(--space-xs) var(--space-sm);overflow:hidden;border-radius:var(--radius-sm);font-size:var(--font-size-xs);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.hole-reveal-choice-group button.is-active{color:var(--accent-blue);background:#7c9dff1a;border-color:#7c9dff8f;box-shadow:var(--shadow-raised-sm),var(--shadow-glow-blue)}.hole-reveal-empty{color:var(--text-ghost);font-size:var(--font-size-sm);line-height:1.4}.hole-reveal-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-faint);border-radius:var(--radius-sm)}.hole-reveal-player{display:flex;justify-content:space-between;gap:var(--space-sm);min-width:0;color:var(--text-muted);font-size:var(--font-size-sm)}.hole-reveal-player strong{min-width:0;overflow:hidden;color:var(--text-primary);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.hole-reveal-cards{flex:0 0 auto;color:var(--accent-amber);font-family:var(--font-mono);font-size:var(--font-size-xs)}.hole-reveal-row-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.hole-reveal-trigger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hole-reveal-trigger button:last-child{grid-column:1 / -1}.hole-reveal-trigger-player{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.hole-reveal-trigger-player button{justify-content:flex-start}.voiceover-controls{margin-top:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--border-faint)}.voice-select-row{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:var(--space-sm);min-width:0}.voice-select-row label{color:var(--text-dim);font-size:var(--font-size-sm);font-weight:700}.volume-control{display:grid;grid-template-columns:auto minmax(0,1fr) 42px;align-items:center;gap:var(--space-sm);min-width:0;color:var(--text-dim);font-size:var(--font-size-sm)}.volume-control input[type=range]{width:100%;height:18px;padding:0;accent-color:var(--accent-blue);background:transparent;border:0;box-shadow:none}.volume-control output{color:var(--accent-blue);font-family:var(--font-mono);font-size:var(--font-size-xs);text-align:right}.sfx-levels{display:flex;flex-direction:column;gap:var(--space-xs)}.sfx-level-control{display:grid;grid-template-columns:44px minmax(82px,.9fr) minmax(0,1fr) 46px;align-items:center;gap:var(--space-sm);min-width:0;color:var(--text-dim);font-size:var(--font-size-xs)}.sfx-preview-button{min-height:24px;padding:0 var(--space-xs);color:var(--accent-green);font-size:10px}.sfx-level-control span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sfx-level-control input[type=range]{width:100%;height:18px;padding:0;accent-color:var(--accent-green);background:transparent;border:0;box-shadow:none}.sfx-level-control output{color:var(--accent-green);font-family:var(--font-mono);font-size:var(--font-size-xs);text-align:right}.status{min-height:15px;color:var(--text-ghost);font-size:var(--font-size-sm);line-height:1.4;white-space:pre-wrap}.status.ok{color:var(--accent-green)}.status.error{color:var(--accent-red)}progress{height:8px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-deep);box-shadow:var(--shadow-inset)}progress::-webkit-progress-bar{background:var(--bg-deep)}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:var(--radius-pill)}progress::-moz-progress-bar{background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:var(--radius-pill)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#stage{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;background:var(--bg-app)}#stage-frame{position:relative;flex:0 0 clamp(360px,58vh,760px);min-height:320px;display:flex;align-items:center;justify-content:center;margin:var(--space-2xl) var(--space-2xl) 0;padding:var(--space-xl);overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.035),transparent 42%),var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset)}#stage-canvas{width:auto;height:auto;max-width:100%;max-height:100%;background:#050505;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);box-shadow:0 16px 46px #0000009e}.stage-empty{position:absolute;inset:var(--space-xl);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-xs);color:var(--text-ghost);text-align:center;background:#131313bd;border:1px dashed rgba(255,255,255,.11);border-radius:var(--radius-lg);pointer-events:none}.stage-empty strong{color:var(--text-muted);font-size:var(--font-size-base);font-weight:700}.stage-empty span{max-width:300px;color:var(--text-ghost);font-size:var(--font-size-sm);line-height:1.45}body.has-hand .stage-empty{display:none}.timeline-panel{flex:0 0 auto;margin:var(--space-md) var(--space-2xl) 0;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised-sm)}.timeline-panel.empty{opacity:.72}.timeline-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm);color:var(--text-dim);font-size:var(--font-size-sm);line-height:1.2}#timeline-current{min-width:0;overflow:hidden;color:var(--text-heading);font-weight:600;text-overflow:ellipsis;white-space:nowrap}#timeline-count{flex:0 0 auto;color:var(--text-ghost);font-family:var(--font-mono);font-size:var(--font-size-xs)}.timeline-markers{position:relative;height:26px;overflow:hidden;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset)}.timeline-marker{position:absolute;top:5px;width:8px;height:16px;min-width:0;min-height:0;padding:0;border-color:#ffffff24;border-radius:var(--radius-pill);background:var(--color-info);box-shadow:none;transform:translate(-50%)}.timeline-marker:hover{transform:translate(-50%) translateY(-1px)}.timeline-marker.setup{background:#777b8f}.timeline-marker.action{background:var(--accent-blue)}.timeline-marker.fold{background:var(--text-ghost)}.timeline-marker.all-in{width:11px;background:var(--accent-amber)}.timeline-marker.street{width:12px;background:var(--accent-purple)}.timeline-marker.showdown{width:12px;background:var(--accent-pink)}.timeline-marker.award{width:12px;background:var(--accent-green)}.timeline-marker.past{opacity:.62}.timeline-marker.active{top:3px;height:20px;opacity:1;z-index:2;box-shadow:0 0 0 2px #eeeeeebf}#controls{display:flex;align-items:center;gap:var(--space-sm);flex:0 0 auto;margin:var(--space-md) var(--space-2xl) var(--space-2xl);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised-sm)}#controls button{flex:0 0 36px;width:36px;min-width:36px;height:32px;min-height:32px;padding:0;color:var(--text-muted);font-size:var(--font-size-lg)}#controls button.primary{color:var(--accent-blue)}#scrub{flex:1;min-width:120px;height:18px;padding:0;cursor:pointer;accent-color:var(--accent-blue);background:transparent;border:0;box-shadow:none}#scrub::-webkit-slider-runnable-track{height:6px;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--shadow-inset)}#scrub::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;background:var(--accent-blue);border:2px solid #101010;border-radius:50%;box-shadow:var(--shadow-glow-blue);appearance:none}#scrub::-moz-range-track{height:6px;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--shadow-inset)}#scrub::-moz-range-thumb{width:14px;height:14px;background:var(--accent-blue);border:2px solid #101010;border-radius:50%;box-shadow:var(--shadow-glow-blue)}#time-readout{flex:0 0 120px;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--font-size-md);text-align:right;white-space:nowrap}body.viewer-mode #app{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}body.viewer-mode.viewer-hand-mode #app{grid-template-columns:minmax(0,1fr)}body.viewer-mode.viewer-hand-mode #sidebar{display:none}body.viewer-mode #walkthrough-start,body.viewer-mode #mobile-stage-slot,body.viewer-mode #sidebar>.panel:not(.batch-panel),body.viewer-mode #sidebar>.dev-toggle-panel{display:none}body.viewer-mode #sidebar header{position:static}body.viewer-mode .batch-panel{gap:var(--space-md);border-bottom:0}body.viewer-mode .batch-panel .panel-row,body.viewer-mode .batch-panel>textarea,body.viewer-mode .batch-panel>.batch-generation-options,body.viewer-mode .batch-panel>.batch-narration-controls,body.viewer-mode .batch-panel>.row,body.viewer-mode .batch-panel>input,body.viewer-mode .batch-panel>.share-url-row,body.viewer-mode .package-panel{display:none}html.package-workspace-mode,body.package-workspace-mode{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 240px),var(--bg-app);color:var(--text-primary)}body.package-workspace-mode #app{display:none}.package-workspace{width:min(1360px,calc(100vw - 40px));margin:0 auto;padding:var(--space-2xl) 0 64px}.package-workspace a{color:var(--accent-blue)}.package-workspace-status-bar{position:sticky;top:10px;z-index:10;display:flex;align-items:center;gap:var(--space-sm);min-height:42px;margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md);background:#121722eb;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-raised-sm);backdrop-filter:blur(12px)}.package-workspace-status-bar .status{margin:0}.package-workspace-status-bar.is-busy{border-color:#7c9dff6b;box-shadow:var(--shadow-raised-sm),var(--shadow-glow-blue)}.package-workspace-spinner{width:16px;height:16px;flex:0 0 auto;border:2px solid rgba(255,255,255,.22);border-top-color:var(--accent-blue);border-radius:50%;animation:package-spin .9s linear infinite}@keyframes package-spin{to{transform:rotate(360deg)}}.package-workspace-header,.package-workspace-open,.package-workspace-section,.package-stage-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-raised-sm)}.package-workspace-header,.package-workspace-open{display:flex;justify-content:space-between;gap:var(--space-2xl);align-items:flex-start;padding:var(--space-xl)}.package-workspace-open{display:grid;max-width:820px;margin:12vh auto 0}.package-workspace h1,.package-workspace h2,.package-workspace h3,.package-workspace p{margin-top:0}.package-workspace h1{margin-bottom:var(--space-sm);color:var(--text-heading);font-size:var(--font-size-2xl);line-height:1.1}.package-workspace h2{margin-bottom:var(--space-xs);color:var(--text-heading);font-size:var(--font-size-xl)}.package-workspace h3{margin-bottom:var(--space-sm);color:var(--text-heading);font-size:var(--font-size-lg)}.package-workspace p{color:var(--text-muted)}.package-workspace-kicker,.package-stage-card span,.package-workspace-candidate span{color:var(--text-dim);font-size:var(--font-size-sm);font-weight:700;letter-spacing:0;text-transform:uppercase}.package-workspace-header-actions,.package-workspace-card-actions{display:flex;gap:10px;flex-wrap:wrap}.package-workspace button,.package-workspace .button-like{text-decoration:none}.package-workspace .button-like{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:32px;padding:var(--space-sm) var(--space-md);color:var(--text-muted);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-raised-sm);font-size:var(--font-size-sm);font-weight:600;line-height:1}.package-open-form{display:grid;grid-template-columns:1fr auto;gap:var(--space-md)}.package-open-form input{min-width:0}.package-workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.package-workflow-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-sm);margin:var(--space-md) 0}.package-workspace-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:var(--space-lg);align-items:start}.package-workspace-main{grid-column:1;min-width:0}.package-workspace-preview-panel{position:sticky;grid-column:2;grid-row:1;top:70px;align-self:start;min-width:0}.package-workflow-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-sm);min-width:0;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-raised-sm)}.package-workflow-step>span{display:grid;place-items:center;width:28px;height:28px;color:var(--text-heading);background:var(--bg-deep);border:1px solid var(--border-faint);border-radius:999px;font-size:var(--font-size-sm);font-weight:800}.package-workflow-step strong,.package-workflow-step em,.package-workflow-step p{display:block;margin:0}.package-workflow-step strong{color:var(--text-heading)}.package-workflow-step em{color:var(--accent-blue);font-style:normal;font-size:var(--font-size-sm);font-weight:700}.package-workflow-step p{overflow:hidden;color:var(--text-dim);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.package-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.package-narration-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:var(--space-lg);margin-top:var(--space-lg)}.package-voiceover-script{display:grid;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-lg);background:var(--bg-deep);border:1px solid var(--border-faint);border-radius:var(--radius-md)}.package-voiceover-script label{display:grid;gap:var(--space-sm);color:var(--text-dim);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase}.package-voiceover-script textarea{min-height:180px}.package-source-toolbar label{display:grid;gap:var(--space-xs);min-width:220px;color:var(--text-dim);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase}.package-source-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.package-source-summary>div{padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-faint);border-radius:var(--radius-md)}.package-source-summary span{color:var(--text-dim);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase}.package-source-summary strong{display:block;margin-top:var(--space-xs);color:var(--text-heading);font-size:var(--font-size-lg)}.package-source-summary p{margin:var(--space-xs) 0 0}.package-narration-list{display:grid;gap:var(--space-md)}.package-narration-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);align-items:start;padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-faint);border-radius:var(--radius-md)}.package-narration-card.is-selected{border-color:#7c9dff73;box-shadow:var(--shadow-raised-sm),var(--shadow-glow-blue)}.package-narration-editor{display:grid;gap:var(--space-md);align-content:start;padding:var(--space-lg);background:var(--bg-deep);border:1px solid var(--border-faint);border-radius:var(--radius-md)}.package-narration-editor label{display:grid;gap:var(--space-sm);color:var(--text-dim);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase}.package-narration-editor textarea{min-height:220px}.package-options-grid label{display:grid;gap:var(--space-xs);color:var(--text-dim);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase}.package-options-grid textarea{min-height:78px}.package-checkbox-option{align-content:end;grid-template-columns:auto 1fr;text-transform:none!important}.package-checkbox-option input{width:auto;align-self:center;accent-color:var(--accent-blue)}.package-guidance-option{grid-column:1 / -1}.package-stage-card{display:grid;gap:var(--space-lg);min-height:190px;padding:var(--space-lg)}.package-stage-card.is-ready{border-color:#5be9b53d;box-shadow:var(--shadow-raised-sm),var(--shadow-glow-green)}.package-stage-card.is-stale{border-color:#ffb74d57}.package-stage-card.is-active{border-color:#7c9dff7a;box-shadow:var(--shadow-raised-sm),var(--shadow-glow-blue)}.package-workspace-section{padding:var(--space-xl);margin-top:var(--space-lg)}.package-draft-header{margin-top:var(--space-xl)}.package-section-header,.package-workspace-export{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.package-workspace-candidates{display:grid;gap:var(--space-md);margin-top:var(--space-lg)}.package-workspace-candidate{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:var(--space-lg);align-items:stretch;padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-faint);border-radius:var(--radius-md)}.package-workspace-candidate.is-selected{border-color:#7c9dff73;box-shadow:var(--shadow-raised-sm),var(--shadow-glow-blue)}.package-workspace-thumb{aspect-ratio:9 / 16;overflow:hidden;background:var(--bg-deep);border:1px solid var(--border-faint);border-radius:var(--radius-sm);display:grid;place-items:center;text-align:center;color:var(--text-heading);font-weight:900;padding:var(--space-md)}.package-workspace-thumb img{width:100%;height:100%;object-fit:cover}.package-workspace-candidate-copy p{margin-bottom:var(--space-sm)}.package-thumbnail-variants{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-sm) 0 var(--space-md)}.package-thumbnail-variant{width:76px;padding:4px;display:grid;gap:4px;color:var(--text-muted);background:var(--bg-raised);border:1px solid var(--border-faint);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.package-thumbnail-variant.is-selected{color:var(--text-heading);border-color:#7c9dffb8;box-shadow:0 0 0 1px #7c9dff47}.package-thumbnail-variant img{width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:4px}.package-thumbnail-prompt{margin-top:var(--space-md);color:var(--text-muted);font-size:var(--font-size-sm)}.package-thumbnail-prompt summary{cursor:pointer;color:var(--accent-blue);font-weight:700}.package-thumbnail-prompt dl{display:grid;gap:var(--space-xs);margin:var(--space-sm) 0}.package-thumbnail-prompt dl>div{display:grid;grid-template-columns:minmax(160px,.42fr) minmax(0,1fr);gap:var(--space-sm)}.package-thumbnail-prompt dt{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--font-size-xs)}.package-thumbnail-prompt dd{margin:0;color:var(--text-muted)}.package-thumbnail-prompt pre{max-height:220px;margin:var(--space-sm) 0 0;padding:var(--space-md);overflow:auto;white-space:pre-wrap;color:var(--text-muted);background:var(--bg-deep);border:1px solid var(--border-faint);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.45}.package-workspace-tags,.package-workspace-qc{color:var(--text-dim);font-size:var(--font-size-md)}.package-workspace-card-actions{align-content:start;justify-content:flex-end}.package-workspace-review{display:grid;grid-template-columns:minmax(280px,440px) minmax(0,1fr);gap:var(--space-xl);align-items:start}.package-workspace-review-primary{margin-top:0}.package-workspace-preview-panel .package-workspace-review{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.package-preview-frame{position:relative;overflow:hidden;width:100%;margin-inline:auto;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.package-workspace-review video,.package-workspace-review audio,.package-workspace-review-assets img{width:100%;background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.package-workspace-review video{display:block;aspect-ratio:9 / 16;max-height:min(72vh,760px);object-fit:contain}.package-preview-caption{position:absolute;left:50%;bottom:76px;width:min(86%,720px);transform:translate(-50%);padding:var(--space-sm) var(--space-md);color:var(--text-heading);background:#000000b8;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);font-size:var(--font-size-xl);font-weight:800;line-height:1.25;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.75);pointer-events:none}.package-workspace-review-assets{display:grid;gap:var(--space-md);align-content:start}.package-workspace-preview-empty,.package-workspace-empty{padding:var(--space-xl);color:var(--text-dim);background:var(--bg-deep);border:1px dashed var(--border-muted);border-radius:var(--radius-md)}@media (max-width: 980px){.package-workspace{width:min(100vw - 24px,720px);padding-top:14px}.package-workspace-header,.package-workspace-open,.package-section-header,.package-workspace-export,.package-workspace-review{display:grid}.package-workspace-status-bar{top:6px}.package-workspace-grid,.package-workspace-body{grid-template-columns:1fr}.package-workspace-preview-panel{position:static;grid-column:auto;grid-row:auto;order:-1}.package-workflow-summary,.package-source-summary{grid-template-columns:1fr}.package-preview-frame{width:min(100%,360px)}.package-options-grid,.package-narration-layout,.package-narration-card{grid-template-columns:1fr}.package-workspace-candidate{grid-template-columns:110px minmax(0,1fr)}.package-workspace-card-actions{grid-column:1 / -1;justify-content:flex-start}.package-open-form{grid-template-columns:1fr}}body.viewer-mode .batch-row-actions{display:none}body.viewer-mode .batch-list{max-height:none}body.viewer-mode .batch-list-row{padding:var(--space-md)}body.viewer-mode #stage-frame{margin:var(--space-xl) var(--space-xl) 0}body.viewer-mode .timeline-panel,body.viewer-mode #controls{margin-right:var(--space-xl);margin-left:var(--space-xl)}.tun-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.tun-format-pill{display:inline-flex;align-items:center;min-height:22px;padding:3px 10px;color:var(--accent-blue);background:#7c9dff14;border:1px solid rgba(124,157,255,.28);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.45px}.tun-header-actions{display:flex;gap:var(--space-xs)}.tun-header-actions button,.tun-seat-scope button{min-height:26px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.tun-seat-scope{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm);color:var(--text-dim);font-size:var(--font-size-sm)}.tun-seat-scope select{width:auto;min-width:92px;min-height:26px;padding-top:var(--space-xs);padding-bottom:var(--space-xs);font-size:var(--font-size-xs)}.tun-seat-mirror{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);white-space:nowrap}.tun-seat-mirror input,.tun-field-bool input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--accent-blue)}.tun-seat-scope small{grid-column:1 / -1;color:var(--accent-blue);font-family:var(--font-mono);font-size:var(--font-size-xs);text-align:right}.tun-groups{display:flex;flex-direction:column;gap:var(--space-sm)}.tun-group{overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-raised-sm)}.tun-group>summary{padding:var(--space-sm) var(--space-md);color:var(--text-dim);cursor:pointer;font-size:var(--font-size-sm);font-weight:700;letter-spacing:.45px;text-transform:uppercase;user-select:none}.tun-group[open]>summary{color:var(--text-heading);border-bottom:1px solid var(--border-faint)}.tun-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-sm);padding:var(--space-md)}.tun-field{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;color:var(--text-dim);font-size:var(--font-size-xs)}.tun-field input{width:100%;min-height:28px;padding:var(--space-xs) var(--space-sm);color:var(--text-primary);background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset);font-family:var(--font-mono);font-size:var(--font-size-sm)}.tun-field input:focus{outline:none;border-color:var(--accent-blue);box-shadow:var(--shadow-inset),0 0 0 2px #7c9dff24}.tun-field-slider{gap:3px}.tun-field-slider input[type=range],.tun-seat-slider input[type=range]{height:18px;padding:0;background:transparent;border:0;box-shadow:none;accent-color:var(--accent-blue)}.tun-slider-value{align-self:flex-end;color:var(--accent-blue);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1}.tun-field-bool{grid-column:1 / -1;flex-direction:row;align-items:center;gap:var(--space-sm)}.tun-field-bool span{order:2;color:var(--text-muted)}.tun-seat-grid{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.tun-seat-slider{display:grid;grid-template-columns:92px minmax(0,1fr) 38px;gap:var(--space-sm);align-items:center;color:var(--text-dim);font-size:var(--font-size-xs)}@media (max-width: 980px){html,body{height:auto;min-height:100%;overflow:auto}#app{display:flex;flex-direction:column;min-height:100dvh;height:auto;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}#sidebar{width:100%;border-right:0;border-bottom:1px solid var(--border-subtle);overflow:visible}#sidebar header{position:static;padding-top:max(var(--space-lg),env(safe-area-inset-top))}#stage{min-height:560px;overflow:visible}#stage-frame{flex:0 0 auto;height:min(62vh,500px);height:min(62dvh,500px);min-height:280px;margin:var(--space-lg) var(--space-lg) 0;padding:var(--space-md)}body[data-format=vertical] #stage-frame{height:min(76dvh,720px);min-height:420px}.timeline-panel,#controls{margin-right:var(--space-lg);margin-left:var(--space-lg)}#controls{position:sticky;bottom:max(var(--space-sm),env(safe-area-inset-bottom));z-index:5;flex-wrap:wrap}#scrub{flex:1 1 180px}#time-readout{flex:1 0 100%;text-align:right}body.viewer-mode #app{min-height:100dvh}body.viewer-mode.viewer-batch-mode #sidebar{max-height:38dvh;overflow-y:auto}body.viewer-mode.viewer-hand-mode #sidebar{display:none}.panel>.row,.panel>.seg,.panel>select,.hh-dropzone{width:100%}}@media (max-width: 700px){textarea,select,input[type=text],input[type=number],input[type=file]{font-size:16px}#sidebar header,.panel{padding-right:var(--space-md);padding-left:var(--space-md)}.row>button,.row>select{flex-basis:calc(50% - var(--space-xs))}.sample-hand-row{grid-template-columns:minmax(0,1fr)}.row>button,.seg button,select{min-height:44px}#sidebar button{min-height:44px;min-width:44px}.dev-toggle-panel{margin-top:0}.row>button{line-height:1.2;overflow-wrap:anywhere;white-space:normal}.seg button{flex:1 1 calc(50% - var(--space-xs));max-width:calc(50% - var(--space-xs))}.hh-dropzone textarea{min-height:160px}#stage{min-height:500px}#stage-frame{height:min(58vh,460px);height:min(58dvh,460px);min-height:250px;margin:var(--space-md) var(--space-md) 0}body[data-format=vertical] #stage-frame{height:min(74dvh,660px);min-height:380px}.timeline-panel,#controls{margin-right:var(--space-md);margin-left:var(--space-md)}#controls button{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px}.tun-seat-scope{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tun-seat-scope small{text-align:left}}@media (max-width: 480px){#sidebar header,.panel{padding-right:var(--space-sm);padding-left:var(--space-sm)}#stage{min-height:420px}#stage-frame{height:min(50dvh,420px);min-height:220px;margin:var(--space-sm) var(--space-sm) 0;padding:var(--space-sm)}body[data-format=vertical] #stage-frame{height:min(72dvh,620px);min-height:360px}.timeline-panel,#controls{margin-right:var(--space-sm);margin-left:var(--space-sm)}.timeline-panel,#controls{padding:var(--space-sm)}.timeline-meta{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}#timeline-current{white-space:normal}#controls{display:grid;grid-template-columns:repeat(3,44px) minmax(0,1fr);align-items:center}#controls button{flex:none}#scrub{grid-column:4;min-width:0;width:100%}#time-readout{grid-column:1 / -1;text-align:center}}@media (pointer: coarse){#scrub,.volume-control input[type=range],.sfx-level-control input[type=range],.tun-field-slider input[type=range],.tun-seat-slider input[type=range]{height:32px}#scrub::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}#scrub::-moz-range-thumb{width:22px;height:22px}}.caption-mode-seg{flex-wrap:nowrap}.caption-mode-seg button{flex:1 1 0;max-width:none}.walkthrough-layer{position:fixed;inset:0;z-index:1000;pointer-events:none}.walkthrough-scrim{position:absolute;inset:0;width:100%;height:100%}.walkthrough-scrim path{fill:#0000009e}.walkthrough-highlight{position:fixed;border:2px solid rgba(124,157,255,.95);border-radius:var(--radius-sm);background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff24,0 0 28px #7c9dff5c;pointer-events:none}.walkthrough-highlight.is-pulse{animation:walkthrough-pulse 1.3s ease-in-out infinite}.walkthrough-card{position:fixed;right:var(--space-xl);bottom:var(--space-xl);width:min(360px,calc(100vw - var(--space-xl) * 2));padding:var(--space-lg);color:var(--text-primary);background:#161616f5;border:1px solid rgba(124,157,255,.34);border-radius:var(--radius-sm);box-shadow:var(--shadow-raised),var(--shadow-glow-blue);pointer-events:auto}.walkthrough-card-header{display:flex;justify-content:space-between;gap:var(--space-md);color:var(--text-ghost);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.45px}.walkthrough-card strong{display:block;margin-top:var(--space-xs);color:var(--text-heading);font-size:var(--font-size-lg);line-height:1.35}.walkthrough-card audio{display:block;width:100%;margin-top:var(--space-md)}.walkthrough-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.walkthrough-actions button{flex:1 1 0}@keyframes walkthrough-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@media (max-width: 700px){.caption-mode-seg button{flex:1 1 0;max-width:none}.walkthrough-card{right:var(--space-md);bottom:var(--space-md);left:var(--space-md);width:auto}#sidebar .timeline-marker,#stage .timeline-marker,.timeline-marker{top:5px!important;width:8px!important;height:16px!important;min-width:0!important;min-height:0!important;padding:0!important;flex:0 0 auto!important}#sidebar .timeline-marker.all-in,#stage .timeline-marker.all-in,.timeline-marker.all-in{width:11px!important}#sidebar .timeline-marker.street,#sidebar .timeline-marker.showdown,#sidebar .timeline-marker.award,#stage .timeline-marker.street,#stage .timeline-marker.showdown,#stage .timeline-marker.award,.timeline-marker.street,.timeline-marker.showdown,.timeline-marker.award{width:12px!important}#sidebar .timeline-marker.active,#stage .timeline-marker.active,.timeline-marker.active{top:3px!important;height:20px!important}}