:root{--bg: #0f1115;--card: #171a21;--line: #262b36;--text: #e8eaed;--muted: #9aa3b2;--accent: #e5484d;--accent2: #3b82f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{max-width:820px;margin:0 auto;padding:32px 20px 64px}header h1{margin:0 0 4px;font-size:26px}.sub{margin:0 0 24px;color:var(--muted)}.error{background:#3a1416;border:1px solid #7f1d1d;color:#fecaca;padding:12px 14px;border-radius:10px;margin-bottom:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px;cursor:pointer}.row input{width:18px;height:18px;accent-color:var(--accent2)}.row em{color:var(--muted);font-style:normal;font-size:13px}.field{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-label{color:var(--muted)}.seg{display:inline-flex;gap:6px}.seg button{background:#10131a;border:1px solid var(--line);color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px}.seg button.on{border-color:var(--accent2);background:#16233d}.seg.small button{padding:6px 10px}.rec-btn{margin-top:18px;width:100%;background:var(--accent);color:#fff;border:0;padding:16px;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer}.rec-btn:disabled{opacity:.6;cursor:default}.hint{color:var(--muted);font-size:13px;margin-top:12px}.live{display:flex;flex-direction:column;gap:14px;align-items:center}.timer{font-size:22px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.timer.paused{color:var(--muted)}.canvas-host{width:100%;background:#000;border-radius:10px;min-height:120px}.live-stage{position:relative;width:100%}.live-video{width:100%;background:#000;border-radius:10px;display:block;min-height:120px}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:110px;font-weight:800;color:#fff;background:#00000073;border-radius:10px;text-shadow:0 4px 24px rgba(0,0,0,.6)}select{background:#10131a;border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:8px;max-width:320px;font-size:14px}.linkbtn{background:none;border:none;color:var(--accent2);cursor:pointer;padding:0;font-size:13px;text-align:left}.quick{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.controls button,.controls a{border:1px solid var(--line);background:#10131a;color:var(--text);padding:12px 18px;border-radius:10px;cursor:pointer;font-size:15px;text-decoration:none;display:inline-block}.controls .stop{background:var(--accent);border-color:var(--accent);color:#fff}.controls .download{background:var(--accent2);border-color:var(--accent2);color:#fff;font-weight:600}.controls .ghost{background:transparent;color:var(--muted)}.warn{background:#3a2e12;border:1px solid #7c5e1a;color:#fde68a;padding:8px 12px;border-radius:8px;font-size:13px;max-width:520px;text-align:center}.processing{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;padding:24px 0}.bar{width:100%;height:14px;background:#10131a;border:1px solid var(--line);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--accent2);transition:width .2s ease}.result{display:flex;flex-direction:column;gap:14px}.duration{margin:0;color:var(--muted);font-variant-numeric:tabular-nums}.trim{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.trim-head{display:flex;justify-content:space-between;align-items:center}.trim-range{color:var(--muted);font-variant-numeric:tabular-nums}.trim-row{display:flex;align-items:center;gap:12px}.trim-row span{width:52px;color:var(--muted);font-size:14px}.trim-row input[type=range]{flex:1;accent-color:var(--accent2)}.trim-actions{display:flex;gap:10px;margin-top:4px}.trim-actions button{border:1px solid var(--line);background:#10131a;color:var(--text);padding:10px 16px;border-radius:10px;cursor:pointer;font-size:14px}.trim-actions button:disabled{opacity:.5;cursor:default}.trim-actions .ghost{background:transparent;color:var(--muted)}.publish{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.publish h3{margin:0;font-size:16px}.title-input{background:#10131a;border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:8px;font-size:15px}.linkbox{display:flex;gap:8px;flex-wrap:wrap}.linkbox input{flex:1;min-width:200px;background:#10131a;border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:8px;font-size:14px}.linkbox button,.linkbox .open{border:1px solid var(--line);background:#10131a;color:var(--text);padding:10px 16px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block}.linkbox .open{background:var(--accent2);border-color:var(--accent2);color:#fff}.err-text{color:#fca5a5;font-size:14px;margin:0}.viewer{max-width:900px}.viewer h1{margin:0 0 4px}.preview{width:100%;border-radius:12px;background:#000;max-height:60vh}.transcript{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.transcript h2{margin:0;font-size:18px}.transcript-list{display:flex;flex-direction:column;gap:8px}.transcript-seg{display:grid;grid-template-columns:64px 1fr;gap:12px;text-align:left;background:#10131a;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer}.transcript-seg:hover{border-color:var(--accent2)}.transcript-seg span{color:var(--accent2);font-variant-numeric:tabular-nums;font-size:13px}.transcript-seg p{margin:0}.quota{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.quota-head{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.quota-ok{color:var(--muted);font-variant-numeric:tabular-nums}.quota-warn{color:#fca5a5;font-weight:600;font-variant-numeric:tabular-nums}.bar-fill.full{background:var(--accent)}html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(1100px 560px at 50% -12%,rgba(59,130,246,.08),transparent 60%),radial-gradient(820px 460px at 100% 0%,rgba(229,72,77,.06),transparent 55%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#3b82f659;color:#fff}*{scrollbar-width:thin;scrollbar-color:#2a3140 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#2a3140;border-radius:999px;border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:#39424f}button,a,input,select,.transcript-seg{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease,filter .15s ease,opacity .15s ease}:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:6px}input:focus-visible,select:focus-visible,.title-input:focus-visible{outline:none;border-color:var(--accent2);box-shadow:0 0 0 3px #3b82f640}header h1{letter-spacing:-.02em}.panel,.trim,.publish,.transcript,.quota{box-shadow:0 1px #ffffff05 inset,0 8px 24px #00000040}.seg button:hover{border-color:#3a4453}.controls button:hover,.controls a:hover,.trim-actions button:hover:not(:disabled),.linkbox button:hover,.linkbox .open:hover{border-color:var(--accent2);transform:translateY(-1px)}.controls button:active,.controls a:active{transform:translateY(0)}.rec-btn{background:linear-gradient(180deg,#f0595e,var(--accent));box-shadow:0 8px 24px #e5484d59}.rec-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #e5484d73}.rec-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 18px #e5484d59}.controls .download:hover{filter:brightness(1.08);transform:translateY(-1px)}.bar-fill{background:linear-gradient(90deg,var(--accent2),#60a5fa)}.bar-fill.full{background:linear-gradient(90deg,#ef4444,var(--accent))}.result,.live,.processing,.quota,.panel{animation:fadeInUp .28s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.light-page{background:#f7f8fa}.viewer-page{--v-bg: #f7f8fa;--v-card: #ffffff;--v-line: #e6e8ee;--v-text: #17191c;--v-muted: #667085;--v-blue: #3b82f6;max-width:1840px;color:var(--v-text)}.viewer-page h1{color:var(--v-text)}.viewer-page .hint{color:var(--v-muted)}.viewer-page .err-text{color:#b42318}.viewer-page .linkbtn{color:var(--v-blue)}.v-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.v-title{min-width:0;flex:1}.v-title-text{display:inline-block;margin:0;padding:2px 6px;border:0;background:none;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--v-text);text-align:left;word-break:break-word;max-width:100%}button.v-title-text.editable{cursor:text;border-radius:8px}button.v-title-text.editable:hover{background:#eef1f6}.v-title-input{width:100%;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--v-text);background:#fff;border:1px solid var(--v-blue);border-radius:8px;padding:3px 7px}.v-title-input:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f640}.v-title-err{display:block;color:#b42318;font-size:13px;margin-top:6px}.share-btn{flex-shrink:0;background:var(--v-blue);color:#fff;border:0;border-radius:9px;padding:10px 18px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}.share-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.v-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}.v-main{min-width:0}.player{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden}.v-video{width:100%;display:block;max-height:80vh;background:#000}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none}.play-big{pointer-events:auto;width:72px;height:72px;border-radius:50%;border:0;background:#fffffff2;color:#17191c;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 6px 24px #00000059}.play-big:hover{transform:scale(1.06)}.speed-badge{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:2px;background:#000000b8;color:#fff;border:0;border-radius:10px;padding:8px 14px;cursor:pointer;font-size:13px;line-height:1.35}.speed-badge:hover{background:#000000d9}.sb-rate{font-weight:700}.sb-times{color:#d7dbe3;font-variant-numeric:tabular-nums}.sb-times s{color:#9aa3b2}.v-meta{color:var(--v-muted);font-size:14px;margin:12px 2px 0}.v-side{position:sticky;top:20px}.viewer-page .transcript{background:var(--v-card);border:1px solid var(--v-line);border-radius:12px;box-shadow:0 1px 2px #1018280a;padding:16px;gap:8px;display:flex;flex-direction:column;max-height:calc(100vh - 40px)}.transcript-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.viewer-page .transcript h2{color:var(--v-text);font-size:16px}.transcript-tools{display:flex;gap:8px}.transcript-tools button{background:#f2f4f8;border:1px solid var(--v-line);color:#344054;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;white-space:nowrap}.transcript-tools button:hover{background:#e9edf3;border-color:#d3d8e2}.viewer-page .transcript-list{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:4px}.viewer-page .transcript-seg{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:start;text-align:left;background:transparent;color:var(--v-text);border:0;border-radius:8px;padding:8px 10px;cursor:pointer;width:100%}.viewer-page .transcript-seg:hover{background:#f2f4f8}.viewer-page .transcript-seg .ts{color:var(--v-blue);font-variant-numeric:tabular-nums;font-size:13px;padding-top:1px}.viewer-page .transcript-seg p{margin:0;overflow-wrap:anywhere}.snip{opacity:0;pointer-events:auto;background:#fff;border:1px solid var(--v-line);color:#667085;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:13px;line-height:1;flex-shrink:0}.transcript-seg:hover .snip,.transcript-seg:focus-within .snip{opacity:1}.snip:hover{border-color:var(--v-blue);color:var(--v-blue)}@media (hover: none){.snip{opacity:1}}@media (max-width: 960px){.v-grid{grid-template-columns:1fr}.v-side{position:static}.viewer-page .transcript{max-height:none}.viewer-page .transcript-list{max-height:60vh}}.lib-page{--l-bg: #f7f8fa;--l-card: #ffffff;--l-line: #e6e8ee;--l-text: #17191c;--l-muted: #667085;--l-blue: #3b82f6;max-width:1600px;color:var(--l-text)}.lib-header{margin-bottom:20px}.lib-page .lib-header h1{color:var(--l-text);font-size:28px;letter-spacing:-.02em}.lib-page .sub{color:var(--l-muted);margin:4px 0 0}.lib-page .linkbtn{color:var(--l-blue)}.lib-page .hint{color:var(--l-muted)}.lib-page .error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.lib-page .panel{background:var(--l-card);border:1px solid var(--l-line);box-shadow:0 1px 2px #1018280d}.lib-page .title-input{background:#fff;border:1px solid var(--l-line);color:var(--l-text)}.lib-page .title-input:focus-visible{outline:none;border-color:var(--l-blue);box-shadow:0 0 0 3px #3b82f633}.lib-page .rec-btn{background:var(--l-blue);box-shadow:0 6px 18px #3b82f647}.lib-page .rec-btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 8px 22px #3b82f65c}.lib-page .quota{background:var(--l-card);border:1px solid var(--l-line);box-shadow:none;padding:12px 16px;gap:8px}.lib-page .quota-head{color:var(--l-text)}.lib-page .quota-ok{color:var(--l-muted)}.lib-page .bar{background:#eef1f6;border-color:var(--l-line);height:8px}.lib-empty{color:var(--l-muted);text-align:center;padding:48px 0}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.lib-card{position:relative;display:flex;flex-direction:column;gap:8px;cursor:pointer;border-radius:12px;padding:6px;outline-offset:2px}.lib-card.pending{cursor:default}.card-thumb{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;border:1px solid var(--l-line);background:#eef1f6}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lib-card:hover .card-thumb{border-color:#d3d8e2;box-shadow:0 6px 18px #1018281f}.card-dur{position:absolute;right:8px;bottom:8px;background:#000000b8;color:#fff;font-size:12px;font-variant-numeric:tabular-nums;padding:2px 7px;border-radius:6px;line-height:1.4}.thumb-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9aa7bd;background:linear-gradient(135deg,#eef1f6,#e3e8f2)}.thumb-ph span{font-size:12px;color:#8792a6}.card-title{color:var(--l-text);font-weight:600;font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0 2px}.card-title-input{font-size:15px;font-weight:600;color:var(--l-text);background:#fff;border:1px solid var(--l-blue);border-radius:8px;padding:5px 8px;width:100%}.card-title-input:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f633}.card-meta{color:var(--l-muted);font-size:13px;font-variant-numeric:tabular-nums;padding:0 2px}.card-menu-wrap{position:absolute;top:12px;right:12px}.card-menu-btn{width:30px;height:30px;border-radius:50%;background:#fffffff2;border:1px solid var(--l-line);color:#344054;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #1018282e;opacity:0}.lib-card:hover .card-menu-btn,.lib-card:focus-within .card-menu-btn,.lib-card.menu-open .card-menu-btn{opacity:1}.card-menu-btn:hover{border-color:#d3d8e2}@media (hover: none){.card-menu-btn{opacity:1}}.card-menu{position:absolute;top:36px;right:0;z-index:20;min-width:168px;background:#fff;border:1px solid var(--l-line);border-radius:10px;box-shadow:0 10px 30px #1018282e;padding:6px;display:flex;flex-direction:column}.card-menu button,.card-menu a{text-align:left;background:none;border:0;color:var(--l-text);font-size:14px;padding:9px 10px;border-radius:7px;cursor:pointer;text-decoration:none;display:block}.card-menu button:hover,.card-menu a:hover{background:#f2f4f8}.card-menu .danger{color:#b42318}.card-menu .danger:hover{background:#fef3f2}.menu-sep{height:1px;background:var(--l-line);margin:5px 4px}.lib-card.selected{box-shadow:0 0 0 2px var(--l-blue)}.lib-card.selected .card-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#3b82f62e}.card-check{position:absolute;top:12px;left:12px;z-index:15;width:24px;height:24px;border-radius:50%;background:#fffffff2;border:1px solid var(--l-line);color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #1018282e;opacity:0}.card-check.on{background:var(--l-blue);border-color:var(--l-blue)}.lib-card:hover .card-check,.lib-card:focus-within .card-check,.lib-grid.sel-active .card-check,.card-check.on{opacity:1}@media (hover: none){.card-check{opacity:1}}.lib-bulkbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--l-line);border-radius:10px;padding:10px 16px;margin-bottom:16px;box-shadow:0 4px 14px #1018281a}.lib-bulkbar>span{color:var(--l-text);font-weight:600}.bulk-actions{display:flex;gap:8px}.bulk-del{background:#b42318;color:#fff;border:0;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}.bulk-del:hover:not(:disabled){filter:brightness(1.06)}.bulk-del:disabled,.bulk-clear:disabled{opacity:.6;cursor:default}.bulk-clear{background:#f2f4f8;color:#344054;border:1px solid var(--l-line);border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}.bulk-clear:hover:not(:disabled){background:#e9edf3}.lib-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:#17191c;color:#fff;padding:11px 18px;border-radius:10px;font-size:14px;box-shadow:0 10px 30px #00000047;z-index:50;animation:toastIn .18s ease both}.lib-toast.error{background:#b42318}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}