:root{--bg: #0a0e15;color-scheme:dark;--surface: #121826;--surface-2: #182033;--surface-3: #1f2940;--border: #232d42;--border-soft: #1c2436;--border-hover: #33406a;--field: #0c1119;--void: #05070c;--track: #202a3d;--text: #eef3fc;--text-dim: #93a2c0;--text-faint: #7b89a6;--accent: #6d8cff;--accent-2: #a06bff;--accent-soft: rgba(109, 140, 255, .14);--on-accent: #080b12;--good: #3ddc97;--warn: #fbbf24;--bad: #ff7a7a;--switch-off: #263149;--switch-knob: #8f9dbd;--timecode: #cfe0ff;--quote: #cfd9ee;--badge-text: #dfe7ff;--marker: #46557d;--toast-good-text: #d6ffee;--toast-bad-text: #ffdede;--radius: 18px;--radius-sm: 12px;--shadow: 0 18px 40px rgba(0, 0, 0, .45);--speed: .17s}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 12% -5%,rgba(109,140,255,.16),transparent 70%),radial-gradient(700px 500px at 92% 0%,rgba(160,107,255,.12),transparent 70%);pointer-events:none;z-index:0}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}button,input,select{font:inherit;color:inherit}a{color:var(--accent)}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:30;background:#0a0e15d1}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-size:17px;color:var(--on-accent);font-weight:800;box-shadow:0 6px 18px #6d8cff59}.brand h1{font-size:16px}.brand p{margin:1px 0 0;color:var(--text-dim);font-size:12.5px}.dot{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-dim)}.dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px #3ddc9724}.dot.off:before{background:var(--bad);box-shadow:0 0 0 4px #ff7a7a24}.layout{display:grid;grid-template-columns:320px minmax(0,1fr) 380px;grid-template-areas:"rail work side";gap:22px;padding:22px 28px 40px;align-items:start;width:100%;max-width:1680px;margin:0 auto}.rail{grid-area:rail}.work{grid-area:work}.side{grid-area:side}.rail,.side{position:sticky;top:82px;max-height:calc(100vh - 104px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}@media (max-width: 1440px){.layout{grid-template-columns:280px minmax(0,1fr) 340px}}@media (max-width: 1120px){.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"rail" "work" "side";padding:16px 14px 32px;gap:16px}.rail,.side{position:static;max-height:none;overflow:visible}.rail .card:last-child{max-height:42vh;overflow-y:auto;overscroll-behavior:contain}.dropzone{padding:14px 12px}.dropzone strong{font-size:14px}.card{padding:14px}}.column{display:flex;flex-direction:column;gap:18px;min-width:0}@media (min-width: 1121px){.app{height:100vh;height:100dvh;min-height:0;overflow:hidden}.layout{flex:1;min-height:0;align-items:stretch;padding-bottom:22px}.rail,.work,.side{position:static;max-height:none;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px}.work{gap:14px}.work{overflow:hidden}.work>.hero{order:5;flex:0 0 auto}.work>.clip-panel{order:4;flex:0 0 auto}.work>.results-list,.work>.empty,.work>.column{order:0;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.work>.empty{display:grid;place-content:center;text-align:center}.player-slot{flex:1 1 auto;min-height:0;display:flex}.player-slot>.card.player{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;width:100%}.card.player video.main-video{flex:1 1 auto;min-height:140px;aspect-ratio:auto}.card.player .player-head,.card.player .timeline,.card.player .timeline-labels{flex:0 0 auto}.side>.card{flex:0 0 auto}.rail,.work,.side{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.rail::-webkit-scrollbar,.work::-webkit-scrollbar,.side::-webkit-scrollbar{width:8px}.rail::-webkit-scrollbar-thumb,.work::-webkit-scrollbar-thumb,.side::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.rail::-webkit-scrollbar-track,.work::-webkit-scrollbar-track,.side::-webkit-scrollbar-track{background:transparent}}.video-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.video-row{position:relative;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--speed),background var(--speed)}.video-row:hover{border-color:var(--border);background:var(--surface-2)}.video-row.selected{border-color:var(--accent);background:var(--accent-soft)}.video-row.error{border-color:#ff7a7a59}.video-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--good)}.video-dot.processing,.video-dot.pending{background:var(--warn);animation:pulse 1.1s ease-in-out infinite}.video-dot.error{background:var(--bad)}.video-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.video-meta{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1499px){.video-meta{display:none}}.video-actions{display:flex;align-items:center;gap:2px;flex:none}.progress.thin{position:absolute;left:8px;right:8px;bottom:2px;height:2px;margin:0}.video-note{margin:2px 0 0 16px;line-height:1.3}.video-note.bad{color:var(--bad)}.mini.icon{min-width:26px;padding:3px 6px;font-size:14px;line-height:1;color:var(--text-dim)}.mini.icon:hover{color:var(--text)}.mini.icon.danger:hover{color:var(--bad);border-color:var(--bad)}.catalogue-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px 11px;font-size:12.5px;color:var(--text-dim);cursor:pointer;transition:border-color var(--speed),background var(--speed),color var(--speed)}.chip>:last-child{color:var(--text-faint)}.chip:hover{border-color:var(--accent);color:var(--text)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.chip.add{border-style:dashed;background:transparent}.catalogue-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.catalogue-bar-title{flex:1 1 auto;min-width:0;font-weight:650;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalogue-input{flex:1 1 auto;min-width:0;background:var(--field);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px;font-size:13px}.catalogue-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.select-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;padding:8px 10px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-soft)}.select-bar select{max-width:100%;background:var(--field);border:1px solid var(--border);border-radius:9px;padding:4px 7px;font-size:12.5px;color:var(--text)}.video-row .pick{flex:none;width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.video-rows li.picked .video-row{border-color:var(--accent)}.video-in{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-soft);border-radius:999px;padding:1px 7px;color:var(--text-faint)}.library-hint{margin-top:10px;line-height:1.35}.library-foot{margin-top:10px}.pick-all{gap:8px}.below-floor{display:flex;flex-direction:column;gap:10px;margin-top:4px;padding-top:10px;border-top:1px dashed var(--border)}.below-floor .mini{margin-left:8px}.badge-floor{background:var(--surface-3);border:1px solid var(--border);border-radius:7px;padding:1px 7px;font-size:11.5px;color:var(--text-faint)}.result.below{opacity:.75}.scope-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.scope-line select{max-width:100%;background:var(--field);border:1px solid var(--border);border-radius:10px;padding:5px 8px;font-size:13px;color:var(--text)}.scope-note{flex:1 1 auto;min-width:0}@media (pointer: coarse){.chip{min-height:44px;padding:8px 14px}.video-row .pick,.pick-all input[type=checkbox]{width:24px;height:24px}.select-bar select,.scope-line select{min-height:36px}}@media (pointer: coarse){.mini.icon{min-width:44px;min-height:44px}}.account-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-title{font-weight:650}dialog.sheet{width:min(560px,calc(100vw - 32px));max-height:min(80vh,720px);overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),var(--surface-2));color:var(--text);padding:20px;box-shadow:var(--shadow)}dialog.sheet::backdrop{background:#04070cb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sheet-head h2{font-size:18px}dialog.sheet .danger-zone{margin-top:18px;padding-top:14px;border-top:1px solid var(--border-soft)}@media (max-width: 1120px){.side{position:static}}.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card h2{font-size:14px;color:var(--text-dim);font-weight:600;margin-bottom:12px}.hero{background:linear-gradient(180deg,#6d8cff1a,#6d8cff05);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.hero.compact{padding:12px 14px}.hero.compact .search-row input{padding:11px 14px}.hero.compact .options{margin-top:10px}@media (max-width: 1120px){.work>.hero{position:sticky;bottom:10px;z-index:20;background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:0 14px 30px #00000073}}.hero h2{font-size:21px;color:var(--text);margin-bottom:4px}.hero .hint{color:var(--text-dim);font-size:13.5px;margin-bottom:16px}.search-row{display:flex;gap:10px}@media (max-width: 640px){.search-row{flex-wrap:wrap}.search-row .btn{flex:1 1 auto}}.search-row input{flex:1;min-width:0;background:var(--field);border:1px solid var(--border);border-radius:14px;padding:14px 16px;font-size:15.5px;outline:none;transition:border-color var(--speed),box-shadow var(--speed)}.search-row input::placeholder{color:var(--text-faint)}.search-row input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search-field{position:relative;display:flex;flex:1;min-width:0}.search-field.has-history input{padding-right:44px}@media (max-width: 640px){.search-field,.search-row input{flex:1 0 100%}}.history-toggle{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-faint);font-size:12px;line-height:1;cursor:pointer;transform:translateY(-50%);transition:color var(--speed),background var(--speed),transform var(--speed)}.history-toggle:hover{color:var(--text);background:var(--surface-2)}.history-toggle.on{color:var(--accent);transform:translateY(-50%) rotate(180deg)}.search-history{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:30;max-height:260px;margin:0;padding:4px;overflow-y:auto;list-style:none;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);animation:history-in var(--speed) ease-out}@keyframes history-in{0%{opacity:0}to{opacity:1}}.search-history li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer}.search-history li.on{background:var(--accent-soft)}.history-query{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{flex:none;color:var(--text-faint);font-size:12px;white-space:nowrap}.auto-hint{margin-top:6px;line-height:1.35}.btn{background:var(--surface-3);border:1px solid var(--border);border-radius:12px;padding:9px 14px;cursor:pointer;transition:transform var(--speed),border-color var(--speed),background var(--speed),color var(--speed);font-size:14px;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:var(--on-accent);font-weight:700;padding:12px 22px;box-shadow:0 10px 24px #6d8cff4d}.btn.primary:hover:not(:disabled){box-shadow:0 12px 30px #6d8cff6b}.btn.ghost{background:transparent}.btn.icon{padding:8px 11px}.btn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip-example{background:#ffffff0a;border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:13.5px;color:var(--text-dim);cursor:pointer;transition:all var(--speed)}.chip-example:hover{color:var(--text);border-color:var(--accent);transform:translateY(-1px)}.options{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:14px;color:var(--text-dim);font-size:13px}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:22px;border-radius:999px;background:var(--switch-off);position:relative;cursor:pointer;transition:background var(--speed);margin:0}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--switch-knob);transition:transform var(--speed),background var(--speed)}.switch input:checked{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.switch input:checked:after{transform:translate(16px);background:var(--on-accent)}.toast{order:-1;width:100%;max-width:min(560px,100%);border-radius:14px;padding:11px 14px;font-size:14px;display:flex;align-items:center;gap:10px;animation:rise-toast var(--speed) ease both;border:1px solid var(--border);background:var(--surface-3);box-shadow:0 12px 26px #00000059}@keyframes rise-toast{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast.good{border-color:#3ddc9766;background:linear-gradient(0deg,#3ddc971f,#3ddc971f),var(--surface-2);color:var(--toast-good-text)}.toast.bad{border-color:#ff7a7a66;background:linear-gradient(0deg,#ff7a7a1f,#ff7a7a1f),var(--surface-2);color:var(--toast-bad-text)}@keyframes rise{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.results-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.results-list{gap:10px}.results-head h2{font-size:16px;color:var(--text);margin:0}.results-head span{color:var(--text-faint);font-size:12.5px}.results-note{margin:-4px 0 2px;line-height:1.35}.result{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;cursor:pointer;transition:transform var(--speed),border-color var(--speed),box-shadow var(--speed);animation:rise .22s ease both}.result:hover{transform:translateY(-1px);border-color:var(--border-hover);box-shadow:0 10px 22px #00000052}.result.active{border-color:var(--accent);box-shadow:0 0 0 1px #6d8cff80,0 12px 26px #0000005c}.result.best{background:linear-gradient(180deg,rgba(109,140,255,.12),var(--surface))}@media (max-width: 640px){.result{grid-template-columns:minmax(0,1fr)}}.result .result-title{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}.result .result-title .video-name{flex:0 1 auto;min-width:0}.result .result-actions{margin-left:auto;display:flex;gap:6px;flex:0 0 auto}.match-inline{display:inline-flex;align-items:center;gap:6px;min-width:0}.more-results{align-self:center}.auto-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-wrap{position:relative;border-radius:12px;overflow:hidden;background:var(--void);aspect-ratio:16 / 9}.thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .32s ease}.result:hover .thumb-wrap img{transform:scale(1.04)}.duration-badge{position:absolute;right:8px;bottom:8px;background:#05070ccc;border-radius:7px;padding:2px 7px;font-size:12px;color:var(--badge-text)}.result-body{display:flex;flex-direction:column;gap:6px;min-width:0}.result-title{display:flex;align-items:center;gap:9px}.rank{font-weight:700;color:var(--text-faint);font-size:13px}.badge-best{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 10px;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #6d8cff59}50%{box-shadow:0 0 0 7px #6d8cff00}}.timecode{font-variant-numeric:tabular-nums;color:var(--timecode);font-size:13.5px}.match{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-dim)}.match .track,.match-inline .track{height:6px;border-radius:999px;background:var(--track);overflow:hidden}.match .track{flex:1;max-width:180px}.match-inline .track{width:54px}.match .fill,.match-inline .fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .42s ease}.quote{border-left:3px solid rgba(109,140,255,.6);padding:2px 0 2px 10px;color:var(--quote);font-size:13px;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-name{color:var(--text-faint);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-actions{display:flex;gap:8px;align-items:center}.preview-inline{grid-column:1 / -1;width:100%;margin-top:6px;border-radius:12px;background:var(--void)}.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:44px 20px;text-align:center;color:var(--text-dim)}.empty strong{display:block;color:var(--text);font-size:16px;margin-bottom:6px}.skeleton{height:118px;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.player-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;min-width:0}.player-title{font-weight:650;font-variant-numeric:tabular-nums;flex:1 1 auto;min-width:0;overflow:hidden}.player-head .mini-actions{flex:0 0 auto}.player-nav{display:flex;gap:6px;margin-bottom:10px}@media (min-width: 1121px){.player-nav{display:none}}.player-quote{margin-top:10px;border-left:3px solid rgba(109,140,255,.6);padding:2px 0 2px 10px;color:var(--quote);font-size:13px;line-height:1.35}.player-title small{display:block;color:var(--text-faint);font-weight:400;font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}video.main-video{width:100%;border-radius:14px;background:var(--void);display:block;aspect-ratio:16 / 9;object-fit:contain}.timeline{position:relative;height:34px;margin-top:12px;background:var(--field);border:1px solid var(--border);border-radius:10px;cursor:pointer;overflow:hidden}.timeline .band{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#6d8cff80,#a06bff6b);border-left:2px solid var(--accent);border-right:2px solid var(--accent)}.timeline .marker{position:absolute;top:5px;width:3px;height:9px;border-radius:2px;background:var(--marker)}.timeline .playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--good);box-shadow:0 0 8px #3ddc97b3}.timeline-labels{display:flex;justify-content:space-between;color:var(--text-faint);font-size:12px;margin-top:7px;font-variant-numeric:tabular-nums}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius);padding:22px 16px;text-align:center;cursor:pointer;transition:border-color var(--speed),background var(--speed),color var(--speed);color:var(--text-dim)}.dropzone.locked{border-color:var(--warn)}.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.dropzone:hover,.dropzone.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.dropzone strong{display:block;color:var(--text);font-size:14.5px;margin-bottom:3px}.dropzone span{font-size:12.5px}.card-hint{margin-top:10px;border-radius:var(--radius-sm);padding:9px 11px;font-size:12.5px;line-height:1.35;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim)}.card-hint.bad{border-color:#ff7a7a66;color:var(--toast-bad-text)}.url-row{display:flex;gap:8px;margin-top:12px}.url-row input{flex:1;min-width:0;background:var(--field);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:13.5px;outline:none}.url-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.progress{height:7px;border-radius:999px;background:var(--track);overflow:hidden;margin-top:12px}.progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .26s ease}.muted{color:var(--text-dim);font-size:12.5px}.video-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px;margin-bottom:9px;cursor:pointer;transition:all var(--speed);background:var(--surface-2)}.video-item:hover{border-color:var(--border-hover);transform:translateY(-1px)}.video-item.selected{border-color:var(--accent);background:linear-gradient(180deg,rgba(109,140,255,.14),var(--surface-2))}.video-item .name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-item .meta{color:var(--text-faint);font-size:12px;margin-top:3px}.pill{font-size:11.5px;border-radius:999px;padding:2px 9px;border:1px solid var(--border);color:var(--text-dim)}.pill.ready{color:var(--good);border-color:#3ddc9766;background:#3ddc9714}.pill.processing{color:var(--warn);border-color:#fbbf2466;background:#fbbf2414}.pill.error{color:var(--bad);border-color:#ff7a7a66}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.mini-actions{display:flex;gap:6px;margin-top:9px}.mini{background:transparent;border:1px solid var(--border);border-radius:9px;padding:4px 10px;font-size:12.5px;color:var(--text-dim);cursor:pointer;transition:all var(--speed)}@media (pointer: coarse){.mini,.btn.icon{min-height:44px;min-width:44px;padding:8px 14px}.btn{min-height:44px}.video-item,.result{padding-bottom:12px}.consent-line input[type=checkbox],.clip-options input[type=checkbox]{width:24px;height:24px;min-width:24px;min-height:24px}.switch{min-height:32px}select{min-height:30px;padding:5px 8px}.legal-links a{padding:6px 2px}.consent-line{gap:10px}}.mini:hover{color:var(--text);border-color:var(--accent)}.mini.danger:hover{color:var(--bad);border-color:var(--bad)}.gate{max-width:520px;margin:16vh auto 0;padding:30px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.boot-gate{margin-top:24vh}.boot-gate .brand{justify-content:center}.gate h1{font-size:22px;margin-bottom:8px}.gate .url-row{margin-top:18px}code{background:var(--field);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:12px}.hidden{display:none}.small{font-size:12px}.clip-panel{padding:14px 18px;display:flex;flex-direction:column;gap:10px}.clip-stop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.clip-line-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.clip-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.clip-head h2{font-size:15px;font-weight:650}.clip-options{display:flex;flex-wrap:wrap;gap:14px;color:var(--text-dim);font-size:13px}.clip-options label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.clip-options label.off{opacity:.45}.clip-options select.clip-length,.clip-options select.clip-choice{padding:4px 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13px}.clip-hint{margin:8px 0 0;max-width:62ch}@media (max-width: 640px){.clip-options{gap:10px 12px}.clip-options select.clip-choice,.clip-options select.clip-length{font-size:16px;min-height:36px}}.clip-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.clip-actions .btn{text-decoration:none;display:inline-flex;align-items:center}.clip-progress{display:flex;flex-direction:column;gap:6px}.clip-bar{height:4px;border-radius:999px;background:var(--surface-3);overflow:hidden}.clip-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width var(--speed)}.clip-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.clip-list li{display:flex;align-items:center;gap:10px;font-size:13px}.clip-list li.has-headline{flex-wrap:wrap}.clip-headline{flex-basis:100%;color:var(--text);font-size:13px;line-height:1.35}.clip-list a{color:var(--accent);text-decoration:none}.clip-list a:hover{text-decoration:underline}.stage-line{display:flex;align-items:center;gap:10px;margin-top:12px}.stage-line .btn{margin-left:auto}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.1s ease-in-out infinite}.pulse.done{background:var(--good);animation:none}@keyframes pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.account{display:flex;align-items:center;gap:10px;min-width:0}.account-mail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.account-mail{max-width:40vw}.topbar .brand h1{font-size:15px}}.auth-gate .brand{justify-content:center;margin-bottom:8px}.auth-gate h1{font-size:20px}.auth-tabs{display:flex;gap:8px;justify-content:center;margin:16px 0 6px}.auth-form{display:flex;flex-direction:column;gap:10px;margin-top:16px}.auth-form input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;color:var(--text);font-size:14px;transition:border-color var(--speed),box-shadow var(--speed)}.auth-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.link-btn{margin-top:16px;background:none;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--text)}.usage-panel{display:flex;flex-direction:column;gap:10px}.plan-badge{font-size:12px;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 10px}.usage-row{display:flex;flex-direction:column;gap:4px}.usage-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px}.usage-bar{height:4px;border-radius:999px;background:var(--surface-3);overflow:hidden}.usage-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width var(--speed)}.usage-bar span.near{background:linear-gradient(90deg,var(--warn),var(--bad))}.accounts{display:flex;flex-direction:column;gap:6px;margin-top:4px;border-top:1px solid var(--border-soft);padding-top:10px}.accounts table{width:100%;border-collapse:collapse;font-size:12px}.table-scroll{overflow-x:auto;overscroll-behavior-x:contain;margin:0 -2px;padding:0 2px}.table-scroll table{min-width:0}@media (max-width: 640px){.accounts table{table-layout:fixed}.accounts th,.accounts td{max-width:72px;padding-left:2px;padding-right:2px}.accounts select{max-width:100%}.accounts .mini{padding:4px 6px}}.accounts th{text-align:left;color:var(--text-faint);font-weight:500;padding:2px 4px 4px}.accounts td{padding:3px 4px;border-top:1px solid var(--border-soft);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accounts tr.off td{opacity:.45}.accounts select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:3px 6px;font-size:12px}.legal-footer{display:flex;flex-direction:column;gap:6px;padding:22px 4px 34px;border-top:1px solid var(--border-soft);margin-top:18px}.legal-footer.compact{margin-top:20px;padding:12px 0 0;border-top:1px solid var(--border-soft)}.legal-links{display:flex;flex-wrap:wrap;gap:14px}.legal-links a{color:var(--text-dim);font-size:13px;text-decoration:none;border-bottom:1px dashed var(--border)}.legal-links a:hover{color:var(--accent)}.legal-footer .attribution,.legal-footer .draft-note{max-width:720px;line-height:1.5}@media (min-width: 1121px){.app-footer .legal-footer{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin-top:0;padding:10px 28px 12px}.app-footer .attribution{display:none}}.consent-box{display:flex;flex-direction:column;gap:8px;margin-top:4px;text-align:left}.consent-line{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-dim);cursor:pointer;line-height:1.45}.consent-line input{margin-top:3px;accent-color:var(--accent)}.consent-line a{color:var(--accent)}.rights-line{margin-top:10px}.rights-confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.consent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.consent-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:13px}.consent-list a{color:var(--text);text-decoration:none;border-bottom:1px dashed var(--border)}.consent-list a:hover{color:var(--accent)}.list-limit{margin-top:6px}.danger-zone{border-top:1px solid var(--border-soft);padding-top:10px;margin-top:4px}.btn.danger,.mini.danger{background:#ff7a7a1f;border-color:#ff7a7a73;color:var(--bad)}.btn.danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}.offers{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border-soft);padding-top:10px}.offer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-2)}.offer b{font-size:13px;font-weight:600}.offer-side{display:flex;align-items:center;gap:10px;white-space:nowrap}.offer .price{font-size:14px;font-weight:600;color:var(--accent)}