.player-actions[data-v-8f75e9ff]{display:flex;gap:8px;flex-shrink:0}.player-actions button[data-v-8f75e9ff]{min-height:44px;white-space:nowrap}.player-dialog .dialog-header>div[data-v-8f75e9ff]:first-child{min-width:0}.player-dialog video[data-v-8f75e9ff]{object-fit:contain}.player-dialog[data-v-8f75e9ff]:fullscreen,.player-dialog.window-expanded[data-v-8f75e9ff]{display:flex;flex-direction:column;gap:16px;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--dialog-bg);color:var(--text)}.player-dialog[data-v-8f75e9ff]:fullscreen::backdrop{background:#060b0c}.player-dialog:fullscreen .dialog-header[data-v-8f75e9ff],.window-expanded .dialog-header[data-v-8f75e9ff]{margin:0;flex-shrink:0}.player-dialog:fullscreen video[data-v-8f75e9ff],.window-expanded video[data-v-8f75e9ff]{flex:1;min-height:0;max-height:none;width:100%;height:0;object-fit:contain}.player-dialog:fullscreen .player-note[data-v-8f75e9ff],.window-expanded .player-note[data-v-8f75e9ff]{margin:0;flex-shrink:0}.in-app-fullscreen[data-v-8f75e9ff]{padding:0;align-items:stretch}.window-expanded[data-v-8f75e9ff]{box-shadow:none}@media(max-width:650px){.player-dialog .dialog-header[data-v-8f75e9ff]{flex-wrap:wrap;gap:12px}.player-dialog .dialog-header>div[data-v-8f75e9ff]:first-child{flex:1;min-width:100px}.player-actions button[data-v-8f75e9ff]{padding:0 10px;font-size:12px}.player-dialog .dialog-header h2[data-v-8f75e9ff]{font-size:18px}.player-dialog[data-v-8f75e9ff]:fullscreen,.player-dialog.window-expanded[data-v-8f75e9ff]{gap:12px}}@media(max-height:500px){.player-dialog[data-v-8f75e9ff]:fullscreen,.player-dialog.window-expanded[data-v-8f75e9ff]{gap:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.player-dialog:fullscreen .eyebrow[data-v-8f75e9ff],.window-expanded .eyebrow[data-v-8f75e9ff]{display:none}.player-dialog:fullscreen .player-note[data-v-8f75e9ff],.window-expanded .player-note[data-v-8f75e9ff]{font-size:11px}}.video-stage[data-v-8f75e9ff]{position:relative;min-height:0}.video-tap-target[data-v-8f75e9ff]{position:absolute;inset:0 0 64px;border:0;border-radius:8px 8px 0 0;padding:0;min-height:0;background:transparent;cursor:pointer;touch-action:manipulation}.video-tap-target[data-v-8f75e9ff]:hover,.video-tap-target[data-v-8f75e9ff]:active{background:transparent;transform:none}.player-dialog:fullscreen .video-stage[data-v-8f75e9ff],.window-expanded .video-stage[data-v-8f75e9ff]{display:flex;flex:1;min-height:0}.player-dialog:fullscreen .video-stage video[data-v-8f75e9ff],.window-expanded .video-stage video[data-v-8f75e9ff]{height:100%;max-height:none}.install-control[data-v-933d6004]{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;min-width:0}.install-button[data-v-933d6004]{font-size:11px;padding:0 12px;background:transparent;color:var(--accent);white-space:nowrap}.install-state[data-v-933d6004]{color:var(--accent);font-size:11px;line-height:44px;white-space:nowrap}.install-result[data-v-933d6004]{font-size:11px;color:var(--muted);line-height:1.6;max-width:260px}.install-dialog>p[data-v-933d6004]{font-size:14px;line-height:1.8;margin-top:16px}.install-dialog>p.muted[data-v-933d6004]{font-size:12px}@media(max-width:650px){.install-control[data-v-933d6004]{gap:4px}.install-result[data-v-933d6004]{max-width:180px;font-size:10px}}.app-select[data-v-3c121cc5]{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;min-width:0;padding:0 12px;background:var(--input-bg);color:var(--text);text-align:left;font-size:13px}.app-select>span[data-v-3c121cc5]:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-chevron[data-v-3c121cc5]{color:var(--muted);font-size:17px;flex-shrink:0}.app-select[aria-expanded=true][data-v-3c121cc5]{border-color:var(--accent)}.select-overlay[data-v-3c121cc5]{position:fixed;top:var(--viewport-top,0px);left:0;right:0;height:var(--viewport-height,100dvh);z-index:40}.select-popover[data-v-3c121cc5]{position:absolute;max-height:calc(100% - 24px);background:var(--dialog-bg);color:var(--text);border:1px solid var(--dialog-border);border-radius:12px;padding:8px;box-shadow:0 12px 40px var(--dialog-shadow);overflow:hidden}.select-popover header[data-v-3c121cc5]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-left:8px;color:var(--muted);font-size:12px}.select-popover header>span[data-v-3c121cc5]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-popover header button[data-v-3c121cc5]{border:0;background:transparent;min-height:44px;min-width:44px;padding:0 12px;font-size:12px;color:var(--muted)}.select-options[data-v-3c121cc5]{max-height:min(308px,calc(var(--viewport-height,100dvh) - 100px));overflow-y:auto;overscroll-behavior:contain;padding:4px 0}.select-options button[data-v-3c121cc5]{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;border:0;border-radius:7px;padding:10px 12px;text-align:left;font-size:14px;background:transparent;color:var(--text);transform:none}.select-options button>span[data-v-3c121cc5]:first-child{overflow-wrap:anywhere}.select-options button.highlighted[data-v-3c121cc5]{background:var(--button-hover)}.select-options button[aria-selected=true][data-v-3c121cc5]{background:var(--selected-bg);color:var(--selected-text);font-weight:600}.select-check[data-v-3c121cc5]{color:var(--accent);font-size:17px;flex-shrink:0}@media(max-width:650px){.select-overlay[data-v-3c121cc5]{background:var(--backdrop)}.select-popover[data-v-3c121cc5]{top:auto!important;left:0!important;bottom:0;width:100%!important;max-height:calc(100% - 16px);border-radius:16px 16px 0 0;padding:8px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.select-popover header[data-v-3c121cc5]{padding-left:12px}.select-options[data-v-3c121cc5]{max-height:min(352px,calc(var(--viewport-height,100dvh) - 112px))}.select-options button[data-v-3c121cc5]{padding:12px;min-height:48px}}.confirm-backdrop[data-v-99762b1f]{z-index:50}.confirm-dialog[data-v-99762b1f]{width:440px}.confirm-dialog h2[data-v-99762b1f]{font-size:21px}.confirm-dialog>p[data-v-99762b1f]{font-size:14px;line-height:1.8;color:var(--muted);margin-top:16px;overflow-wrap:anywhere}.confirm-dialog>p.error[data-v-99762b1f]{color:var(--error)}.confirm-actions[data-v-99762b1f]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.confirm-actions button[data-v-99762b1f]{min-height:44px;min-width:88px}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:var(--text);background:var(--background);font-synthesis:none;font-weight:400;--radius:12px;color-scheme:dark;--text:#e1e8e6;--background:#111819;--panel:#172022;--line:#2b3638;--muted:#8c9b9b;--accent:#b9d6a3;--accent-dark:#28382b;--button-bg:#202a2c;--button-text:#dce5e3;--button-hover:#2a3739;--button-active:#354448;--input-bg:#131c1e;--placeholder:#718183;--primary-text:#1b2c20;--primary-hover:#c9e2b7;--brand-border:#425340;--network-text:#a1aeac;--offline-dot:#d8b97b;--status-bg:#141d1e;--status-text:#849492;--section-text:#9caaa8;--selected-bg:#26342e;--selected-text:#c1d9b0;--category-dot:#829a86;--search-bg:#151e20;--search-icon:#9baba7;--empty-text:#9caf9e;--empty-border:#3b4c45;--empty-start:#23322c;--empty-end:#172322;--hint-text:#778b85;--footer-text:#738583;--preview-start:#263a35;--preview-end:#1b2a2e;--preview-line:#526b5922;--play-bg:#15231dd9;--play-text:#c5dbbc;--play-border:#66806173;--offline-text:#c4d5bf;--offline-bg:#16241cdb;--delete-text:#b9a49d;--backdrop:#070e11bb;--dialog-bg:#182224;--dialog-border:#394748;--dialog-shadow:#0005;--tabs-bg:#111b1d;--tabs-text:#92a29f;--tab-active-bg:#304039;--tab-active-text:#cde0c1;--field-text:#a6b7b0;--drop-border:#44554f;--error:#e6aea0;--spinner-border:#456045;--menu-text:#a4b5ad;--category-bg:#29372f;--category-text:#b5cba9}:root[data-theme=light]{color-scheme:light;--text:#25332c;--background:#f2f5f2;--panel:#ffffff;--line:#d2ddd5;--muted:#617168;--accent:#386436;--accent-dark:#e1ecdd;--button-bg:#e8eee9;--button-text:#304335;--button-hover:#dbe6de;--button-active:#cdddcf;--input-bg:#ffffff;--placeholder:#748276;--primary-text:#ffffff;--primary-hover:#2a5329;--brand-border:#b3c8aa;--network-text:#566a5d;--offline-dot:#99712d;--status-bg:#e9efea;--status-text:#5d7063;--section-text:#576f60;--selected-bg:#e0ecdb;--selected-text:#315b2e;--category-dot:#678661;--search-bg:#ffffff;--search-icon:#617b68;--empty-text:#57774e;--empty-border:#bacfbb;--empty-start:#e7efdf;--empty-end:#f5f8f1;--hint-text:#65796c;--footer-text:#63756a;--preview-start:#e1ecdf;--preview-end:#dce7e1;--preview-line:#728a6526;--play-bg:#f7fbf2eb;--play-text:#3e6733;--play-border:#8fae7e99;--offline-text:#35562e;--offline-bg:#f6faf1ed;--delete-text:#8b5749;--backdrop:#26392b66;--dialog-bg:#ffffff;--dialog-border:#c7d5c8;--dialog-shadow:#233b2633;--tabs-bg:#eff4ed;--tabs-text:#5c7161;--tab-active-bg:#dfead7;--tab-active-text:#31562b;--field-text:#546b5a;--drop-border:#adc4aa;--error:#a34835;--spinner-border:#b8cbb0;--menu-text:#5b7161;--category-bg:#e6efdf;--category-text:#476a37}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{min-height:44px}button{border:1px solid var(--line);border-radius:8px;background:var(--button-bg);color:var(--button-text);padding:0 16px;cursor:pointer;transition:background .1s,transform .1s}button:hover{background:var(--button-hover)}button:active{transform:translateY(1px);background:var(--button-active)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input{color:var(--text);background:var(--input-bg);border:1px solid var(--line);border-radius:8px;min-width:0;padding:0 12px;min-height:44px}input::placeholder{color:var(--placeholder)}.primary{background:var(--accent);border-color:var(--accent);color:var(--primary-text);font-weight:600}.primary:hover{background:var(--primary-hover)}.muted{color:var(--muted);font-size:13px;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:1.3px;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:19px;letter-spacing:1px;font-weight:650}h2{font-size:25px;font-weight:600;line-height:1.4}h3{font-size:15px;font-weight:550}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--accent-dark);color:var(--accent);border:1px solid var(--brand-border);border-radius:11px;font-size:18px;padding-left:3px}.brand .muted{font-size:11px;letter-spacing:1.4px}.top-actions{display:flex;gap:24px;align-items:center}.network{font-size:12px;color:var(--network-text);display:flex;align-items:center;gap:7px}.network i{width:6px;height:6px;background:var(--accent);border-radius:50%}.network i.offline{background:var(--offline-dot)}.statusbar{min-height:34px;display:flex;align-items:center;gap:24px;padding:4px 32px;background:var(--status-bg);border-bottom:1px solid var(--line);color:var(--status-text);font-size:11px}.statusbar>span:nth-child(2){margin-left:auto}.statusbar .text-button{min-height:28px}.workspace{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:calc(100dvh - 122px)}.sidebar{padding:28px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:16px}.section-heading{display:flex;justify-content:space-between;font-size:12px;color:var(--section-text);padding:0 12px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;padding:0 12px;font-size:13px}.sidebar nav button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav button span:last-child{color:var(--muted);font-size:11px}.sidebar nav button.selected{background:var(--selected-bg);color:var(--selected-text)}.nav-divider{height:1px;background:var(--line);margin:10px 12px}.category-dot:before{content:"▪";color:var(--category-dot);margin-right:10px}.manage-button{font-size:12px;background:transparent;color:var(--muted);border-style:dashed}.storage-note{margin-top:auto;padding:48px 12px 0}.storage-note strong{display:block;font-size:19px;margin:8px 0}.storage-note p{font-size:11px;color:var(--muted);line-height:1.8}.text-button{padding:0;background:transparent;border:0;min-height:44px;font-size:11px;color:var(--accent)}.library{padding:30px 32px;min-width:0;display:flex;flex-direction:column}.library-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:16px}.library-heading h2{margin-top:6px;overflow-wrap:anywhere}.count-label{color:var(--muted);font-size:12px;white-space:nowrap;padding-bottom:5px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);padding:18px 0;background:var(--panel);margin-bottom:24px}.stats>div{padding:0 24px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats span{font-size:11px;color:var(--muted);display:block;margin-bottom:9px}.stats strong{font-size:22px;font-weight:550;white-space:nowrap}.stats small{font-size:12px;color:var(--muted);font-weight:400}.stats .stat-accent{font-size:17px;color:var(--accent);line-height:26px}.filterbar{display:flex;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:10px;background:var(--search-bg);border:1px solid var(--line);border-radius:8px;padding-left:14px;flex:1}.search span{font-size:23px;color:var(--search-icon)}.search input{width:100%;border:0;background:transparent;padding-left:0;font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:310px;padding:48px 16px;text-align:center}.empty-icon{width:68px;height:62px;display:grid;place-items:center;color:var(--empty-text);font-size:36px;border:1px solid var(--empty-border);border-radius:14px;background:linear-gradient(145deg,var(--empty-start),var(--empty-end));margin-bottom:24px}.empty-state h3{font-size:19px;letter-spacing:.4px}.empty-state p{font-size:13px;color:var(--muted);margin:12px 0 24px;line-height:1.8}.source-hints{display:flex;gap:20px;color:var(--hint-text);font-size:11px;margin-top:20px}.source-hints span+span:before{content:"·";margin-right:20px}.library-footer{display:flex;justify-content:space-between;gap:12px;padding-top:20px;margin-top:auto;border-top:1px solid var(--line);font-size:10px;color:var(--footer-text)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;padding:24px 0;align-content:start}.video-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);min-width:0}.video-preview{position:relative;display:grid;place-items:center;aspect-ratio:16/9;width:100%;border-radius:0;border:0;border-bottom:1px solid var(--line);background:linear-gradient(140deg,var(--preview-start),var(--preview-end));overflow:hidden}.preview-lines{position:absolute;width:130%;height:160%;background:repeating-linear-gradient(135deg,transparent,transparent 38px,var(--preview-line) 39px,var(--preview-line) 40px);transform:rotate(-10deg)}.play-symbol{display:grid;place-items:center;background:var(--play-bg);color:var(--play-text);border:1px solid var(--play-border);width:46px;height:46px;border-radius:50%;padding-left:3px;z-index:1;font-size:16px}.offline-tag{position:absolute;left:12px;bottom:10px;font-size:10px;color:var(--offline-text);background:var(--offline-bg);padding:4px 7px;border-radius:4px}.video-info{padding:14px}.video-info h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px}.video-info p{font-size:11px;color:var(--muted);margin:5px 0 14px}.video-info p span{margin:0 8px}.card-actions{display:flex;gap:8px}.delete-button{font-size:12px;padding:0 12px;color:var(--delete-text);background:transparent}.modal-backdrop{position:fixed;inset:0;z-index:10;background:var(--backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center}.dialog{width:560px;max-width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--dialog-bg);border:1px solid var(--dialog-border);border-radius:16px;padding:24px;box-shadow:0 24px 90px var(--dialog-shadow)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.dialog-header h2{font-size:21px;margin-top:4px;overflow-wrap:anywhere}.dialog-header button{font-size:12px;flex-shrink:0}.tabs{display:flex;background:var(--tabs-bg);padding:4px;border:1px solid var(--line);border-radius:9px;margin-bottom:24px;gap:4px}.tabs button{flex:1;min-width:0;border:0;background:transparent;font-size:13px;padding:0 8px;color:var(--tabs-text)}.tabs button.active{background:var(--tab-active-bg);color:var(--tab-active-text)}.field{display:flex;flex-direction:column;gap:8px;color:var(--field-text);font-size:12px;margin-bottom:16px}.field input{width:100%;font-size:14px}.import-area{border:1px dashed var(--drop-border);border-radius:var(--radius);text-align:center;padding:28px 16px;margin:22px 0}.upload-symbol{color:var(--accent);font-size:36px;display:block;margin-bottom:10px}.import-area p{font-size:12px;color:var(--muted);margin:12px 0 20px}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;min-height:0;padding:0;border:0}.link-form .primary{width:100%;margin-top:20px}.import-footnote{font-size:11px;margin-top:20px}.examples>p{margin-bottom:12px}.examples article{padding:16px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;justify-content:space-between}.examples h3{font-size:14px}.examples article p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:6px}.examples button{font-size:12px}.category-form{display:flex;gap:10px}.category-form input{flex:1;width:0;font-size:13px}.category-form button{font-size:12px}.category-list{padding-top:20px}.category-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.category-list small{font-size:11px;color:var(--muted);margin-left:10px}.category-list button{font-size:12px}.notice{margin-top:16px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.7}.notice button{padding:0 12px;font-size:11px;background:transparent;border:0}.error{color:var(--error);font-size:13px;line-height:1.7}.dialog>.error,.dialog>.success{margin-top:16px}.success{color:var(--accent);font-size:13px;line-height:1.7}.transfer{display:flex;gap:12px;align-items:center;margin-top:20px;color:var(--accent);font-size:12px}.transfer button{margin-left:auto;font-size:12px}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid var(--spinner-border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-dialog{width:960px}.player-dialog video{display:block;width:100%;max-height:65dvh;background:#060b0c;border-radius:8px}.player-dialog>.muted{margin-top:16px}@media(min-width:1400px){.library{padding:36px 48px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:900px){.topbar{padding:0 24px}.statusbar{padding-left:24px;padding-right:24px}.workspace{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:24px 12px}.library{padding:24px}.stats>div{padding:0 14px}.stats strong{font-size:19px}.stats .stat-accent{font-size:14px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(max-width:650px){.topbar{height:78px;padding:0 16px;gap:12px}.brand{gap:10px}.brand-mark{width:36px;height:36px;font-size:15px}h1{font-size:17px}.brand .muted{font-size:10px;letter-spacing:.5px}.top-actions{gap:12px}.top-actions .primary{font-size:12px;padding:0 12px}.network{font-size:0;gap:0}.statusbar{font-size:10px;padding:5px 16px;gap:8px}.statusbar>span:nth-child(2){display:none}.workspace{display:block;min-height:calc(100dvh - 112px)}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:10px 16px;display:flex;flex-direction:row;gap:8px;align-items:center}.section-heading,.storage-note,.nav-divider{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;flex:1;min-width:0}.sidebar nav button{white-space:nowrap;flex-shrink:0;padding:0 12px;gap:8px}.sidebar nav button span:first-child{max-width:110px}.manage-button{white-space:nowrap;font-size:11px;padding:0 10px}.library{padding:24px 16px}.library-heading{margin-bottom:20px}.library-heading h2{font-size:23px}.stats{margin-bottom:20px;padding:14px 0}.stats>div{padding:0 10px}.stats strong{font-size:16px}.stats span{font-size:10px}.stats .stat-accent{font-size:12px;line-height:21px}.stats small{font-size:10px}.filterbar{gap:8px}.empty-state{min-height:330px;padding:36px 0}.empty-state h3{font-size:18px}.empty-state p{font-size:12px}.source-hints{gap:12px}.source-hints span+span:before{margin-right:12px}.video-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.video-info{padding:12px}.video-info h3{font-size:13px}.video-info p{font-size:10px}.card-actions{flex-wrap:wrap}.delete-button{width:100%}.library-footer{font-size:9px}.modal-backdrop{padding:16px;align-items:center}.dialog{padding:20px 16px}.dialog-header{margin-bottom:20px}.tabs button{font-size:12px}.category-form{gap:8px}.category-form button{padding:0 12px}.category-list small{display:block;margin:4px 0 0}.player-dialog video{max-height:55dvh}}.video-menu{border-top:1px solid var(--line);padding-top:4px}.video-menu summary{font-size:12px;color:var(--menu-text);cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;list-style:none}.video-menu summary:after{content:"⌄";font-size:16px}.video-menu[open] summary:after{content:"⌃"}.video-menu summary::-webkit-details-marker{display:none}.video-menu summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-actions{padding-bottom:4px}@media(max-width:650px){.stats .stat-accent{font-size:11px}}.visible-category{display:inline-block;border-radius:4px;padding:4px 7px;background:var(--category-bg);color:var(--category-text);font-size:10px;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 10px}.statusbar{flex-wrap:wrap;gap:8px 16px}.statusbar .text-button{min-height:44px}.modal-backdrop{inset:auto 0;top:var(--viewport-top,0px);height:var(--viewport-height,100dvh);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.dialog input{font-size:16px}@media(max-height:500px){.modal-backdrop{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));align-items:flex-start}.dialog{padding:16px}.dialog-header{margin-bottom:16px}.player-dialog video{max-height:50dvh}}@media(max-width:650px){.statusbar{padding-top:0;padding-bottom:0}.workspace{min-height:calc(100dvh - 122px)}}body{background:var(--background);color:var(--text)}.theme-toggle{font-size:12px;min-width:44px;padding:0 12px;white-space:nowrap}@media(max-width:650px){.theme-toggle{padding:0 8px}.top-actions{gap:8px}}@media(max-width:380px){.brand .muted{font-size:9px;letter-spacing:0}.topbar,.brand{gap:8px}}.workspace{min-height:calc(100dvh - 88px)}.library-footer.statusbar{padding:12px 0 0;background:transparent;border-bottom:0;gap:8px 16px}.library-footer.statusbar>span:nth-child(2){margin-left:0}@media(max-width:650px){.workspace{min-height:calc(100dvh - 78px)}.library-footer.statusbar{gap:4px 8px}}.library-heading{align-items:center;flex-wrap:wrap}.library-title{flex:1 1 160px;min-width:0}.library-title-row{display:flex;align-items:baseline;gap:12px}.library-title-row h2{min-width:0}.library-title-row .count-label{padding:0}.library-heading .stats{display:flex;flex:0 1 auto;border:0;border-radius:0;background:transparent;padding:0;margin:0}.library-heading .stats>div{padding:0 16px}.library-heading .stats>div:last-child{padding-right:0}.library-heading .stats span{margin-bottom:4px}.library-heading .stats strong{font-size:17px}.library-heading .stats .stat-accent{font-size:13px;line-height:22px}@media(max-width:900px){.library-heading .stats>div{padding:0 10px}}@media(max-width:650px){.library-heading{gap:16px}.library-title{flex-basis:100%}.library-heading .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.library-heading .stats>div:first-child{padding-left:0}.library-heading .stats strong{font-size:16px}.library-heading .stats .stat-accent{font-size:11px;line-height:21px}}.filterbar .app-select{width:124px;flex-shrink:0;font-size:12px}.card-actions .app-select{flex:1;width:0;font-size:12px}.field>.app-select{width:100%}@media(max-width:650px){.filterbar .app-select{width:100px;padding:0 8px}.card-actions .app-select{min-width:100%;font-size:11px}}.popup-enter-active,.select-popup-enter-active{transition:opacity .2s ease}.popup-leave-active,.select-popup-leave-active{transition:opacity .16s ease}.popup-enter-active>.dialog,.select-popup-enter-active>.select-popover{transition:transform .2s ease,opacity .2s ease}.popup-leave-active>.dialog,.select-popup-leave-active>.select-popover{transition:transform .16s ease,opacity .16s ease;pointer-events:none}.popup-enter-from,.popup-leave-to,.select-popup-enter-from,.select-popup-leave-to{opacity:0}.popup-enter-from>.dialog,.popup-leave-to>.dialog{transform:translateY(8px) scale(.98)}.select-popup-enter-from>.select-popover,.select-popup-leave-to>.select-popover{transform:translateY(-6px) scale(.98);opacity:0}@media(max-width:650px){.select-popup-enter-from>.select-popover,.select-popup-leave-to>.select-popover{transform:translateY(100%);opacity:1}}@media(prefers-reduced-motion:reduce){.popup-enter-active,.popup-leave-active,.select-popup-enter-active,.select-popup-leave-active,.popup-enter-active>.dialog,.popup-leave-active>.dialog,.select-popup-enter-active>.select-popover,.select-popup-leave-active>.select-popover{transition-duration:.001ms!important;transform:none!important}}
