:root{--bg: #0e1116;--panel: #161b23;--panel-2: #1c232e;--border: #2a3442;--text: #e6ebf2;--muted: #8b98a9;--accent: #4da3ff;--accent-2: #7ee0a3;--danger: #ff7a7a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Gujarati,Gujarati Sangam MN,sans-serif}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#4da3ff);font-weight:800;font-size:18px}.brand h1{margin:0;font-size:16px}.brand-sub{font-size:11.5px;color:var(--muted)}.lang-toggle{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.lang-toggle button{background:transparent;color:var(--muted);border:0;padding:7px 16px;cursor:pointer;font-size:13px}.lang-toggle button.active{background:var(--accent);color:#06121f;font-weight:700}.body{display:flex;flex:1;min-height:0}.sidebar{width:250px;flex-shrink:0;border-right:1px solid var(--border);background:var(--panel);padding:14px;overflow-y:auto;display:flex;flex-direction:column}.sidebar h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 10px;display:flex;align-items:center;justify-content:space-between}.sidebar.collapsed{width:44px;padding:10px 6px;align-items:center}.sidebar-toggle{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;padding:2px 8px;font-size:13px;line-height:1.4}.sidebar-toggle:hover{color:var(--text);border-color:var(--accent)}.sys-label{font-size:11px;font-weight:700;color:var(--accent);margin:8px 0 6px;display:flex;align-items:center;justify-content:space-between;gap:8px}.gen-all-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;margin-bottom:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px}.gen-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.gen-btn{border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--accent);font-size:11px;padding:3px 8px;cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums}.gen-btn:hover:not(:disabled){border-color:var(--accent);background:#4da3ff1a}.gen-btn:disabled{cursor:default;opacity:.55}.gen-btn.small{padding:1px 6px;font-size:10px}.gen-btn.complete{color:var(--accent-2);border-color:transparent;opacity:1}.gen-progress{position:sticky;bottom:0;margin-top:auto;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:11.5px}.gen-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.gen-cancel{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:12px;padding:0 2px}.gen-cancel:hover{color:var(--danger)}.gen-bar{height:4px;border-radius:2px;background:var(--border);overflow:hidden}.gen-bar-fill{height:100%;background:var(--accent);transition:width .6s ease}.gen-current{margin-top:6px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:pulse 1.6s infinite}.gen-failed{color:var(--danger)}.screen-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;color:var(--text);border:1px solid transparent;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:13px}.screen-item:hover{background:var(--panel-2)}.screen-item.selected{background:var(--panel-2);border-color:var(--accent)}.screen-no{color:var(--muted);font-variant-numeric:tabular-nums}.screen-name{flex:1}.sidebar-note{margin-top:auto;padding-top:14px;font-size:11.5px;color:var(--muted)}.main{flex:1;overflow-y:auto;padding:20px 24px;min-width:0}.placeholder{color:var(--muted);padding:40px}.error-banner{background:#3a1d1d;border:1px solid var(--danger);color:#ffb9b9;border-radius:8px;padding:12px 16px;margin-bottom:16px}.screen-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;gap:16px}.crumbs{font-size:12px;color:var(--muted);margin-bottom:2px}.screen-head h2{margin:0;font-size:22px}.stat-chips{display:flex;gap:10px}.chip{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px 14px;text-align:center;min-width:70px}.chip-value{display:block;font-size:18px;font-weight:800;color:var(--accent-2)}.chip-label{font-size:11px;color:var(--muted)}.columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:18px;align-items:start}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:16px}.card h3{margin:0 0 10px;font-size:14px}.card p{margin:0;color:#cdd6e1}.muted{color:var(--muted);font-weight:400}.shot-panel{margin-bottom:16px}.shot-wrap{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:zoom-in;touch-action:none}.shot-main{width:100%;display:block;transform-origin:0 0;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.shot-controls{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:2px;background:#0e1116d1;border:1px solid var(--border);border-radius:8px;padding:3px 6px;cursor:default}.shot-controls button{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:15px;cursor:pointer;line-height:1}.shot-controls button:hover:not(:disabled){background:var(--panel-2)}.shot-controls button:disabled{color:var(--muted);opacity:.45;cursor:default}.shot-scale{font-size:11px;color:var(--muted);min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.shot-caption{font-size:12px;color:var(--muted);margin-top:6px}.thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.thumb{flex-shrink:0;width:120px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:4px;cursor:pointer;color:var(--muted);font-size:10.5px}.thumb img{width:100%;border-radius:5px;display:block;background:#fff}.thumb span{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb.selected{border-color:var(--accent);color:var(--text)}.domain-list,.ops-list{margin:0;padding-left:20px;color:#cdd6e1}.domain-list li,.ops-list li{margin-bottom:8px}.ops-list strong{color:var(--text)}.est-group{border-top:1px solid var(--border)}.est-group:first-of-type{border-top:0}.est-group-head{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:0;color:var(--text);padding:9px 2px;cursor:pointer;font-size:13px;text-align:left}.est-caret{color:var(--muted);width:12px}.est-name{flex:1;font-weight:600}.est-table{width:100%;border-collapse:collapse;font-size:12px;margin:4px 0 12px}.est-table th,.est-table td{text-align:left;padding:6px 8px;border-top:1px solid var(--border);vertical-align:top}.est-table th{color:var(--muted);font-weight:600;border-top:0}.est-table td:first-child{font-weight:600;min-width:130px}.narration-card{position:sticky;top:0}.narration-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.narration-head h3{margin:0}.btn{border:0;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:13px}.btn.play-all{background:var(--accent);color:#06121f}.btn.pause{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn.stop{background:var(--danger);color:#2a0808}.player-buttons{display:flex;gap:6px}.audio-progress{display:flex;align-items:center;gap:8px;margin-bottom:10px}.audio-progress input[type=range]{flex:1;accent-color:var(--accent);height:4px;cursor:pointer}.audio-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:32px}.audio-time:last-child{text-align:right}.section-play.paused{border-color:var(--accent);background:#4da3ff1f}.paused-tag{font-size:10px;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:0 5px;margin-left:6px;text-transform:uppercase;letter-spacing:.5px}.audio-error{background:#3a1d1d;border:1px solid var(--danger);color:#ffb9b9;border-radius:8px;padding:8px 12px;font-size:12.5px;margin-bottom:10px}.section-list{list-style:none;margin:0;padding:0}.section-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;margin-bottom:2px}.section-item.active{background:var(--panel-2)}.section-play{width:30px;height:30px;flex-shrink:0;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--accent);cursor:pointer;font-size:11px}.section-play:hover{border-color:var(--accent)}.section-title{flex:1;display:flex;align-items:baseline;gap:8px;background:transparent;border:0;color:var(--text);text-align:left;cursor:pointer;font-size:13px;padding:4px 0}.section-index{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.cache-dot{width:7px;height:7px;border-radius:50%;background:var(--border);flex-shrink:0}.cache-dot.ready{background:var(--accent-2)}.generating{color:var(--accent);font-size:12.5px;margin-top:8px;animation:pulse 1.2s infinite}.queue-note{color:var(--muted);font-size:12px;margin-top:8px}@keyframes pulse{50%{opacity:.45}}.transcript{max-height:46vh;overflow-y:auto;color:#cdd6e1}.transcript p{margin:0 0 12px}.transcript.gu{font-size:15px;line-height:1.75}.gate-screen{height:100%;display:grid;place-items:center;background:var(--bg)}.gate-card{display:flex;flex-direction:column;gap:14px;width:360px;max-width:calc(100vw - 32px);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:26px 24px}.gate-card input{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:14px}.gate-card input:focus{outline:none;border-color:var(--accent)}.gate-card .btn:disabled{opacity:.5;cursor:default}.gate-card .pw-error{margin-top:-6px}.pw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06090da6;display:grid;place-items:center;z-index:50}.pw-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;width:340px;max-width:calc(100vw - 32px)}.pw-modal h3{margin:0 0 4px;font-size:15px}.pw-sub{margin:0 0 12px;font-size:12.5px;color:var(--muted)}.pw-modal input{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 10px;font-size:13px}.pw-modal input:focus{outline:none;border-color:var(--accent)}.pw-error{color:var(--danger);font-size:12px;margin-top:6px}.pw-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.pw-actions .btn:disabled{opacity:.5;cursor:default}@media (max-width: 1100px){.columns{grid-template-columns:1fr}.narration-card{position:static}}