*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #141414;--surface: #1e1e1e;--surface2: #2a2a2a;--border: #333;--accent: #5865f2;--accent-hover: #4752c4;--danger: #e04040;--text: #e8e8e8;--text-muted: #888;--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=light]{--bg: #ffffff;--surface: #ffffff;--surface2: #f2f2f2;--border: #e5e5e5;--accent: #065fd4;--accent-hover: #0356b8;--danger: #cc0000;--text: #0f0f0f;--text-muted: #606060}[data-theme=light] .clip-row--active,[data-theme=light] .project-card--active,[data-theme=light] .sv-row--active{background:#e8f0fe}[data-theme=light] .rt__playhead{background:#0f0f0f}[data-theme=light] .export-settings__panel,[data-theme=light] .export-toast{box-shadow:0 8px 24px #00000024}.app{display:flex;flex-direction:column;min-height:100vh}.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}.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}.yt-iframe,.player-wrapper iframe{width:100%!important;height:100%!important;border:none}.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);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;opacity:.65}.rt__band--active{opacity:.65}.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__playhead{position:absolute;top:0;width:2px;height:100%;background:#ffffffe6;transform:translate(-50%);pointer-events:none;border-radius:1px;z-index:4;box-shadow:0 0 4px #0009}.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}.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__swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pending-range__times{display:flex;flex-direction:column;gap:1px;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text);min-width:110px}.pending-range__dur{color:var(--text-muted);font-size:.7rem}.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}.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--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{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)}.clip-size-toggle{display:flex;gap:2px}.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--drag-over{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.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__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}.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__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)}.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:hidden;transition:box-shadow .18s}.video-card:hover{box-shadow:0 8px 24px #00000038}.card-thumbnail{height:158px;background:var(--surface2);position:relative;overflow:hidden}.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__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-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)}.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)}.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}@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}}