:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1f232c;--line:#2b303b;--text:#e8eaef;--muted:#8f97a6;--accent:#f5b942;--accent-ink:#1a1405;--danger:#ef6b6b;--ok:#5fcf8f;--warn:#f0a24a;--quote:#7aa7ff;--broll:#5fcf8f;--turning:#ff7ab6;--radius:10px;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#eef0f4;--line:#d9dde5;--text:#161a22;--muted:#5d6676;--accent:#c98a0b;--accent-ink:#fff;--quote:#2f63d6;--broll:#17914f;--turning:#c72e78;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;max-width:1440px;min-height:100vh;margin:0 auto;padding:0 16px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0 12px;display:flex}.topbar h1{letter-spacing:-.01em;margin:0;font-size:1.25rem}.topbar h1 span{color:var(--accent)}.topbar__tag{color:var(--muted);margin:0;font-size:.85rem}.btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 12px}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.tagbtn:focus-visible,.link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn--ghost{background:0 0}.btn--danger{color:var(--danger)}.btn--small{padding:4px 9px;font-size:.82rem}.btn--icon{min-width:44px;font-family:var(--mono);font-size:.85rem}.btn--play{background:var(--text);min-width:56px;color:var(--bg);border-color:var(--text);font-size:1rem}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}kbd{font-family:var(--mono);border:1px solid var(--line);background:var(--surface-2);border-bottom-width:2px;border-radius:4px;margin:0 1px;padding:0 5px;font-size:.75em}.tc{font-family:var(--mono);font-variant-numeric:tabular-nums}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;padding:56px 20px;transition:border-color .15s,background .15s}.dropzone.is-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.dropzone__icon{width:44px;height:44px;color:var(--accent)}.dropzone__title{margin:8px 0 4px;font-size:1.15rem;font-weight:600}.dropzone__hint{color:var(--muted);margin:0}.dropzone__error{color:var(--danger);margin:8px 0 0}.dropzone--compact{text-align:left;border-style:solid;border-width:1px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.dropzone--compact .dropzone__error{margin:0}.dropzone__file{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.intro{width:100%;max-width:720px;margin:6vh auto 0}.intro__steps{color:var(--muted);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:20px 0 0;padding:0;font-size:.9rem;list-style:none;display:grid}.intro__steps b{color:var(--text)}.workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;padding-bottom:16px;display:grid}.workspace__main,.workspace__side{gap:12px;min-width:0;display:grid}@media (min-width:1000px){.workspace{grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr)}.workspace__side{grid-template-rows:minmax(160px,1fr) auto;max-height:calc(100vh - 24px);position:sticky;top:12px}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:12px 14px}.panel__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.panel__head h2{margin:0;font-size:.95rem}.count{color:var(--muted);margin-left:4px;font-weight:400}.empty{color:var(--muted);margin:0;font-size:.9rem}.warn{color:var(--warn);margin:8px 0 0;font-size:.85rem}.player{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.player__stage{aspect-ratio:16/9;background:#000;position:relative}.player__stage video{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.player__error{text-align:center;color:#fff;background:#000000bf;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.player__scrub{width:100%;accent-color:var(--accent);height:22px;margin:0;display:block}.player__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px 10px;display:flex}.player__buttons{gap:6px;display:flex}.player__readout{align-items:baseline;gap:6px;display:flex}.tc--big{color:var(--accent);font-size:1.15rem}.tc--dim{color:var(--muted);font-size:.85rem}.player__speed select,.source__opts select,.export__opts select,.export__opts input,.source__opts input[type=text],.tagbar__handles input,.marker__note{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;min-width:0;padding:5px 8px}.tagbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tagbar__buttons{flex:420px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tagbtn{--c:var(--accent);border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--c) 55%, transparent);background:color-mix(in srgb, var(--c) 14%, var(--surface));color:var(--c);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:14px 10px;font-weight:650;transition:transform 80ms,background .15s;display:flex}.tagbtn:hover:not(:disabled){background:color-mix(in srgb, var(--c) 24%, var(--surface))}.tagbtn:active:not(:disabled),.tagbtn.is-flash{background:color-mix(in srgb, var(--c) 40%, var(--surface));transform:scale(.97)}.tagbtn:disabled{opacity:.4;cursor:not-allowed}.tagbtn kbd{color:var(--muted)}.tag--quote{--c:var(--quote)}.tag--broll{--c:var(--broll)}.tag--turning-point{--c:var(--turning)}.tagbar__handles{color:var(--muted);gap:12px;font-size:.85rem;display:flex}.tagbar__handles label{align-items:center;gap:6px;display:flex}.tagbar__handles input{width:64px}.source__opts,.export__opts{color:var(--muted);flex-wrap:wrap;gap:10px 16px;font-size:.85rem;display:flex}.source__opts label,.export__opts label{align-items:center;gap:6px;display:flex}.source__opts .tc,.export__opts .tc{width:120px}.is-disabled{opacity:.5}.is-invalid{border-color:var(--danger)!important}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.75rem}.badge--ok{color:var(--ok)}.badge--warn{color:var(--warn)}.badge--busy{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.markers{flex-direction:column;min-height:0;display:flex}.markers__list{gap:6px;max-height:50vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}@media (min-width:1000px){.markers__list{max-height:none}}.marker{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:6px;padding:7px 8px;display:grid}.marker.is-active{border-color:var(--accent)}.marker__row{align-items:center;gap:6px;min-width:0;font-size:.85rem;display:flex}.marker__num{color:var(--muted);font-family:var(--mono);width:18px;font-size:.75rem}.marker__tag{color:var(--c,var(--accent));border:1px solid color-mix(in srgb, var(--c,var(--accent)) 50%, transparent);background:0 0;border-radius:999px;padding:1px 6px;font-size:.78rem;font-weight:600}.marker__jump{cursor:pointer;background:0 0;border:0;padding:0;font-size:.82rem}.marker__jump:hover{color:var(--accent);text-decoration:underline}.marker__arrow{color:var(--muted)}.marker__dur{color:var(--muted);font-family:var(--mono);margin-left:auto;font-size:.78rem}.marker__note{flex:1;font-size:.85rem}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:5px 10px;font-size:.8rem}.seg button.is-on{background:var(--surface-2);color:var(--text)}.export__out{resize:vertical;width:100%;height:28vh;min-height:180px;font-family:var(--mono);background:var(--bg);border:1px solid var(--line);white-space:pre;border-radius:8px;margin-top:10px;padding:10px;font-size:.75rem;line-height:1.5;display:block}.export__actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.footer{color:var(--muted);text-align:center;margin-top:auto;padding:16px 0;font-size:.8rem}@media (max-width:560px){.tagbtn{flex-direction:column;gap:2px;padding:12px 4px;font-size:.85rem}.player__controls{justify-content:center}.marker__row{flex-wrap:wrap}.marker__note{flex-basis:100%}.footer{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}