:root{color-scheme:dark;--bg: #12141a;--bg-elev: #1a1d26;--bg-hover: #232734;--line: #2c3140;--text: #e8e6df;--muted: #9a9488;--accent: #e0b34a;--accent-dim: #8a6d24;--danger: #d36b6b;--ok: #7cb87c;--radius: 10px;font-family:Segoe UI,PT Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--accent);color:#1a1408;border:0;border-radius:8px;padding:.45rem .9rem;cursor:pointer;font-weight:600}button.secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--line)}button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:#101218;border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem;width:100%}textarea{min-height:90px;resize:vertical}label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:.25rem}.field{margin-bottom:.85rem}.topbar{display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;border-bottom:1px solid var(--line);background:var(--bg-elev)}.brand{font-weight:700;letter-spacing:.04em;color:var(--accent)}.brand:hover{text-decoration:none}.spacer{flex:1}.muted{color:var(--muted)}.page{max-width:1100px;margin:0 auto;padding:1.4rem 1.2rem 3rem}.page.wide{max-width:1280px}h1{font-size:1.4rem;font-weight:650;margin:0 0 1rem}h2{font-size:1.05rem;margin:0 0 .7rem}.editor-page{height:calc(100vh - 56px);display:flex;flex-direction:column;min-height:0}.editor-crumb{padding:.45rem 1.1rem;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--muted);flex:0 0 auto}.editor-shell{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.editor-left{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line)}.editor-left-top{overflow-y:auto;padding:.9rem 1.1rem;flex:0 1 auto;max-height:48%}.editor-timeline{flex:1;min-height:200px;display:flex;flex-direction:column;padding:.7rem 1.1rem 1rem;border-top:1px solid var(--line);background:#14171f}.editor-right{overflow-y:auto;padding:.9rem 1.1rem 1.4rem;min-height:0}.tl-scroll{flex:1;min-height:188px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:8px;background:#101218}.tl-inner{position:relative;width:max-content;min-width:100%}.tl-ruler{position:relative;height:16px;margin:8px 16px 0;border-radius:8px;background:#1a1e28;cursor:ew-resize;touch-action:none}.tl-ruler-fill{position:absolute;top:0;left:0;bottom:0;background:var(--accent-dim);border-radius:8px 0 0 8px;pointer-events:none}.tl-ruler-thumb{position:absolute;top:-3px;width:10px;height:22px;margin-left:-5px;border-radius:3px;background:var(--accent);pointer-events:none}.tl-playhead{position:absolute;top:6px;bottom:28px;width:2px;margin-left:-1px;background:#f2d27a;box-shadow:0 0 0 1px #00000059;pointer-events:none;z-index:6}.tl-track{display:flex;align-items:stretch;min-height:168px;padding:10px 16px 32px;width:max-content}.tl-unit{display:flex;align-items:stretch}.tl-clip{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--accent-dim);border-radius:0;overflow:hidden;flex:0 0 auto;margin-right:-1px}.tl-clip.dragging{opacity:.7;z-index:5}.tl-clip.silence{border-color:#4a5160;background:#161920}.tl-clip-bar{display:flex;align-items:center;gap:6px;padding:3px 6px;background:#1c2030;font-size:.72rem;color:var(--muted)}.tl-clip.silence .tl-clip-bar{background:#1a1e28}.tl-clip-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-clip-x{background:transparent;color:var(--danger);border:0;padding:0 4px;font-size:1rem;line-height:1}.tl-clip-body{position:relative;flex:1;min-height:96px}.clip-wave{display:block;width:100%;height:96px}.clip-silence{background:repeating-linear-gradient(-45deg,#151820,#151820 5px,#1e2330 5px 10px)}.tl-handle{position:absolute;top:0;bottom:0;width:8px;z-index:2;cursor:ew-resize;background:#e0b34a2e}.tl-handle.left{left:0}.tl-handle.right{right:0}.tl-handle:hover{background:#e0b34a73}.tl-joint{position:relative;width:0;flex:0 0 0;z-index:4}.tl-add{position:absolute;left:-11px;bottom:-24px;width:22px;height:22px;border-radius:50%;padding:0;border:1px solid var(--line);background:#1c2030;color:var(--text);font-size:.95rem;line-height:20px;cursor:pointer}.tl-add:hover{border-color:var(--accent);color:var(--accent);background:#252a3a}.tl-transport{display:flex;align-items:center;gap:.6rem;margin-top:10px;flex-wrap:wrap}.tl-clock{font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--muted);min-width:7.8rem}.tl-seek{flex:1;min-width:140px;height:6px;accent-color:var(--accent);cursor:pointer}.tl-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto;vertical-align:-1px;margin-right:2px}@media(max-width:900px){.editor-shell{grid-template-columns:1fr}.editor-left{border-right:0;max-height:55vh}.editor-right{max-height:45vh}}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:.9rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.card:hover{border-color:var(--accent-dim)}.card h3{margin:0 0 .35rem;font-size:1rem}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-weight:500;font-size:.8rem}.error{color:var(--danger);font-size:.9rem;margin:.4rem 0}.ok{color:var(--ok)}.auth-box{max-width:380px;margin:12vh auto;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:1.6rem}.tabs{display:flex;gap:.4rem}.tabs a{padding:.25rem .7rem;border-radius:999px;color:var(--muted)}.tabs a.active{background:var(--bg-hover);color:var(--text);text-decoration:none}.voice-list{display:grid;gap:.6rem;margin-top:.7rem}.voice-item{display:grid;grid-template-columns:1fr auto auto;gap:.6rem;align-items:center;background:#101218;border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem}.voice-item.selected{border-color:var(--accent)}.voice-item p{margin:.2rem 0 0;font-size:.82rem;color:var(--muted)}.waveform{background:#0d0f14;border-radius:8px;padding:.4rem}.take{border:1px solid var(--line);border-radius:var(--radius);padding:.8rem;background:var(--bg-elev);margin-bottom:.8rem}.take-meta{font-size:.8rem;color:var(--muted);margin-bottom:.4rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.timeline-item{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem;margin-bottom:.5rem}.drag{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none}.pause-field{width:110px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.small{font-size:.82rem}.advanced{margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--line)}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}@media(max-width:720px){.cols-2,.voice-item{grid-template-columns:1fr}}