*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #ffffff;--surface2: #f2f2f2;--border: #e5e5e5;--accent: #065fd4;--accent-hover: #0356b8;--danger: #cc0000;--text: #0f0f0f;--text-muted: #606060;--radius: 8px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}body{min-height:100vh;background:var(--bg)}#root{min-height:100vh;display:flex;flex-direction:column}input,button,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}[data-theme=dark]{--bg: #141414;--surface: #1e1e1e;--surface2: #2a2a2a;--border: #333;--accent: #5865f2;--accent-hover: #4752c4;--danger: #e04040;--text: #e8e8e8;--text-muted: #888}:root .clip-row--active,:root .project-card--active,:root .sv-row--active{background:#e8f0fe}[data-theme=dark] .clip-row--active,[data-theme=dark] .project-card--active,[data-theme=dark] .sv-row--active{background:#ffffff0f}:root .rt__playhead{background:#0f0f0f}[data-theme=dark] .rt__playhead{background:#f04040}:root .export-settings__panel,:root .export-toast{box-shadow:0 8px 24px #00000024}[data-theme=dark] .export-settings__panel,[data-theme=dark] .export-toast{box-shadow:0 8px 24px #00000080}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app__header{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app__logo{font-size:1.15rem;font-weight:700;color:var(--accent);white-space:nowrap;letter-spacing:-.02em}.app__title-input{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:6px 10px;outline:none}.app__title-input:focus{border-color:var(--accent)}.app__clip-count{color:var(--text-muted);font-size:.82rem;white-space:nowrap}.app__body{display:flex;flex:1;overflow:hidden}.col{display:flex;flex-direction:column;padding:16px;gap:12px;overflow-y:auto}.col--editor{flex:0 0 55%;border-right:1px solid var(--border)}.col--list{flex:1;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.col__heading{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0}.col__heading--composition{color:var(--accent)}.col__heading--sub{padding-top:4px;border-top:1px solid var(--border);margin-top:2px}.source-editor{display:flex;flex-direction:column;gap:10px;outline:none}.url-row{display:flex;gap:8px}.url-input{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:7px 10px;outline:none}.url-input:focus{border-color:var(--accent)}.player-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius);overflow:hidden}.clip-transition-overlay{position:absolute;inset:0;background:#000;z-index:10;pointer-events:none;opacity:0;transition:opacity .4s ease}.clip-transition-overlay--active{opacity:1;transition:opacity .15s ease}.clip-transition-overlay{display:flex;align-items:center;justify-content:center}.clip-transition-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:#ffffffbf;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.yt-iframe,.player-wrapper iframe{width:100%!important;height:100%!important;border:none}.cdn-video-poster{position:absolute;inset:0;z-index:2;background:#0a0a14;overflow:hidden;pointer-events:none}.cdn-video-poster__img{width:100%;height:100%;object-fit:cover;opacity:.55}.cdn-video-poster__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%)}.cdn-video-poster__title{color:#ffffffd9;font-size:1rem;font-weight:500;text-align:center;padding:0 24px;max-width:90%;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.8)}.cdn-video-poster__clip{color:#ffffff8c;font-size:.8rem;text-align:center;padding:0 24px;max-width:90%;text-shadow:0 1px 3px rgba(0,0,0,.8)}.local-play-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer}.local-play-btn{width:56px;height:56px;background:#00000073;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;pointer-events:none}.local-play-btn--visible{opacity:1}.local-transport{display:flex;align-items:center;gap:8px;padding:4px 6px;background:var(--bg-2);border-bottom:1px solid var(--border)}.local-transport__time{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.player-placeholder{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:var(--surface2);border-radius:var(--radius);color:var(--text-muted);border:2px dashed var(--border);font-size:.875rem}.rt{position:relative;height:36px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);outline:none;cursor:crosshair;-webkit-user-select:none;user-select:none;overflow:visible}.rt__track{position:absolute;top:50%;left:0;right:0;height:2px;background:var(--border);transform:translateY(-50%);pointer-events:none}.rt__band{position:absolute;top:20%;height:60%;min-width:2px;opacity:.45;border-radius:3px;cursor:grab;transition:none}.rt__band:active{cursor:grabbing}.rt__band--active{opacity:.7}.rt__selection{position:absolute;top:1px;height:calc(100% - 2px);border:1.5px dashed rgba(255,255,255,.8);border-radius:3px;pointer-events:none;z-index:5;box-sizing:border-box}.rt__handle{position:absolute;top:0;width:6px;height:100%;transform:translate(-50%);background:var(--hc, var(--accent));cursor:ew-resize;border-radius:3px;z-index:2}.rt__handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:20px;background:inherit;border-radius:5px;border:1.5px solid rgba(255,255,255,.35)}.rt__handle--end{z-index:3}.rt__band--preview{position:absolute;top:4px;height:calc(100% - 8px);background:#f59e0b40;border:1px solid rgba(245,158,11,.6);border-radius:3px;pointer-events:none;cursor:default;z-index:1}.rt__inpoint{position:absolute;top:0;width:2px;height:100%;background:#f59e0b;transform:translate(-50%);pointer-events:none;border-radius:1px;z-index:3}.rt__playhead{position:absolute;top:0;width:1px;height:100%;background:#f04040;transform:translate(-50%);pointer-events:none;border-radius:1px;z-index:4;box-shadow:0 0 4px #f0404080}.rt__label{position:absolute;bottom:3px;font-size:.6rem;color:var(--text-muted);pointer-events:none;font-variant-numeric:tabular-nums}.rt__label--l{left:5px}.rt__label--r{right:5px}.rt__hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.72rem;color:var(--text-muted);pointer-events:none;white-space:nowrap}.timeline-toolbar{display:flex;align-items:center;gap:8px}.timeline-toolbar__time{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:38px}.mark-btn{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:2px 8px;font-variant-numeric:tabular-nums}.mark-btn--in-set{color:#f59e0b;border-color:#f59e0b;font-weight:600}.kbd{display:inline-block;padding:1px 5px;font-family:monospace;font-size:.72rem;line-height:1.4;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:4px;box-shadow:0 1px 0 var(--border)}.pending-ranges{display:flex;flex-direction:column;gap:5px}.pending-ranges__hint{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.5}.pending-range{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;cursor:pointer;transition:border-color .15s}.pending-range:hover{border-color:var(--border)}.pending-range--active{border-color:var(--accent)}.pending-range--empty{border-color:var(--border);cursor:default}.pending-range__placeholder{font-size:.8rem;color:var(--text-muted);font-style:italic}.pending-range__swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pending-range__times{display:flex;flex-direction:row;align-items:center;gap:0;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text)}.pending-range__dur{color:var(--text-muted);font-size:.7rem;margin-left:6px}.pending-range__title{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:4px 8px;font-size:.82rem;outline:none;min-width:0}.pending-range__title:focus{border-color:var(--accent)}.pending-range__add{font-size:.8rem;padding:4px 10px}.pending-range__saved{font-size:.75rem;color:#1abc9c;font-weight:600;white-space:nowrap}.range-vol{display:flex;align-items:center;gap:5px;flex-shrink:0;color:var(--text-muted)}.range-vol--disabled{opacity:.35;pointer-events:none}.range-vol__slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;border-radius:2px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--vol-pct, 100%),var(--border) var(--vol-pct, 100%),var(--border) 100%)}.range-vol__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 3px #00000080;transition:transform .1s}.range-vol__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-vol__slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 1px 3px #00000080}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text);padding:6px 12px;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.btn:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn--accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--icon{padding:3px 7px;font-size:.8rem}.btn--sm{padding:2px 8px;font-size:.75rem}.btn--danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff}.player-mode-badge{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-mode-badge--seq{color:var(--accent);font-weight:500}.scrubber{display:flex;align-items:center;gap:8px}.scrubber__range{flex:1;accent-color:var(--accent);cursor:pointer}.scrubber__time{font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--text);min-width:38px;text-align:center}.scrubber__time--total{color:var(--text-muted)}.transport-row{display:flex;align-items:center;justify-content:space-between}.transport{display:flex;align-items:center;gap:6px}.btn--play{padding:6px 18px;background:var(--accent);border-color:var(--accent);color:#fff;font-size:.9rem}.btn--play:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.now-playing{display:flex;flex-direction:column;gap:2px}.now-playing__main{display:flex;align-items:center;gap:4px;min-width:0}.now-playing__title-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.now-playing__title{font-size:.85rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing__video{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing__meta{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.now-playing__range{color:var(--text);opacity:.75}.now-playing__sep{opacity:.4;font-size:.6rem}.now-playing__composed{margin-left:auto;color:var(--text-muted);font-variant-numeric:tabular-nums}.clip-list-empty{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:.85rem;padding:8px 0;line-height:1.5}.clip-list-empty p{margin:0}.clip-panel{display:flex;flex-direction:column;gap:0}.clip-panel__header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 6px}.clip-panel__count{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.clip-panel__duration{font-variant-numeric:tabular-nums;color:var(--text-muted);opacity:.7}.clip-size-toggle{display:flex;gap:2px;margin-left:auto;margin-right:8px}.clip-size-btn{width:22px;height:20px;font-size:.68rem;font-weight:600;background:var(--surface2);border:1px solid var(--border);border-radius:3px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.clip-size-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.clip-grid{display:grid;gap:8px;padding:4px 2px;outline:none}.clip-grid--lg{grid-template-columns:repeat(2,1fr)}.clip-grid--sm{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.clip-card{background:var(--surface2);border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .12s;-webkit-user-select:none;user-select:none}.clip-card:hover{border-color:var(--border)}.clip-card.clip-card--active,.clip-card.clip-card--active:hover{border-color:var(--accent)}.clip-card-wrap{position:relative}.clip-drop-line{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);pointer-events:none;z-index:10}.clip-drop-line--before{left:-5px}.clip-drop-line--after{right:-5px}.clip-card--dragging{opacity:.35}.clip-card__thumb{position:relative;aspect-ratio:16 / 9;background:var(--surface);overflow:hidden}.clip-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.clip-card__num{position:absolute;top:4px;left:5px;background:#000000b8;color:#fff;font-size:.62rem;font-weight:600;padding:1px 5px;border-radius:3px;line-height:1.5;display:flex;align-items:center;min-width:16px;justify-content:center}.clip-card__dur{position:absolute;bottom:4px;right:5px;background:#000000b8;color:#fff;font-size:.62rem;padding:1px 5px;border-radius:3px;font-variant-numeric:tabular-nums}.clip-card__remove{position:absolute;top:3px;right:4px;background:#000000a6;color:#fff;border:none;border-radius:3px;padding:2px 4px;cursor:pointer;opacity:0;transition:opacity .12s;line-height:1;display:flex;align-items:center}.clip-card:hover .clip-card__remove{opacity:1}.clip-card__remove:hover{background:var(--danger)}.clip-card__name{padding:4px 6px 5px;display:flex;flex-direction:column;gap:1px;min-width:0}.clip-card__label{font-size:.72rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-card__meta{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.clip-card__name-input{width:100%;box-sizing:border-box;background:var(--surface);border:1px solid var(--accent);border-radius:3px;color:var(--text);font-size:.72rem;padding:1px 4px;outline:none}.form-error{font-size:.8rem;color:var(--danger);margin:0}.btn--export{background:var(--surface2);border-color:var(--border);color:var(--text);font-size:.82rem;white-space:nowrap;flex-shrink:0}.btn--export:hover:not(:disabled){border-color:var(--accent)}.btn--export:disabled{opacity:.4;cursor:not-allowed}.btn--export-download{text-decoration:none;border-color:var(--accent);color:var(--accent)}.btn--export-download:hover{background:var(--accent);color:#fff}.export-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.export-wrap__busy{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-muted);white-space:nowrap}.export-wrap__busy--done{color:#4caf50}.agent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;cursor:help}.agent-dot--checking{background:var(--text-muted);opacity:.5}.agent-dot--ready{background:#4caf50;box-shadow:0 0 4px #4caf5088}.agent-dot--unavailable{background:var(--danger)}.export-settings{position:relative}.export-settings__trigger--open{border-color:var(--accent);color:var(--accent)}.export-settings__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:100;width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:10px}.export-settings__heading{margin:0;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.export-settings__label{font-size:.82rem;color:var(--text)}.export-settings__input{width:100%;box-sizing:border-box;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:7px 10px;font-size:.82rem;outline:none}.export-settings__input:focus{border-color:var(--accent)}.export-settings__hint{margin:-4px 0 0;font-size:.75rem;color:var(--text-muted);word-break:break-all}.export-settings__hint code{color:var(--text);font-family:monospace}.export-settings__steps{margin:0 0 8px 16px;padding:0;font-size:.75rem;color:var(--text-muted);line-height:1.6}.export-settings__steps a{color:var(--accent)}.export-settings__cookie-row{display:flex;align-items:center;gap:8px}.export-settings__cookie-ok{font-size:.75rem;color:#4caf50}.export-settings__cookie-err{font-size:.75rem;color:var(--danger)}.export-settings__actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.export-settings__divider{border:none;border-top:1px solid var(--border);margin:10px 0 6px}.export-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #0000008c;min-width:340px;max-width:560px;animation:toast-in .18s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.export-toast--done{border-color:#4caf5066}.export-toast--error{border-color:var(--danger)}.export-toast__body{display:flex;align-items:center;gap:12px;padding:12px 16px}.export-toast__label{flex:1;font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-toast--done .export-toast__label{color:#4caf50}.export-toast--error .export-toast__label{color:var(--danger)}.export-toast__track{width:140px;height:5px;background:var(--surface2);border-radius:3px;overflow:hidden;flex-shrink:0}.export-toast__fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.export-toast__pct{font-size:.8rem;color:var(--text-muted);width:34px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.player-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.player-page__header{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.player-page__title{font-size:1rem;font-weight:600;color:var(--fg);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.player-page__header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.player-page__body{flex:1;max-width:900px;width:100%;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:24px}.player-page__queue-heading{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 8px}@media(orientation:landscape)and (max-height:600px){.player-page{height:100dvh;overflow:hidden}.player-page__header{padding:6px 12px}.player-page__body{flex:1;min-height:0;padding:6px 12px;max-width:none;gap:8px;overflow:hidden}.player-page__player{flex:1;min-height:0;display:flex;flex-direction:column}.player-page__player>.source-editor{flex:1;min-height:0}.player-page__player .player-wrapper,.player-page__player .player-placeholder{flex:1;min-height:0;width:auto;max-width:100%;aspect-ratio:16 / 9;align-self:center}}.home{display:flex;flex-direction:column;min-height:100vh}.home__header{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;flex-shrink:0}.home__container{max-width:1200px;width:100%;margin:0 auto;padding:28px 24px;display:flex;flex-direction:column;gap:28px}.home__new-form{display:flex;gap:8px}.home__new-form .url-input{width:220px}.home__empty{color:var(--text-muted);font-size:.87rem;line-height:1.6}.home__empty p{margin:0}.home__empty-cta{display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 20px;border:2px dashed var(--border);border-radius:var(--radius);text-align:center}.home__empty-cta__msg{color:var(--text-muted);font-size:.95rem;margin:0}.btn--lg{padding:10px 24px;font-size:.95rem}.yt-menu{position:relative;margin-left:auto}.yt-menu__trigger{display:inline-flex;align-items:center;gap:6px;color:var(--fg)}.yt-menu__trigger--active{background:var(--surface2);border-color:var(--border)}.yt-menu__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000040;z-index:100;overflow:hidden}.yt-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--fg);font-size:.85rem;cursor:pointer;transition:background .12s;text-decoration:none;text-align:left}.yt-menu__item:hover{background:var(--surface2)}.yt-menu__item--danger{color:var(--danger, #e05)}.yt-menu__item--danger:hover{background:color-mix(in srgb,var(--danger, #e05) 12%,transparent)}.yt-menu__separator{height:1px;background:var(--border);margin:4px 0}.card-export-status{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;padding:3px 6px;border-radius:calc(var(--radius) - 2px)}.card-export-status--busy{color:var(--fg-muted);min-width:9rem;justify-content:space-between;font-variant-numeric:tabular-nums}.card-export-status--done{color:#4caf50}.card-export-status--error{color:var(--danger)}.dl-panel{overflow:hidden;max-height:0;transition:max-height .28s ease;background:linear-gradient(135deg,#1a237e,#0d47a1)}.dl-panel--open{max-height:200px}.dl-panel__inner{display:flex;align-items:center;padding-right:16px}.dl-panel .quick-dl-banner{flex:1}.dl-panel__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:#ffffff26;color:#ffffffd9;cursor:pointer;transition:background .15s;margin-left:8px;margin-right:10px}.dl-panel__close:hover{background:#ffffff47;color:#fff}.dl-panel .quick-dl-banner{border-radius:0;box-shadow:none;background:transparent;padding:18px 0}.quick-dl-banner{background:linear-gradient(135deg,#1a237e,#0d47a1);color:#fff;padding:22px 28px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 4px 16px #0000004d}.quick-dl-banner__info{flex-shrink:0}.quick-dl-banner__title{margin:0 0 6px;font-size:1rem;font-weight:700}.quick-dl-banner__desc{margin:0;font-size:.82rem;opacity:.85}.quick-dl-banner__right{flex:1;display:flex;justify-content:flex-end;min-width:0}.quick-dl-banner__inputs{display:flex;gap:8px;width:100%;max-width:480px}.quick-dl-banner__input{flex:1;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);color:#fff;padding:9px 12px;font-size:.85rem;outline:none;min-width:0}.quick-dl-banner__input::placeholder{color:#ffffff8c}.quick-dl-banner__input:focus{border-color:#ffffffb3}.quick-dl-banner__input:disabled{opacity:.45;cursor:not-allowed}.quick-dl-banner__btn{display:flex;align-items:center;gap:6px;background:#4caf50;border:none;border-radius:var(--radius);color:#fff;padding:9px 18px;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.quick-dl-banner__btn:hover:not(:disabled){background:#43a047}.quick-dl-banner__btn:disabled{opacity:.45;cursor:not-allowed}.quick-dl-progress{display:flex;align-items:center;gap:10px;width:100%;max-width:480px}.quick-dl-progress__label{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.quick-dl-progress__track{width:120px;height:5px;background:#ffffff40;border-radius:3px;overflow:hidden;flex-shrink:0}.quick-dl-progress__fill{height:100%;background:#4caf50;border-radius:3px;transition:width .3s ease}.quick-dl-progress__pct{font-size:.8rem;font-variant-numeric:tabular-nums;width:34px;text-align:right;flex-shrink:0}.quick-dl-status{display:flex;align-items:center;gap:8px;font-size:.85rem;max-width:480px;width:100%}.quick-dl-status span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-dl-status--done{color:#a5d6a7}.quick-dl-status--error{color:#ef9a9a}.quick-dl-dismiss{color:#ffffffb3!important;border-color:#ffffff4d!important;background:transparent!important;flex-shrink:0}.quick-dl-dismiss:hover{color:#fff!important}.library-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.library-header__title{margin:0;font-size:1.05rem;font-weight:700}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.video-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:visible;transition:box-shadow .18s}.video-card:hover{box-shadow:0 8px 24px #00000038}.card-thumbnail{height:158px;background:var(--surface2);position:relative;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}.card-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.card-thumbnail__placeholder{width:100%;height:100%;background:var(--surface2)}.card-thumb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;opacity:0;transition:opacity .15s;pointer-events:none}.video-card:hover .card-thumb-play{opacity:1}.card-duration{position:absolute;bottom:7px;right:8px;background:#000000d1;color:#fff;padding:2px 6px;border-radius:4px;font-size:.72rem;font-variant-numeric:tabular-nums}.card-body{padding:14px 16px;display:flex;flex-direction:column;gap:5px}.card-title{font-size:.93rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:.77rem;margin:0}.card-meta__val{color:var(--text);opacity:.72}.card-meta__sep{color:var(--text-muted);opacity:.55;font-size:.6rem;vertical-align:middle;margin:0 4px}.card-actions{display:flex;align-items:center;gap:2px;border-top:1px solid var(--border);padding-top:10px;margin-top:4px}.card-actions__delete{display:flex;align-items:center;gap:3px;margin-left:auto}.card-action-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--text-muted);padding:4px 8px;border-radius:calc(var(--radius) - 2px);transition:background .12s,color .12s}.card-action-btn:hover{color:var(--text);background:var(--surface2)}.card-action-btn--danger:hover{color:var(--danger);background:var(--surface2)}.card-action-btn--danger-confirm{color:var(--danger);background:var(--surface2);font-size:.75rem}.btn--danger-confirm{background:var(--danger);border-color:var(--danger);color:#fff;font-size:.75rem;padding:3px 8px}.btn--danger-confirm:hover:not(:disabled){background:#c03030;border-color:#c03030}.view-toggle{display:flex;align-items:center;gap:2px;margin-left:auto}.view-toggle__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--fg-muted);cursor:pointer;transition:background .12s,color .12s}.view-toggle__btn:hover{background:var(--surface2);color:var(--fg)}.view-toggle__btn--active{background:var(--surface2);color:var(--fg);border-color:var(--border)}.video-list{display:flex;flex-direction:column;border:1px solid var(--border);overflow:hidden}.vl-item{display:flex;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--border);transition:background .12s}.vl-item:last-child{border-bottom:none}.vl-item:hover{background:var(--surface2)}.vl-row{display:flex;align-items:center;gap:0}.vl-thumb{width:96px;height:54px;flex-shrink:0;position:relative;overflow:hidden;background:var(--surface2)}.vl-thumb img{width:100%;height:100%;object-fit:cover;display:block}.vl-thumb__placeholder{width:100%;height:100%;background:var(--surface2)}.vl-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding:0 16px}.vl-title{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vl-meta{font-size:.75rem;color:var(--fg-muted)}.vl-actions{display:flex;align-items:center;gap:2px;padding-right:10px;flex-shrink:0}.sv-panel{display:flex;flex-direction:column;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px;margin-top:2px}.sv-panel__header{display:flex;align-items:center;justify-content:space-between}.sv-panel__count{font-size:.75rem;color:var(--text-muted)}.sv-panel__header-actions{display:flex;align-items:center;gap:4px}.clip-size-btn--sv{color:var(--text-muted);background:var(--surface);border-color:var(--border)}.clip-size-btn--sv-active{background:#1abc9c;border-color:#1abc9c;color:#fff}.sv-panel__add-row{display:flex;gap:6px;align-items:center}.sv-panel__add-row .url-input{flex:1;font-size:.82rem;padding:5px 8px}.sv-grid{display:grid;gap:8px}.sv-grid--lg{grid-template-columns:repeat(2,1fr)}.sv-grid--sm{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.sv-card{background:var(--surface);border:2px solid transparent;border-radius:5px;overflow:hidden;cursor:pointer;transition:border-color .12s;-webkit-user-select:none;user-select:none}.sv-card:hover{border-color:var(--border)}.sv-card--active{border-color:#1abc9c}.sv-card--dragging{opacity:.4}.sv-card--drag-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.sv-card__thumb{position:relative;aspect-ratio:16 / 9;background:var(--surface2);overflow:hidden}.sv-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.sv-card__clips{position:absolute;bottom:4px;left:5px;background:#1abc9c;color:#fff;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:3px;line-height:1.5}.sv-card__remove{position:absolute;top:3px;right:4px;background:#000000a6;color:#fff;border:none;border-radius:3px;padding:2px 4px;cursor:pointer;opacity:0;transition:opacity .12s;line-height:1;display:flex;align-items:center}.sv-card:hover .sv-card__remove{opacity:1}.sv-card__remove:hover{background:var(--danger)}.sv-card__edit-url{position:absolute;bottom:3px;right:4px;opacity:0;background:#000000a6;color:#fff;border:none;border-radius:3px;padding:2px 4px;cursor:pointer;font-size:.7rem;line-height:1;display:flex;align-items:center;transition:opacity .12s}.sv-card:hover .sv-card__edit-url{opacity:1}.sv-card__edit-url:hover{background:var(--accent)}.sv-card__dl{position:absolute;bottom:3px;right:4px;background:#000000a6;color:#fff;border:none;border-radius:3px;padding:2px 4px;cursor:pointer;opacity:0;transition:opacity .12s;line-height:1;display:flex;align-items:center}.sv-card:hover .sv-card__dl{opacity:1}.sv-card__dl:hover{background:var(--accent)}.sv-card__dl--error{color:#fbbf24}.sv-card__dl--error:hover{background:#000000d9}.sv-card__dl-overlay{position:absolute;inset:0;background:#0000008c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.sv-card__dl-overlay--done{background:#00000073;color:#4ade80}.sv-card__dl-pct{color:#fff;font-size:.75rem;font-weight:600}.sv-card__dl-bar-wrap{width:70%;height:3px;background:#ffffff40;border-radius:2px;overflow:hidden}.sv-card__dl-bar{height:100%;background:var(--accent);transition:width .3s}.sv-card__name{padding:4px 6px 5px;font-size:.72rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 18px;font-size:.82rem;color:var(--text);box-shadow:0 4px 16px #00000059;z-index:100;white-space:nowrap;pointer-events:none}.auth-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted);font-size:.9rem}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.auth-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;gap:20px}.auth-card__title{text-align:center;margin:0}.auth-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:var(--radius);color:#f87171;font-size:.82rem;padding:8px 12px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field label{font-size:.8rem;color:var(--text-muted)}.auth-card__switch{text-align:center;font-size:.82rem;color:var(--text-muted);margin:0}.auth-card__link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:9px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.88rem;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s}.btn-google:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.auth-inapp-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.35);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.auth-inapp-warning p{margin:0;font-size:.85rem;color:var(--text);line-height:1.5}.auth-inapp-steps{margin:0;padding-left:20px;font-size:.85rem;color:var(--text);line-height:1.8}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.75rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.card-menu{position:relative;margin-left:auto}.card-menu__dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px #00000040;min-width:160px;z-index:60;overflow:hidden;padding:4px 0}.card-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:none;border:none;color:var(--text);font-size:.82rem;cursor:pointer;text-align:left;white-space:nowrap}.card-menu__item:hover{background:var(--surface-hover)}.card-menu__item--danger{color:var(--danger)}.card-menu__item--danger:hover{background:#ef444414}.card-menu__sep{height:1px;background:var(--border);margin:4px 0}.card-menu__confirm{display:flex;gap:6px;padding:8px 14px}.card-menu__dropdown .card-action-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:none;border:none;border-radius:0;color:var(--text);font-size:.82rem;cursor:pointer;text-align:left;white-space:nowrap;justify-content:flex-start}.card-menu__dropdown .card-action-btn:hover{background:var(--surface-hover)}.card-menu__dropdown .card-action-btn:disabled{opacity:.45;cursor:default}.card-menu__dropdown .card-export-status{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem}.share-section{border-top:1px solid var(--border);padding:12px 16px;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.share-section__link-row{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:var(--radius);padding:7px 10px}.share-section__url{flex:1;font-size:.72rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace;min-width:0}.share-section__copy{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;padding:4px 10px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);white-space:nowrap;transition:background .12s,border-color .12s}.share-section__copy:hover{border-color:var(--accent)}.share-section__copy--done{color:#4caf50;border-color:#4caf5066;background:color-mix(in srgb,#4caf50 8%,var(--surface))}.share-section__footer{display:flex;align-items:center;gap:10px}.share-section__hint{flex:1;font-size:.75rem;color:var(--text-muted)}.share-section__revoke{background:none;border:none;font-size:.75rem;color:var(--text-muted);cursor:pointer;text-decoration:underline;padding:0;flex-shrink:0}.share-section__revoke:hover{color:var(--danger)}.card-action-btn--active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.social-share{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.social-share__label{font-size:.72rem;color:var(--text-muted);flex-shrink:0;margin-right:2px}.social-share__buttons{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.social-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:var(--surface2);color:var(--text-muted);cursor:pointer;text-decoration:none;transition:transform .12s,opacity .12s;flex-shrink:0}.social-icon-btn:hover{transform:scale(1.12);opacity:.9}.social-icon-btn--instagram{color:#c13584}.social-icon-btn--x{color:var(--text)}.social-icon-btn--whatsapp{color:#25d366}.social-icon-btn--facebook{color:#1877f2}.social-icon-btn--more{color:var(--accent)}.share-dropdown-wrapper{position:relative}.share-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;box-shadow:0 4px 16px #00000040;z-index:200;min-width:320px}.share-dropdown--up{top:auto;bottom:calc(100% + 6px)}.view-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;text-align:center;padding:24px}.view-not-found h2{margin:0;font-size:1.4rem}.view-not-found p{margin:0;color:var(--text-muted)}.view-clone-done{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:#4caf50;font-weight:500;padding:6px 12px}.transcript-drawer{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);overflow:hidden}.transcript-drawer__msg{padding:8px 12px;font-size:.8rem;color:var(--text-muted);margin:0}.transcript-drawer__msg--err{color:#e74c3c}.transcript-drawer__body{max-height:200px;overflow-y:auto}.transcript-line{display:flex;align-items:baseline;gap:8px;padding:4px 8px;border-bottom:1px solid var(--border);font-size:.8rem;line-height:1.4}.transcript-line:last-child{border-bottom:none}.transcript-line--current{background:#5865f21f}.transcript-line__time{flex-shrink:0;font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;min-width:36px;text-align:right}.transcript-line__time:hover{text-decoration:underline}.transcript-line__text{flex:1;color:var(--text)}.transcript-line__actions{display:flex;gap:3px;opacity:0;transition:opacity .1s;flex-shrink:0}.transcript-line:hover .transcript-line__actions{opacity:1}.transcript-line__btn{font-size:.68rem!important;padding:1px 5px!important;line-height:1.3}.btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--active:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.time-input-wrap{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:4px;overflow:hidden;background:var(--surface)}.time-input-wrap:focus-within{border-color:var(--accent)}.time-input{width:52px;background:transparent;border:none;color:var(--text);padding:2px 4px;font-size:.75rem;font-variant-numeric:tabular-nums;text-align:center;outline:none}.time-input-spinners{display:flex;flex-direction:column;border-left:1px solid var(--border)}.time-input-btn{flex:1;background:var(--surface2);border:none;color:var(--text-muted);padding:0 3px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:background .1s,color .1s}.time-input-btn:hover{background:var(--surface);color:var(--accent)}.time-input-btn--inc{border-bottom:1px solid var(--border)}.pending-range__arrow{font-size:.75rem;color:var(--text-muted);margin:0 6px}.library-page{display:flex;flex-direction:column;min-height:100vh}.lib-search-row{display:flex;align-items:center;gap:8px;margin-bottom:0}.lib-view-toggle{display:flex;border:1px solid var(--border);border-radius:5px;overflow:hidden}.lib-view-btn{display:flex;align-items:center;justify-content:center;width:28px;height:26px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s}.lib-view-btn:hover{background:var(--surface2);color:var(--text)}.lib-view-btn--active{background:var(--accent);color:#fff}.lib-view-btn--active:hover{background:var(--accent-hover);color:#fff}.lib-list{border:1px solid var(--border);border-radius:8px;overflow:hidden}.lib-list__header{display:flex;align-items:center;min-height:40px;background:var(--surface2);border-bottom:1px solid var(--border);padding-right:12px}.lib-list__cols{display:flex;align-items:center;flex:1;gap:0}.lib-list__col{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.lib-list__col--title{flex:1;padding-left:84px}.lib-list__col--date{width:116px;flex-shrink:0}.lib-list__col--actions{width:130px;flex-shrink:0}.lib-bulk{display:flex;align-items:center;flex:1;gap:8px}.lib-bulk__count{font-size:.82rem;color:var(--text-muted);margin-right:4px}.lib-row{display:flex;align-items:center;min-height:58px;border-bottom:1px solid var(--border);padding-right:12px;transition:background .1s}.lib-row:last-child{border-bottom:none}.lib-row:hover{background:var(--surface2)}.lib-row--checked{background:color-mix(in srgb,var(--accent) 8%,transparent)}.lib-row--checked:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.lib-row__check{width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;align-self:stretch}.lib-row__check input{width:15px;height:15px;cursor:pointer;accent-color:var(--accent)}.lib-row__thumb{width:72px;flex-shrink:0;margin-right:12px}.lib-row__thumb img{display:block;width:72px;height:40px;object-fit:cover;border-radius:3px}.lib-row__info{flex:1;min-width:0;margin-right:12px;display:flex;flex-direction:column;gap:3px}.lib-row__title{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-row__vid{font-size:.68rem;font-family:monospace;color:var(--text-muted);text-decoration:none}.lib-row__vid:hover{color:var(--accent);text-decoration:underline}.lib-row__edit{font-size:.85rem;background:var(--surface2);border:1px solid var(--accent);border-radius:3px;color:var(--text);padding:2px 6px;outline:none;width:100%}.lib-row__date{width:116px;flex-shrink:0;font-size:.78rem;color:var(--text-muted)}.lib-row__actions{width:130px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:2px}.lib-row__btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;color:var(--text-muted);border-radius:4px;cursor:pointer;transition:background .1s,color .1s}.lib-row__btn:hover{background:var(--surface);color:var(--text)}.lib-row__btn--danger:hover{color:var(--danger)}.lib-row__btn--ok{color:var(--success, #4caf50);cursor:default;display:flex;align-items:center;justify-content:center;width:26px;height:26px}.lib-row__btn--err{color:var(--danger)}.lib-row__dl-pct{font-size:.68rem;color:var(--text-muted);min-width:30px;text-align:center}.library-add-panel{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:var(--surface)}.library-add-panel__divider{font-size:.75rem;color:var(--text-muted);text-align:center;padding:2px 0;position:relative}.library-add-panel__divider:before,.library-add-panel__divider:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:var(--border)}.library-add-panel__divider:before{left:0}.library-add-panel__divider:after{right:0}.bulk-textarea{width:100%;box-sizing:border-box;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:8px 10px;font-family:monospace;font-size:.82rem;resize:vertical;outline:none}.bulk-textarea:focus{border-color:var(--accent)}.bulk-result{font-size:.8rem;color:#1abc9c;flex:1}.cdn-browser{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.cdn-browser__toolbar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--surface2);border-bottom:1px solid var(--border);flex-shrink:0}.cdn-browser__check-all{display:flex;align-items:center;gap:6px;cursor:pointer;flex-shrink:0}.cdn-browser__search{display:flex;align-items:center;gap:5px;flex:1;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:3px 8px;color:var(--text-muted)}.cdn-browser__list{max-height:260px;overflow-y:auto}.cdn-browser__item{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:pointer;border-bottom:1px solid var(--border);font-size:.82rem}.cdn-browser__item:last-child{border-bottom:none}.cdn-browser__item:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.cdn-browser__item--selected{background:color-mix(in srgb,var(--accent) 10%,transparent)}.cdn-browser__filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;gap:1px}.cdn-browser__size{font-size:.72rem;color:var(--text-muted);flex-shrink:0}.lib-type-badge{position:absolute;bottom:3px;left:3px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:#6366f1cc;color:#fff;pointer-events:none}.lib-type-filter{display:flex;gap:3px;flex-shrink:0}.lib-type-filter__btn{font-size:.75rem;padding:3px 10px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.lib-type-filter__btn:hover{border-color:var(--accent);color:var(--text)}.lib-type-filter__btn--active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.library-picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);overflow:hidden;max-height:240px;display:flex;flex-direction:column}.library-picker__search{padding:6px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.library-picker__search .url-input{padding:5px 8px;font-size:.82rem}.library-picker__grid{overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;flex:1}.library-picker__empty{grid-column:1 / -1;font-size:.8rem;color:var(--text-muted);text-align:center;margin:0;padding:12px 0}.btn--danger{border-color:var(--danger);color:var(--danger)}.lib-card{display:flex;flex-direction:column}.lib-card--selected{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}.lib-card__check{position:absolute;top:5px;left:5px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:#00000073;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}.lib-card__check--on{background:var(--accent);border-color:var(--accent)}.lib-card__actions{display:flex;align-items:center;gap:2px;padding:3px 5px 5px;border-top:1px solid var(--border)}.lib-card__action{flex:1;display:flex;align-items:center;justify-content:center;padding:4px 2px;border:none;background:transparent;color:var(--text-muted);border-radius:4px;cursor:pointer;transition:background .12s,color .12s}.lib-card__action:hover{background:var(--surface2);color:var(--text)}.lib-card__action--danger:hover{color:var(--danger)}.lib-card__action--ok{color:var(--success, #4caf50);flex:1;display:flex;align-items:center;justify-content:center;padding:4px 2px;border:none;background:transparent;cursor:default}.lib-card__action--err{color:var(--danger);flex:1;display:flex;align-items:center;justify-content:center;padding:4px 2px;border:none;background:transparent;cursor:pointer}.lib-card__dl-wrap{flex:1;position:relative;height:20px;background:var(--surface2);border-radius:3px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lib-card__dl-bar{position:absolute;left:0;top:0;bottom:0;background:var(--accent);opacity:.35;transition:width .2s}.lib-card__dl-pct{position:relative;font-size:.65rem;color:var(--text)}.lib-card__title-input{width:100%;font-size:.8rem;background:var(--surface2);border:1px solid var(--accent);border-radius:3px;color:var(--text);padding:1px 4px;outline:none}.library-bulk-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:7px;margin-bottom:10px}.library-bulk-bar__count{font-size:.82rem;color:var(--text-muted);margin-right:4px}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:500}.modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:min(520px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #00000059}.modal__header{display:flex;align-items:center;padding:13px 16px;border-bottom:1px solid var(--border);gap:10px}.modal__title{flex:1;font-size:.92rem;font-weight:600}.modal__body{overflow-y:auto;padding:16px 20px}.shortcuts-group{margin-bottom:20px}.shortcuts-group:last-child{margin-bottom:0}.shortcuts-group__name{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0 0 8px}.shortcuts-table{width:100%;border-collapse:collapse}.shortcuts-table td{padding:4px 0;font-size:.82rem;vertical-align:middle}.shortcuts-table__keys{white-space:nowrap;width:1%;padding-right:18px!important}.shortcuts-table__desc{color:var(--text-muted)}.shortcuts-sep{color:var(--text-muted);font-size:.75rem}@media(max-width:800px){.app__body{flex-direction:column}.col--editor{flex:none;border-right:none;border-bottom:1px solid var(--border)}.home__container{padding:16px;gap:20px}.quick-dl-banner{flex-direction:column;align-items:flex-start;gap:16px}.quick-dl-banner__right{width:100%;justify-content:flex-start}.quick-dl-banner__inputs{max-width:100%;flex-direction:column}.quick-dl-banner__btn{align-self:flex-start}.quick-dl-progress,.quick-dl-status{max-width:100%}.video-grid{grid-template-columns:1fr}}.clip-panel__tab-bar{display:flex;border-bottom:1px solid var(--border);margin-bottom:4px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.clip-panel__tab-bar::-webkit-scrollbar{display:none}.clip-panel__tab{flex-shrink:0;padding:6px 10px;font-size:.75rem;font-weight:500;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .12s,border-color .12s;white-space:nowrap}.clip-panel__tab:hover{color:var(--text)}.clip-panel__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.clip-panel__tab--add{color:var(--text-muted);font-size:1rem;padding:2px 10px 4px;margin-left:auto;flex-shrink:0}.clip-panel__tab--add:hover{color:var(--accent)}.clip-panel__tab--renaming{cursor:default;padding:2px 8px}.clip-panel__tab-rename{background:transparent;border:none;border-bottom:1px solid var(--accent);color:var(--text);font-size:.75rem;font-weight:600;width:90px;outline:none;padding:0 2px}.sv-tab-header{display:flex;align-items:center;gap:8px;padding:5px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.sv-tab-header__name{display:flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:var(--text);cursor:pointer;padding:2px 4px;border-radius:4px}.sv-tab-header__name:hover{background:var(--surface2)}.sv-tab-header__name svg{opacity:.4;flex-shrink:0}.sv-tab-header__name:hover svg{opacity:.7}.sv-tab-header__name-input{font-size:.82rem;font-weight:600;background:var(--input-bg);border:1px solid var(--accent);border-radius:4px;padding:2px 6px;color:var(--text);min-width:0;flex:1;outline:none}.sv-tab-header__actions{margin-left:auto;display:flex;align-items:center;gap:6px}.clip-select-btn{font-size:.78rem;padding:3px 10px;gap:4px}.clip-panel__selecting-hint{font-size:.72rem;color:var(--text-muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-card--selectable{cursor:pointer}.clip-card--selected{border-color:var(--accent)!important}.clip-card--selected .clip-card__thumb:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--accent) 18%,transparent);pointer-events:none}.clip-card__checkbox{position:absolute;top:4px;right:24px;width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:#00000073;box-sizing:border-box}.clip-card__checkbox--checked{background:var(--accent);border-color:var(--accent)}.clip-card__checkbox--checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;line-height:1}.sv-more{position:relative}.sv-more__menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px #00000059;min-width:148px;z-index:100;padding:4px 0;display:flex;flex-direction:column}.sv-more__item{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;color:var(--text);background:none;border:none;cursor:pointer;text-align:left;white-space:nowrap}.sv-more__item:hover{background:var(--surface2)}.sv-more__item--danger{color:var(--danger)}.sv-more__item--danger:hover{background:#e040401a}.sv-more__divider{height:1px;background:var(--border);margin:4px 0}.sv-more__menu .card-action-btn,.sv-more__menu .card-export-status{width:100%;padding:7px 14px;justify-content:flex-start;font-size:.82rem;background:none;border:none;border-radius:0;color:var(--text);white-space:nowrap}.sv-more__menu .card-action-btn:hover:not(:disabled){background:var(--surface2)}.sv-more__menu .card-action-btn:disabled{opacity:.4}.subvideo-bar{display:flex;align-items:center;gap:6px;padding:6px 4px;border-bottom:1px solid var(--border);flex-shrink:0}.subvideo-bar__count{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.subvideo-bar__name{flex:1;min-width:0;background:var(--surface2);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:.8rem;padding:4px 8px;outline:none}.subvideo-bar__name:focus{border-color:var(--accent)}.subvideo-list{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;overflow:hidden}.subvideo-list__header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 6px;flex-shrink:0}.subvideo-list__count{font-size:.72rem;color:var(--text-muted)}.subvideo-new-btn{font-size:.78rem;padding:3px 10px}.subvideo-cards{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-bottom:4px}.subvideo-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);font-size:.82rem;gap:4px;padding:24px}.subvideo-empty strong{color:var(--text)}.subvideo-card{background:var(--surface2);border:1px solid var(--border);border-radius:7px;overflow:hidden;flex-shrink:0}.subvideo-card__header{display:flex;align-items:center;gap:6px;padding:7px 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.subvideo-card__header:hover{background:color-mix(in srgb,var(--border) 30%,transparent)}.subvideo-card__chevron{font-size:.7rem;color:var(--text-muted);flex-shrink:0}.subvideo-card__name{flex:1;min-width:0;font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subvideo-card__name-input{flex:1;min-width:0;background:var(--surface);border:1px solid var(--accent);border-radius:4px;color:var(--text);font-size:.82rem;padding:2px 6px;outline:none}.subvideo-card__count{font-size:.68rem;color:var(--text-muted);white-space:nowrap}.subvideo-card__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.subvideo-card__clips{border-top:1px solid var(--border);padding:4px 0}.subvideo-card__empty{font-size:.72rem;color:var(--text-muted);text-align:center;padding:10px}.subvideo-row{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid transparent;transition:background .1s}.subvideo-row:hover{background:color-mix(in srgb,var(--border) 20%,transparent)}.subvideo-row--dragging{opacity:.35}.subvideo-row--drag-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.subvideo-row__drag{color:var(--text-muted);flex-shrink:0;cursor:grab}.subvideo-row__thumb{width:52px;aspect-ratio:16 / 9;object-fit:cover;border-radius:3px;flex-shrink:0}.subvideo-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.subvideo-row__label{font-size:.72rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subvideo-row__meta{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.subvideo-row__remove{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;opacity:0;transition:opacity .1s,color .1s}.subvideo-row:hover .subvideo-row__remove{opacity:1}.subvideo-row__remove:hover{color:var(--danger)}.player-page__subtitle{font-weight:400;color:var(--text-muted);font-size:.85em}.landing{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:50}.landing-nav__logo{font-size:1.2rem;font-weight:700;letter-spacing:-.5px;color:var(--text)}.landing-hero{text-align:center;padding:80px 24px 48px;max-width:680px;margin:0 auto}.landing-hero__title{font-size:clamp(2.2rem,6vw,3.8rem);font-weight:800;letter-spacing:-1.5px;line-height:1.1;color:var(--text);margin-bottom:20px}.landing-hero__sub{font-size:1.15rem;color:var(--text-muted);line-height:1.6;margin-bottom:36px}.landing-hero__em{color:var(--accent);font-weight:600}.landing-hero__cta{font-size:1rem;padding:14px 32px;border-radius:8px}.landing-feature{display:flex;align-items:center;gap:64px;max-width:1100px;margin:0 auto;padding:56px 48px;width:100%}.landing-feature--rev{flex-direction:row-reverse;background:var(--surface2)}.landing-feature--rev{max-width:none;padding-left:calc(50% - 502px);padding-right:calc(50% - 502px)}@media(max-width:900px){.landing-feature,.landing-feature--rev{flex-direction:column;gap:32px;padding:48px 24px;max-width:none}}.landing-feature__text{flex:1;min-width:0}.landing-feature__tag{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.landing-feature__title{font-size:1.9rem;font-weight:700;letter-spacing:-.5px;margin-bottom:16px;color:var(--text)}.landing-feature__desc{font-size:1rem;line-height:1.7;color:var(--text-muted)}.landing-feature__mock{flex:1;min-width:0;display:flex;justify-content:center}.landing-footer{display:flex;align-items:center;justify-content:space-between;padding:32px 48px;border-top:1px solid var(--border);margin-top:auto}.mock-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;width:100%;max-width:400px;box-shadow:0 4px 24px #00000014}.mock-video-thumb{background:#1a1a2e;border-radius:8px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;position:relative;overflow:hidden}.mock-video-label{font-size:.72rem;color:#fff9;text-align:center;padding:0 12px}.mock-play-btn{width:36px;height:36px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff}.mock-play-btn--sm{width:28px;height:28px;font-size:.75rem}.mock-timeline{margin-bottom:14px}.mock-tl-track{height:20px;background:var(--surface2);border-radius:4px;position:relative;margin-bottom:6px}.mock-tl-range{position:absolute;inset:0 30% 0 25%;background:color-mix(in srgb,var(--accent) 25%,transparent);border:2px solid var(--accent);border-radius:3px;display:flex;align-items:center;justify-content:space-between}.mock-tl-handle{width:6px;height:100%;background:var(--accent);border-radius:2px;flex-shrink:0}.mock-tl-labels{display:flex;justify-content:space-between;font-size:.62rem;color:var(--text-muted)}.mock-actions{display:flex;align-items:center;gap:8px}.mock-time-input{display:flex;flex-direction:column;gap:2px;flex:1}.mock-label{font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.mock-value{font-size:.82rem;font-weight:600;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-variant-numeric:tabular-nums}.mock-btn{font-size:.8rem;padding:6px 12px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);color:var(--text);white-space:nowrap;cursor:default}.mock-btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.mock-seq-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mock-seq-title{font-size:.9rem;font-weight:700;color:var(--text)}.mock-seq-count{font-size:.72rem;color:var(--text-muted)}.mock-seq-list{display:flex;flex-direction:column;gap:6px}.mock-seq-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface2);border-radius:6px}.mock-seq-num{font-size:.72rem;color:var(--text-muted);width:14px;text-align:center;flex-shrink:0}.mock-seq-thumb{width:40px;height:26px;background:#1a1a2e;border-radius:3px;flex-shrink:0}.mock-seq-info{flex:1;min-width:0}.mock-seq-clip-title{font-size:.78rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.mock-seq-clip-sub{font-size:.65rem;color:var(--text-muted);margin-top:2px}.mock-seq-drag{font-size:.9rem;color:var(--border);cursor:default;flex-shrink:0}.mock-export-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mock-export-progress{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mock-export-bar{flex:1;height:6px;background:var(--surface2);border-radius:3px;overflow:hidden}.mock-export-fill{width:68%;height:100%;background:var(--accent);border-radius:3px}.mock-export-label{font-size:.68rem;color:var(--text-muted);white-space:nowrap}.mock-share-card{display:flex;flex-direction:column;gap:14px}.mock-mini-player{display:flex;align-items:center;gap:12px;padding:10px;background:var(--surface2);border-radius:8px}.mock-mini-screen{width:60px;height:40px;background:#1a1a2e;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mock-mini-info{flex:1;min-width:0}.mock-mini-title{font-size:.8rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-mini-sub{font-size:.68rem;color:var(--text-muted);margin-top:2px}.mock-link-row{display:flex;gap:8px;align-items:center}.mock-link-box{flex:1;font-size:.72rem;color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:7px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-social-row{display:flex;gap:8px}.mock-social-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:default}