:root{--bg: #0c0f16;--panel: #141a26;--panel2: #1b2130;--line: #283143;--text: #e6ebf5;--muted: #8b97ad;--accent: #5b8cff;--accent2: #3ad29f;--rec: #ff4d5e;--amber: #f5b54a;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 10px;--sp-xs: 4px;--sp-sm: 6px;--sp-md: 8px;--sp-lg: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}#app{display:grid;grid-template-columns:320px minmax(0,1fr) 336px;grid-template-rows:minmax(46px,auto) minmax(0,1fr) 0px;grid-template-areas:"top top top" "left center right" "bottom bottom bottom";height:100vh}#app.tl-open{grid-template-rows:minmax(46px,auto) minmax(0,1fr) 244px}#topbar{grid-area:top;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.tb-group{display:flex;align-items:center;gap:6px}.tb-right{margin-left:auto}.tb-brand{font-size:14px;font-weight:600;letter-spacing:.3px;color:var(--text)}.tb-btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:6px 10px;font-size:12px;cursor:pointer}.tb-btn:hover{border-color:var(--accent)}.tb-btn:active{transform:scale(.98)}.tb-btn.primary:focus-visible{box-shadow:0 0 0 2px var(--accent)}.tb-btn.primary,.tb-btn.on{background:var(--accent);border-color:var(--accent);color:#07101f}.tb-btn.warn{border-color:var(--amber);color:var(--amber)}.rec-btn.rec{background:var(--rec);border-color:var(--rec);color:#fff}#projectName{min-width:140px;max-width:200px;flex:0 1 auto;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:5px 8px;font-size:12px}#savedList{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:5px 8px;font-size:12px;min-width:160px;max-width:220px;flex:0 1 auto}#topbar a#download{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#stage{grid-area:center;position:relative;min-width:0}#stage canvas{display:block;width:100%;height:100%}#cameraGate{position:absolute;border:1px dashed rgba(91,140,255,1);background:#5b8cff0a;box-shadow:0 0 0 1px #0006;pointer-events:none}#cameraGate span{position:absolute;top:4px;right:6px;font-size:10px;color:var(--accent);background:#0a0d148c;padding:1px 5px;border-radius:4px}#pipFrame{position:absolute;left:16px;bottom:16px;width:24%;aspect-ratio:16 / 9;border:1px solid var(--accent);border-radius:6px;overflow:hidden;box-shadow:0 6px 24px #00000073;pointer-events:none}#pipFrame.rec{border-color:var(--rec)}#pipFrame canvas{width:100%;height:100%;display:block}#pipFrame span{position:absolute;top:5px;left:7px;z-index:1;font-size:9px;letter-spacing:.5px;color:var(--accent);text-shadow:0 1px 2px #000}#pipFrame.rec span{color:var(--rec)}#viewHint{position:absolute;top:12px;left:14px;display:inline-flex;align-items:center;gap:var(--sp-sm);font-size:11px;color:var(--muted);background:#0a0d1480;padding:3px 8px;border-radius:var(--radius-md);pointer-events:auto}.view-hint-close{background:transparent;border:none;padding:0 0 0 2px;margin:0;font-size:11px;line-height:1;color:var(--muted);cursor:pointer}.view-hint-close:hover{color:var(--text)}#cameraGate.flash{animation:gate-flash .32s ease-out}@keyframes gate-flash{0%{border-color:var(--accent2);box-shadow:0 0 0 2px var(--accent2),0 0 18px #3ad29f8c}to{border-color:#5b8cff;box-shadow:0 0 0 1px #0006}}#cameraGate.auto-aligning{border-color:var(--accent2);border-style:solid;box-shadow:0 0 0 1px #3ad29f66,0 0 14px #3ad29f59;animation:gate-aligning 1.6s ease-in-out infinite}@keyframes gate-aligning{0%,to{box-shadow:0 0 0 1px #3ad29f4d,0 0 10px #3ad29f40}50%{box-shadow:0 0 0 1px #3ad29f8c,0 0 18px #3ad29f80}}.cam-quick{position:absolute;top:30px;right:14px;z-index:5;display:inline-flex;align-items:center;gap:var(--sp-xs);padding:var(--sp-xs) var(--sp-sm);background:#141a26d1;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 6px 20px #0006;backdrop-filter:blur(4px)}.cam-quick-btn{height:26px;min-width:26px;padding:0 var(--sp-sm);font-size:11px;line-height:1;border-radius:var(--radius-sm);background:var(--panel2);border:1px solid var(--line);color:var(--text);cursor:pointer}.cam-quick-btn:hover{border-color:var(--accent)}.cam-quick-btn.on{background:var(--accent);border-color:var(--accent);color:#07101f;font-weight:600}.cam-quick-sep{width:1px;align-self:stretch;margin:2px 1px;background:var(--line)}.gizmo-hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:3;pointer-events:none;font-size:11px;color:var(--muted);background:#0a0d146b;padding:4px 10px;border-radius:999px;opacity:.7;transition:opacity .2s ease}#stage.gizmo-on .gizmo-hint{opacity:0}.pip-toggle{position:absolute;top:4px;right:4px;z-index:2;pointer-events:auto;height:20px;width:20px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;border-radius:var(--radius-sm);background:#0a0d1499;border:1px solid var(--line);color:var(--muted);cursor:pointer}.pip-toggle:hover{color:var(--text);border-color:var(--accent)}#pipFrame.pip-collapsed{width:32px;aspect-ratio:1 / 1;background:#0a0d148c}#pipFrame.pip-collapsed canvas,#pipFrame.pip-collapsed>span{display:none}#timeline{grid-area:bottom;background:#0c1018fa;border-top:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;min-height:0}.tl-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.tl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);height:32px;white-space:nowrap;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:0 var(--sp-md);font-size:12px;line-height:1;cursor:pointer}.tl-btn:hover{border-color:var(--accent)}.tl-btn:disabled{opacity:.4;cursor:default}.tl-btn.tl-recording{background:var(--rec);border-color:var(--rec);color:#fff}.tl-zoomctl{display:inline-flex;align-items:center;gap:var(--sp-xs);height:32px}.tl-zoom-ic{font-size:13px;line-height:1}.tl-zoom-btn{height:24px;width:24px;padding:0;font-size:14px;font-weight:700}.tl-zoom-pct{min-width:38px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text)}.tl-num{height:32px;width:64px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:0 var(--sp-sm);font-size:12px;font-variant-numeric:tabular-nums}.tl-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sp-lg);background:#0609109e;backdrop-filter:blur(2px)}.tl-modal-panel{display:flex;flex-direction:column;width:min(720px,92vw);max-height:80vh;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 18px 56px #0009;overflow:hidden}.tl-modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--line)}.tl-modal-title{margin:0;font-size:15px;font-weight:600;color:var(--text)}.tl-modal-close{display:inline-flex;align-items:center;justify-content:center;height:28px;width:28px;background:var(--panel2);color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-md);font-size:13px;cursor:pointer}.tl-modal-close:hover{color:var(--text);border-color:var(--accent)}.tl-modal-body{overflow-y:auto;padding:var(--sp-lg)}.tl-modal-section+.tl-modal-section{margin-top:var(--sp-lg)}.tl-modal-subhead{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-sm)}.tl-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-md)}.tl-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-xs);text-align:left;padding:var(--sp-md);background:var(--panel2);color:var(--text);border:1px solid var(--line);border-top:3px solid var(--card-accent, var(--accent));border-radius:var(--radius-md);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.tl-card:hover{border-color:var(--accent);border-top-color:var(--card-accent, var(--accent));background:var(--panel);transform:translateY(-1px)}.tl-card-icon{font-size:22px;line-height:1}.tl-card-label{font-size:13px;font-weight:600}.tl-card-desc{font-size:11px;line-height:1.35;color:var(--muted)}.tl-time{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;color:var(--accent);min-width:42px}.tl-dim{font-size:11px;color:var(--muted)}.tl-sep{width:1px;align-self:stretch;background:var(--line);margin:2px}.tl-body{display:flex;flex:1;min-height:0}.tl-labels{width:78px;flex-shrink:0;border-right:1px solid var(--line);padding-top:18px}.tl-lane-label{display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:12px;color:var(--muted);border-bottom:1px solid rgba(40,49,67,.5)}.tl-tracks{position:relative;flex:1;overflow-x:auto;overflow-y:hidden}.tl-ruler{position:absolute;top:0;height:18px;right:0}.tl-tick{position:absolute;top:2px;font-size:9px;font-variant-numeric:tabular-nums;color:var(--muted);border-left:1px solid rgba(80,95,130,.4);padding-left:3px;height:100%;white-space:nowrap}.tl-lane{position:absolute;right:0;border-bottom:1px solid rgba(40,49,67,.5)}.tl-cue{position:absolute;top:4px;height:30px;border-radius:var(--radius-sm);color:#06101f;font-size:11px;font-weight:600;padding:4px 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:grab;user-select:none;box-shadow:0 1px 4px #0006}.tl-cue:hover{box-shadow:0 2px 8px #0000008c}.tl-cue.readonly{opacity:.8;border-left:3px solid var(--muted)}.tl-cue.sel{outline:2px solid #fff;box-shadow:0 0 0 2px var(--accent),0 1px 6px #00000080;z-index:5}.tl-handle{position:absolute;right:0;top:0;width:8px;height:100%;cursor:ew-resize;background:#00000040}.tl-playhead{position:absolute;top:0;bottom:0;width:3px;background:var(--rec);cursor:grab;pointer-events:auto;z-index:6}.tl-playhead.dragging{cursor:grabbing}.tl-playhead-grab{position:absolute;top:0;bottom:0;left:-7px;width:16px;cursor:inherit}.tl-snap-guide{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);opacity:.85;pointer-events:none;z-index:4}.panel{background:var(--panel);min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}#leftPanel{grid-area:left;border-right:1px solid var(--line)}#rightPanel{grid-area:right;border-left:1px solid var(--line)}.grp{border-bottom:1px solid var(--line);padding:12px 14px}.grp h2{margin:0 0 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.grp-grow{flex:1;min-height:120px;border-bottom:none}.badge{font-size:11px;color:var(--accent2);background:#3ad29f1f;border:1px solid rgba(58,210,159,.3);padding:2px 8px;border-radius:999px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--sp-sm)}.badge.success{color:var(--accent2);background:#3ad29f1f;border-color:#3ad29f4d}.badge.loading{color:var(--accent);background:#5b8cff1f;border-color:#5b8cff4d}.badge.error{color:var(--rec);background:#ff4d5e1f;border-color:#ff4d5e59}.badge.warning{color:var(--amber);background:#f5b54a1f;border-color:#f5b54a59}.badge.loading:after{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;animation:badge-pulse 1s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:.3}50%{opacity:1}}section{display:flex;flex-direction:column;gap:8px;flex-shrink:0}label{font-size:12px;color:var(--muted)}.mini{display:flex;align-items:center;gap:6px;font-size:11px}.hint{margin:0;font-size:10.5px;line-height:1.4;color:var(--muted)}input[type=text]{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:12px}textarea,select{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;resize:vertical}textarea#liveLine{resize:none}select{cursor:pointer}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.kokoro-prog{display:flex;align-items:center;gap:8px;margin:6px 0}.kokoro-prog progress{flex:1 1 auto;height:8px}.kokoro-consent{display:flex;flex-direction:column;gap:8px;margin:6px 0;padding:8px;border:1px solid var(--line, #333);border-radius:6px;background:#7f7f7f14}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}button,.filebtn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font:inherit;font-size:13px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}button:hover:not(:disabled),.filebtn:hover{border-color:var(--accent)}button:disabled{color:var(--muted);background:#0003;border-color:#28314399;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,.filebtn:focus-visible,.tb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:#07101f;font-weight:600}button.rec{background:var(--rec);border-color:var(--rec);color:#fff}a#download{display:block;text-align:center;color:var(--accent2);text-decoration:none;border:1px solid rgba(58,210,159,.3);border-radius:8px;padding:9px 12px;font-size:13px}#log{margin:0;flex:1;min-height:90px;max-height:150px;background:#0a0d14;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:11px;line-height:1.5;color:var(--muted);overflow-y:auto;white-space:pre-wrap}input[type=range]{width:100%;min-width:0;margin:0;accent-color:var(--accent)}.mini{min-width:0}.mini input[type=range]{flex:1}.slider-value{flex:0 0 auto;min-width:30px;text-align:right;font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--muted)}.script-edit{position:relative}.script-edit #script,.script-edit #scriptHL{margin:0;width:100%;min-height:calc(10.5em + 18px);padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.5;letter-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:4}.script-edit #scriptHL{position:absolute;inset:0;z-index:0;margin:0;overflow:hidden;color:var(--text);background:var(--panel2);pointer-events:none}.script-edit #script{position:relative;z-index:1;display:block;color:transparent;background:transparent;caret-color:var(--text);resize:vertical}.script-hl .tok{border-radius:3px}.script-hl .tok-emotion{color:var(--amber);font-weight:600}.script-hl .tok-gesture{color:var(--accent2);font-weight:600}.script-hl .tok-unknown{color:var(--rec);font-weight:600;text-decoration:underline dotted;text-underline-offset:2px}.script-toolbar{display:flex;flex-direction:column;gap:var(--sp-sm)}.chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-xs)}.chip-cap{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-right:var(--sp-xs);min-width:52px}.chip{padding:2px 8px;font-size:11px;line-height:1.6;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;transition:border-color .12s,background .12s}.chip:hover{border-color:var(--accent)}.chip-emotion{border-color:#f5b54a66;color:var(--amber)}.chip-emotion:hover{border-color:var(--amber);background:#f5b54a1f}.chip-gesture{border-color:#3ad29f66;color:var(--accent2)}.chip-gesture:hover{border-color:var(--accent2);background:#3ad29f1f}.script-actions{display:flex;align-items:center;gap:var(--sp-sm)}.script-valid{flex:1;text-align:left;padding:4px 8px;font-size:11px;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--panel2);cursor:pointer}.script-valid.ok{color:var(--accent2);border-color:#3ad29f59}.script-valid.warn{color:var(--amber);border-color:#f5b54a66}.script-fmt{flex:0 0 auto;padding:4px 10px;font-size:11px;border-radius:var(--radius-md)}.voice-mgr-list{display:flex;flex-direction:column;gap:var(--sp-sm)}.voice-row{display:flex;flex-direction:column;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius-md)}.voice-row-main{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm)}.voice-row-label{font-size:12px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-row-meta{font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}.voice-row-actions{display:flex;gap:var(--sp-sm)}.voice-btn{flex:1;padding:5px 8px;font-size:11px;border-radius:var(--radius-sm)}.voice-btn.danger{color:var(--rec);border-color:#ff4d5e59}.voice-btn.danger:hover:not(:disabled){border-color:var(--rec);background:#ff4d5e1f}.panel .grp>h2{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;user-select:none}.panel .grp>h2:hover{background:#5b8cff14;border-radius:4px}.panel .grp>h2:after{content:"▾";font-size:9px;color:var(--muted)}.panel .grp.collapsed>h2:after{content:"▸"}.panel .grp.collapsed>:not(h2){display:none!important}.panel .grp.collapsed{flex:0 0 auto;min-height:0}.panel .grp.collapsed>h2{margin-bottom:0}