*,*:before,*:after{box-sizing:border-box;margin:0}:root{--bg: #16181d;--bg-panel: #1d2026;--bg-raised: #23262e;--bg-hover: #2a2e37;--border: #32363f;--text: #e6e8ec;--text-dim: #9aa0ab;--text-faint: #6b7280;--accent: #5b8def;--accent-hover: #6f9cf2;--green: #4fc07a;--amber: #e0a33d;--red: #e05d5d;--radius: 8px;font-size:14px}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none}textarea,input{-webkit-user-select:text;user-select:text}button{font:inherit;color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:var(--bg-hover)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{color:var(--red)}button.ghost{background:transparent;border-color:transparent;padding:3px 6px}button.ghost:hover:not(:disabled){background:var(--bg-hover)}input[type=text],input[type=password],input[type=number],textarea,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:5px 8px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}.app{display:flex;flex-direction:column;height:100%}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:280px;min-width:280px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.main-pane{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.topbar .brand{font-weight:700;letter-spacing:.5px;color:var(--accent);margin-right:4px}.topbar input.project-name{width:200px;background:transparent;border-color:transparent;font-weight:600}.topbar input.project-name:hover,.topbar input.project-name:focus{border-color:var(--border);background:var(--bg)}.topbar .spacer{flex:1}.quota{display:flex;flex-direction:column;gap:3px;min-width:190px}.quota .quota-label{font-size:11.5px;color:var(--text-dim);display:flex;justify-content:space-between;gap:8px}.quota .bar{height:5px;border-radius:3px;background:var(--bg);overflow:hidden;border:1px solid var(--border)}.quota .bar>div{height:100%;background:var(--green)}.quota .bar>div.warn{background:var(--amber)}.quota .bar>div.crit{background:var(--red)}.dirty-dot{color:var(--amber);font-size:18px;line-height:1}.side-block{padding:12px;border-bottom:1px solid var(--border)}.side-block h3{font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-faint);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.section-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius);cursor:pointer;color:var(--text-dim)}.section-item:hover{background:var(--bg-hover)}.section-item.active{background:var(--bg-raised);color:var(--text)}.section-item .sec-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-item .sec-meta{font-size:11px;color:var(--text-faint)}.section-item .row-actions{display:none;gap:2px}.section-item:hover .row-actions{display:flex}.speaker-row{display:flex;flex-direction:column;gap:4px;padding:7px 0;border-bottom:1px solid var(--border)}.speaker-row:last-child{border-bottom:none}.speaker-head{display:flex;align-items:center;gap:6px}.speaker-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.speaker-head input{flex:1;min-width:0;background:transparent;border-color:transparent;padding:2px 6px}.speaker-head input:hover,.speaker-head input:focus{border-color:var(--border);background:var(--bg)}.speaker-voice{display:flex;gap:4px;align-items:center}.speaker-voice select{flex:1;min-width:0}.section-editor{flex:1;overflow-y:auto;padding:16px 20px 120px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.section-header input.section-name{font-size:17px;font-weight:650;background:transparent;border-color:transparent;min-width:220px}.section-header input.section-name:hover,.section-header input.section-name:focus{border-color:var(--border);background:var(--bg)}.section-header .sec-stats{color:var(--text-faint);font-size:12.5px}.item-row{display:flex;gap:10px;padding:8px;border-radius:var(--radius);border:1px solid transparent;position:relative}.item-row:hover{background:var(--bg-panel)}.item-row.playing{border-color:var(--accent);background:var(--bg-panel)}.item-row.generating{border-color:var(--amber)}.line-left{display:flex;flex-direction:column;gap:4px;width:150px;min-width:150px}.line-left select{width:100%}.line-badges{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-faint)}.status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.status-generated{background:var(--green)}.status-stale{background:var(--amber)}.status-not-generated{background:var(--text-faint)}.status-no-voice,.status-empty{background:transparent;border:1px solid var(--red)}.line-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.line-mid textarea{width:100%;resize:none;line-height:1.45;min-height:34px;overflow:hidden}.line-error{color:var(--red);font-size:12px}.line-actions{display:flex;flex-direction:column;gap:3px;opacity:.25}.item-row:hover .line-actions,.item-row.playing .line-actions,.item-row.generating .line-actions{opacity:1}.line-actions .row{display:flex;gap:3px}.line-details{margin:2px 0 6px 168px;padding:10px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;max-width:640px}.line-details .field{display:flex;align-items:center;gap:10px}.line-details .field label{width:120px;color:var(--text-dim);font-size:12.5px}.line-details .field input[type=range]{flex:1}.line-details .field .val{width:40px;text-align:right;color:var(--text-dim);font-size:12px}.clip-row-body{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.clip-icon{font-size:16px}.clip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-meta{color:var(--text-faint);font-size:12px}.add-row{display:flex;gap:8px;margin-top:12px}.empty-hint{color:var(--text-faint);text-align:center;padding:60px 20px;line-height:1.7}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:min(760px,calc(100vw - 60px));max-height:calc(100vh - 80px);display:flex;flex-direction:column;box-shadow:0 18px 50px #00000080}.modal.wide{width:min(980px,calc(100vw - 60px))}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);font-weight:650;font-size:15px}.modal-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}.form-row{display:flex;align-items:center;gap:10px}.form-row label{width:160px;color:var(--text-dim);flex-shrink:0}.form-row input[type=text],.form-row input[type=password],.form-row select{flex:1;min-width:0}.hint{color:var(--text-faint);font-size:12.5px;line-height:1.5}.warn-text{color:var(--amber);font-size:12.5px}.error-text{color:var(--red);font-size:12.5px}.ok-text{color:var(--green);font-size:12.5px}.import-paste{width:100%;height:220px;resize:vertical;font-family:ui-monospace,Cascadia Code,monospace;font-size:12.5px}.map-table{width:100%;border-collapse:collapse}.map-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);padding:6px 8px;border-bottom:1px solid var(--border)}.map-table td{padding:7px 8px;border-bottom:1px solid var(--border);vertical-align:middle}.map-table input,.map-table select{width:100%}.match-badge{font-size:11px;border-radius:10px;padding:1px 8px;white-space:nowrap}.match-good{background:#4fc07a26;color:var(--green)}.match-weak{background:#e0a33d26;color:var(--amber)}.match-none{background:#6b728033;color:var(--text-dim)}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;padding:10px 18px;box-shadow:0 8px 30px #00000073;z-index:100;max-width:70vw}.gen-progress{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-dim)}.gen-progress .bar{width:120px;height:5px;background:var(--bg);border:1px solid var(--border);border-radius:3px;overflow:hidden}.gen-progress .bar>div{height:100%;background:var(--accent);transition:width .2s}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:var(--text-dim)}.welcome h2{color:var(--text)}.welcome .actions{display:flex;gap:10px}.recent-list{display:flex;flex-direction:column;gap:4px;max-width:480px}.recent-list button{text-align:left;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;color:var(--text-dim)}