*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#0f1115;color:#e6e8eb}.container{max-width:900px;margin:0 auto;padding:2rem 1rem}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #262a33;padding-bottom:1rem;margin-bottom:2rem}h1{font-size:1.4rem;margin:0;letter-spacing:.5px}button{background:#2563eb;color:#fff;border:0;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.95rem}button:hover{background:#1d4ed8}button.ghost{background:transparent;border:1px solid #3a3f4b}input{background:#161a22;color:#e6e8eb;border:1px solid #3a3f4b;padding:.55rem .75rem;border-radius:6px;width:100%;font-size:.95rem}.card{background:#161a22;border:1px solid #262a33;border-radius:10px;padding:1rem 1.25rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.state-cell{flex:0 0 190px;display:flex;justify-content:flex-start;align-items:center;gap:.5rem;min-width:0}.state-cell .progressbar{width:110px}.drop{border:2px dashed #3a3f4b;border-radius:10px;padding:3rem 1rem;text-align:center;color:#9aa1ad;margin-bottom:1.5rem;cursor:pointer;transition:border-color .15s}.drop.hot{border-color:#2563eb;color:#93c5fd}.badge{font-size:.75rem;padding:.2rem .6rem;border-radius:999px}.badge.done{background:#052e16;color:#4ade80;border:1px solid #14532d}.badge.working{background:#1e3a8a;color:#93c5fd;border:1px solid #1e40af}.badge.failed{background:#450a0a;color:#f87171;border:1px solid #7f1d1d}.muted{color:#9aa1ad;font-size:.85rem}.progressbar{height:6px;background:#262a33;border-radius:3px;width:180px;overflow:hidden}.progressbar>div{height:100%;background:#2563eb;transition:width .5s}.container.wide{max-width:1400px}.player-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,480px);gap:1.5rem;align-items:start}@media(max-width:900px){.player-grid{grid-template-columns:1fr}}.segments-pane{position:sticky;top:1rem;display:flex;flex-direction:column;max-height:calc(100vh - 2rem)}.searchbar{display:flex;gap:.5rem;margin-bottom:.75rem}.segment-list{overflow-y:auto;flex:1;border:1px solid #262a33;border-radius:10px;background:#12151c}.segment{display:flex;gap:.6rem;align-items:baseline;padding:.45rem .75rem;border-bottom:1px solid #1c2029;cursor:pointer;transition:background .1s}.segment:hover{background:#1a1f29}.segment.active{background:#172554;box-shadow:inset 3px 0 #3b82f6}.segment.match{background:#1d2b17}.segment.match .text{outline:1px solid #4ade80;border-radius:3px}.segment.dimmed{opacity:.35}.segment .ts{color:#64748b;font-family:ui-monospace,monospace;font-size:.75rem;flex-shrink:0}.segment .speaker{color:#93c5fd;font-size:.8rem;flex-shrink:0}.segment .text{font-size:.92rem;line-height:1.35}.segment .editbox{display:flex;gap:.4rem;flex:1;align-items:center}.segment .editbox input{flex:1;padding:.3rem .5rem;font-size:.9rem}.exportrow{display:flex;gap:.4rem;align-items:center;margin-top:.75rem}.exportrow button{padding:.3rem .7rem;font-size:.8rem}.searchbar input{width:100%}.muted b{color:#93c5fd;font-weight:600}header input.gsearch-input{margin:0}header{gap:1rem}.gheadline b{color:#93c5fd}button.ghost.del{border-color:#7f1d1d;color:#f87171;padding:.3rem .55rem}button.ghost.del:hover{background:#450a0a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#161a22;border:1px solid #3a3f4b;border-radius:12px;padding:1.5rem;max-width:440px;width:calc(100% - 2rem);box-shadow:0 10px 40px #00000080}.modal h3{margin:0 0 .5rem}button.danger{background:#dc2626}button.danger:hover{background:#b91c1c}button.danger:disabled{opacity:.6;cursor:wait}.verror{margin-top:.35rem;font-size:.82rem;color:#fca5a5;background:#450a0a;border:1px solid #7f1d1d;border-radius:6px;padding:.4rem .6rem;max-width:520px}.jobstrip{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;padding:.5rem .75rem;background:#161a22;border:1px solid #262a33;border-radius:8px;flex-wrap:wrap}.jobstrip .progressbar{width:220px}button.ghost.sm{padding:.25rem .55rem;font-size:.78rem}button.ghost.sm.stop{border-color:#7f1d1d;color:#f87171}button.ghost.sm.stop:hover{background:#450a0a}.badge.cancelled{background:#3b2f0b;color:#fbbf24;border:1px solid #78350f}.verror-inline{font-size:.8rem;color:#fca5a5;max-width:520px}.video-row{gap:.9rem}.thumb{width:96px;height:54px;object-fit:cover;border-radius:6px;background:#0a0c10;border:1px solid #262a33;flex-shrink:0}.thumb-placeholder{display:flex;align-items:center;justify-content:center;color:#3a3f4b;font-size:.9rem}button.redo{margin-top:.6rem;width:100%;padding:.7rem 1rem;font-size:1rem;background:#1e3a8a;border:1px solid #1e40af}button.redo:hover{background:#1d4ed8}button.redo:disabled{opacity:.6;cursor:wait}button.sharebtn{padding:.7rem 1.1rem;font-size:.95rem}.share-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .25rem;border-bottom:1px solid #1c2029}.share-row code{background:#0a0c10;padding:.25rem .4rem;border-radius:4px}.share-select{background:#161a22;color:#e6e8eb;border:1px solid #3a3f4b;padding:.45rem .5rem;border-radius:6px;font-size:.9rem}.sharebar{display:flex;gap:.5rem;margin-bottom:.75rem}.sharebar input{flex:1}.share-fulltext{background:#161a22;border:1px solid #262a33;border-radius:8px;padding:.6rem .9rem;margin-bottom:.75rem}.share-fulltext summary{cursor:pointer}.share-page{max-width:1000px}.share-page{max-width:1400px}.share-page .segments-pane{position:sticky;top:1rem;display:flex;flex-direction:column;max-height:calc(100vh - 6rem)}.share-page .segment-list{flex:1;border:1px solid #262a33;border-radius:10px;background:#12151c;overflow-y:auto}.share-page .segment{cursor:pointer}button.share-big{flex:1;padding:.85rem 1.2rem;font-size:1.15rem;font-weight:600;background:#1d4ed8}button.share-big:hover{background:#2563eb}.menu-wrap{position:relative;display:inline-block}button.sharebig-ghost{width:46px;font-size:1.2rem}.menu-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:50;background:#161a22;border:1px solid #3a3f4b;border-radius:8px;min-width:220px;padding:.35rem;box-shadow:0 8px 30px #00000080;display:flex;flex-direction:column}.menu-item{background:transparent;text-align:left;padding:.5rem .7rem;font-size:.92rem;border-radius:6px;color:#e6e8eb}.menu-item:hover{background:#1d4ed8}.menu-sep{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#64748b;padding:.4rem .7rem .15rem}.video-page-actions{display:flex;gap:.6rem;margin-top:.6rem;align-items:stretch}.menu-wrap{display:flex;align-items:stretch}button.sharebig-ghost{width:52px;font-size:1.25rem;height:100%;display:flex;align-items:center;justify-content:center;padding:0}.menu-item.danger{color:#f87171;border-left:3px solid #7f1d1d;border-radius:0 6px 6px 0;margin-top:.2rem}.menu-item.danger:hover{background:#450a0a}.toast-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);background:#052e16;color:#4ade80;border:1px solid #14532d;padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:600;z-index:200;box-shadow:0 6px 24px #00000080;animation:toastIn .25s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.share-dl-list{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.6rem}.share-dl-list .muted{font-size:.8rem;margin-right:.2rem}button.ghost.sm{padding:.3rem .65rem;font-size:.8rem}.rename-row{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid #1c2029}.rename-row code{background:#0a0c10;padding:.3rem .5rem;border-radius:4px;min-width:92px}.rename-row input{width:180px;padding:.35rem .55rem}.spk-toggle{display:inline-flex;align-items:center;gap:.45rem;margin:-.5rem 0 .75rem;font-size:.82rem;color:#9aa1ad;cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.spk-toggle input{width:auto;accent-color:#2563eb;cursor:pointer}.beta-tag{background:#3b2f0b;color:#fbbf24;border:1px solid #78350f;font-size:.62rem;font-weight:700;letter-spacing:.5px;padding:.05rem .4rem;border-radius:999px;text-transform:uppercase}.thumb-placeholder{display:flex;align-items:center;justify-content:center;font-size:.72rem;letter-spacing:1px;text-transform:uppercase;color:#6b7280}.gsearch-wrap{position:relative;display:inline-flex;align-items:center}.gsearch-icon{position:absolute;left:10px;color:#6b7280;pointer-events:none}.gsearch-input{padding-left:30px!important}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid #262a33;background:#0d0f14}.topbar-inner{width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem}.topbar-inner h1{line-height:1}header.topbar h1{font-size:1.4rem;margin:0;letter-spacing:.5px}