:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f2f2;--panel:#fff;--panel-2:#f7f7f7;--accent:#6f1b1b;--accent-strong:#c01f25;--text:#1e1e1e;--muted:#6a6a6a;--text-subtle:#4f4f4f;--border:#d7d7d7;--divider:#0000000f;--divider-subtle:#0000000a;--soft-bg:#0000000a;--card-bg:#ffffffe6;--accent-border:#7b1f1f59;--accent-border-soft:#7b1f1f40;--accent-border-strong:#7b1f1f66;--accent-bg-soft:#7b1f1f0a;--accent-bg:#7b1f1f0f;--accent-bg-strong:#7b1f1f14;--accent-bg-emphasis:#7b1f1f1f;--accent-bg-emphasis-hover:#7b1f1f29;--brand-mark:#000000e6;--shadow:none;--radius-lg:6px;--radius-md:6px;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-serif:"Times New Roman", Times, serif;--topbar-height:56px;--breadcrumbs-height:40px;--dark-bg:#0f0f10;--dark-panel:#171717;--dark-panel-2:#1e1e1e;--dark-accent:#ff6a6f;--dark-accent-strong:#ff8f93;--dark-text:#f1f1f1;--dark-muted:#a8a8a8;--dark-text-subtle:#b7b7b7;--dark-border:#2a2a2a;--dark-divider:#ffffff14;--dark-divider-subtle:#ffffff0f;--dark-soft-bg:#ffffff0f;--dark-card-bg:#1b1b1beb;--dark-accent-border:#ff6a6f8c;--dark-accent-border-soft:#ff6a6f59;--dark-accent-border-strong:#ff6a6fb3;--dark-accent-bg-soft:#ff6a6f1f;--dark-accent-bg:#ff6a6f2e;--dark-accent-bg-strong:#ff6a6f42;--dark-accent-bg-emphasis:#ff6a6f33;--dark-accent-bg-emphasis-hover:#ff6a6f6b;--dark-brand-mark:#f2f2f2}@media (width<=900px){:root{--topbar-height:104px}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--dark-bg);--panel:var(--dark-panel);--panel-2:var(--dark-panel-2);--accent:var(--dark-accent);--accent-strong:var(--dark-accent-strong);--text:var(--dark-text);--muted:var(--dark-muted);--text-subtle:var(--dark-text-subtle);--border:var(--dark-border);--divider:var(--dark-divider);--divider-subtle:var(--dark-divider-subtle);--soft-bg:var(--dark-soft-bg);--card-bg:var(--dark-card-bg);--accent-border:var(--dark-accent-border);--accent-border-soft:var(--dark-accent-border-soft);--accent-border-strong:var(--dark-accent-border-strong);--accent-bg-soft:var(--dark-accent-bg-soft);--accent-bg:var(--dark-accent-bg);--accent-bg-strong:var(--dark-accent-bg-strong);--accent-bg-emphasis:var(--dark-accent-bg-emphasis);--accent-bg-emphasis-hover:var(--dark-accent-bg-emphasis-hover);--brand-mark:var(--dark-brand-mark)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme]),:root[data-theme=auto]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--dark-bg);--panel:var(--dark-panel);--panel-2:var(--dark-panel-2);--accent:var(--dark-accent);--accent-strong:var(--dark-accent-strong);--text:var(--dark-text);--muted:var(--dark-muted);--text-subtle:var(--dark-text-subtle);--border:var(--dark-border);--divider:var(--dark-divider);--divider-subtle:var(--dark-divider-subtle);--soft-bg:var(--dark-soft-bg);--card-bg:var(--dark-card-bg);--accent-border:var(--dark-accent-border);--accent-border-soft:var(--dark-accent-border-soft);--accent-border-strong:var(--dark-accent-border-strong);--accent-bg-soft:var(--dark-accent-bg-soft);--accent-bg:var(--dark-accent-bg);--accent-bg-strong:var(--dark-accent-bg-strong);--accent-bg-emphasis:var(--dark-accent-bg-emphasis);--accent-bg-emphasis-hover:var(--dark-accent-bg-emphasis-hover);--brand-mark:var(--dark-brand-mark)}}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--panel-2);color:var(--text);min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}button,input,select{font-family:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.context-menu-backdrop{z-index:40;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0}.context-menu{background:var(--panel);border:1px solid var(--border);z-index:41;border-radius:8px;gap:4px;min-width:180px;padding:6px;display:grid;position:fixed;box-shadow:0 14px 30px #0000001f}.context-menu-item{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.context-menu-item:hover{background:var(--panel-2);border-color:var(--divider-subtle)}.context-menu-item:disabled{opacity:.45;cursor:default}.context-menu-item:disabled:hover{background:0 0;border-color:#0000}.context-menu-icon{color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.context-menu-icon .icon{width:14px;height:14px;display:block;overflow:visible}.app-footer{background:var(--panel-2);border-top:1px solid var(--border);padding:12px 16px calc(20px + env(safe-area-inset-bottom));color:var(--muted);font-size:10px}.footer-drawer{opacity:0;pointer-events:none;z-index:8;transition:transform .22s ease-out,opacity .16s ease-out;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.footer-drawer.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.footer-drawer .app-footer{border-top:1px solid var(--border);max-height:min(60vh,520px);overflow:auto;box-shadow:0 -24px 60px #0000004d}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.footer-links{color:var(--text-subtle);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12px;display:flex}.footer-links a{color:inherit;text-underline-offset:3px;text-decoration:underline}.footer-body{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:10px;display:flex}.footer-body p{margin:0;line-height:1.5}.footer-theme{color:var(--muted);align-items:baseline;gap:8px;margin-left:auto;font-size:12px;display:inline-flex}.footer-theme select{border:1px solid var(--divider-subtle);background:var(--panel);color:var(--muted);border-radius:999px;height:26px;padding:0 10px;font-size:12px}.footer-theme select:focus{border-color:var(--accent-border-soft);outline:none}.footer-github{width:28px;height:28px;color:inherit;border:1px solid var(--divider-subtle);background:var(--panel);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.footer-github .icon{font-size:16px;line-height:1}.footer-build{color:var(--muted);opacity:.75;letter-spacing:.01em;text-decoration:none}@media (width<=900px){.footer-top{flex-direction:column;align-items:flex-start}.footer-theme{order:-1;margin-left:0}.footer-links{align-items:center}.footer-body{flex-direction:column;align-items:flex-start}}.topbar{background:var(--panel-2);border-bottom:1px solid var(--border);--control-height:36px;min-height:var(--topbar-height);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex}.brand{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex;position:relative}.brand-title{flex-direction:column;align-items:flex-end;gap:2px;min-width:0;line-height:1;display:flex;position:relative}.brand-mark{background:0 0;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.brand-mark svg{width:25px;height:25px;display:block}.brand-mark-path{fill:var(--brand-mark);transition:all .2s ease-in-out}.brand-subtitle{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;font-size:10px;position:absolute;top:100%;right:0}.brand:hover .brand-mark path{fill:var(--accent-strong)}.brand p{letter-spacing:.2px;margin:0;font-size:20px;line-height:1.1}.topbar-controls{align-items:center;gap:10px;display:flex}.topbar-info,.topbar-settings{border:1px solid var(--border);background:var(--panel);width:36px;height:36px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;transition:border-color .16s ease-out,color .16s ease-out;display:inline-flex}.topbar-info .icon,.topbar-settings .icon{font-size:18px}.topbar-info:hover,.topbar-settings:hover,.topbar-info.is-active{border-color:var(--accent-border);color:var(--accent)}.search{border:1px solid var(--border);background:var(--panel-2);min-width:260px;height:var(--control-height);border-radius:8px;align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.search-toggle{width:100%;height:var(--control-height);border:1px solid var(--border);background:var(--panel-2);color:var(--muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:none;overflow:hidden}.search-label-short{display:none}.search-toggle .icon{font-size:16px;line-height:1}.search input{min-width:260px;height:var(--control-height);box-shadow:none;background:0 0;border:none;border-radius:0;flex:auto;padding:0 12px 0 34px}.topbar-controls.search-collapsed .search{background:0 0;border:none}@media (width>=901px){.topbar-controls.search-collapsed .search{border:1px solid var(--border);background:var(--panel-2)}}.search input:focus,.search input:focus-visible{outline:none}.search input[type=search]::-webkit-search-cancel-button{appearance:none;display:none}.search input[type=search]::-webkit-search-decoration{appearance:none;display:none}.search input[type=search]::-webkit-search-results-button{appearance:none;display:none}.search input[type=search]::-webkit-search-results-decoration{appearance:none;display:none}.search-clear{border:none;border-left:1px solid var(--border);width:32px;height:100%;color:var(--muted);box-shadow:none;cursor:pointer;background:0 0;border-radius:0;place-items:center;display:grid;position:static}.search-clear.is-hidden{visibility:hidden;color:#0000;pointer-events:none;border-left-color:#0000}.search-clear .icon{font-size:13px}.search-clear:hover{color:var(--text);background:var(--panel)}.topbar-controls.search-active .search{border-color:var(--accent-border);background:var(--panel)}.topbar-controls.search-active .search-clear{border-left-color:var(--accent-border);color:var(--accent)}.topbar-controls.search-active .search-clear:hover{color:var(--accent-strong);background:var(--accent-bg-strong)}@media (width<=900px){.search input,.search{min-width:200px}}.search-icon.desktop{color:var(--muted);align-items:center;display:inline-flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-icon.desktop .icon{font-size:16px;line-height:1}@media (width<=900px){.topbar{flex-direction:column;align-items:flex-start}.topbar-controls{flex-direction:row;align-items:center;gap:8px;width:100%}.topbar-controls .view-toggle{flex:none}.topbar-controls .search{flex:1 1 0;min-width:0}.search input{width:100%;min-width:0}.topbar-controls.search-active .view-toggle{display:none}.topbar-controls.search-active .search{flex:100%}.topbar-controls.search-collapsed .search input,.search-icon.desktop{display:none}.topbar-controls.search-active .search-icon.desktop,.topbar-controls.search-collapsed .search-toggle{display:inline-flex}.topbar-controls.search-active .search-toggle,.search-label-full{display:none}.search-label-short{display:inline}.search-clear.is-hidden{display:none}}.icon{justify-content:center;align-items:center;width:1em;height:1em;font-size:1em;line-height:1;display:inline-flex}.page{flex-direction:column;height:100vh;min-height:100vh;padding:0;display:flex;overflow:hidden}.layout{background:var(--panel);height:calc(100vh - var(--topbar-height) - var(--breadcrumbs-height));--tree-panel-width:260px;--thumb-ratio:3 / 2;--folder-thumb:64px;--folder-card-ratio:4 / 1;--list-size-col-min:90px;--list-size-col-max:120px;--list-thumb-size:32px;flex:1;grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:stretch;gap:0;min-height:0;display:grid;position:relative;overflow:hidden}.layout>.panel+.panel{border-left:1px solid var(--divider)}.layout.zoom-sm{--grid-min:100px;--folder-thumb:36px}.layout.zoom-md{--grid-min:180px;--folder-card-ratio:6 / 1}.layout.zoom-lg{--grid-min:280px;--folder-thumb:96px;--folder-card-ratio:6.5 / 1}.footer-scroll-guard{top:var(--topbar-height);z-index:4;pointer-events:none;opacity:0;background:#0a0a0a80;transition:opacity .18s ease-out;position:fixed;bottom:0;left:0;right:0}.layout[data-footer-overlay=true] .footer-scroll-guard{pointer-events:auto;opacity:1}@media (width<=1100px){.page{height:auto;overflow:visible}.layout{height:auto;min-height:calc(100vh - var(--topbar-height) - var(--breadcrumbs-height));--tree-panel-width:0px;flex:none;grid-template-columns:1fr;overflow:visible}.layout>.panel+.panel{border-top:none;border-left:none}.tree-panel{display:none}.tree-panel,.list-panel{order:1}}@supports (height:100dvh){.page{height:100dvh;min-height:100dvh}.layout{height:calc(100dvh - var(--topbar-height) - var(--breadcrumbs-height))}}@media (width<=1100px){@supports (height:100dvh){.layout{height:auto;min-height:calc(100dvh - var(--topbar-height) - var(--breadcrumbs-height))}}}@media (width<=720px){.layout{--folder-thumb:48px;--folder-card-ratio:6 / 1;--list-size-col-min:70px;--list-size-col-max:96px;--list-thumb-size:28px}}.lightbox{--lightbox-toolbar-height:56px;--lightbox-pad-top:12px;--lightbox-pad-bottom:12px;--lightbox-safe-top:env(safe-area-inset-top,0px);--lightbox-safe-right:env(safe-area-inset-right,0px);--lightbox-safe-bottom:env(safe-area-inset-bottom,0px);--lightbox-safe-left:env(safe-area-inset-left,0px);--lightbox-viewport-height:100vh;--lightbox-stage-max-width:min(3200px, 94vw);--lightbox-stage-max-height:calc(var(--lightbox-viewport-height) - var(--lightbox-toolbar-height) - var(--lightbox-pad-top) - var(--lightbox-pad-bottom) - var(--lightbox-safe-top) - var(--lightbox-safe-bottom) - 20px);padding:calc(var(--lightbox-pad-top) + var(--lightbox-safe-top)) calc(32px + var(--lightbox-safe-right)) calc(var(--lightbox-pad-bottom) + var(--lightbox-toolbar-height) + var(--lightbox-safe-bottom)) calc(32px + var(--lightbox-safe-left));z-index:20;opacity:0;will-change:opacity;backface-visibility:hidden;background:#101010b3;flex-direction:column;justify-content:center;align-items:center;animation:.18s ease-out forwards lightboxFade;display:flex;position:fixed;inset:0}@supports (height:100dvh){.lightbox{--lightbox-viewport-height:100dvh}}.connection-lightbox{z-index:30;padding:24px env(safe-area-inset-right) 24px env(safe-area-inset-left);background:#10101099;place-items:center;display:grid;position:fixed;inset:0}.connection-lightbox-card{background:var(--panel);text-align:left;width:min(92vw,420px);color:var(--text);border-radius:16px;padding:20px 22px;box-shadow:0 24px 60px #00000059}.connection-lightbox-icon{background:var(--accent-bg-strong);width:42px;height:42px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:10px;font-size:20px;display:grid}.connection-lightbox-title{margin-bottom:8px;font-size:16px;font-weight:700}.connection-lightbox-copy{color:var(--muted);font-size:13px;line-height:1.5}.connection-lightbox-actions{justify-content:flex-end;margin-top:16px;display:flex}.connection-lightbox-button{border:1px solid var(--accent-border);background:var(--accent-bg-strong);color:var(--accent);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}.connection-lightbox-button:hover{background:var(--accent-bg-emphasis-hover)}.lightbox-backdrop{cursor:pointer;background:0 0;border:none;position:absolute;inset:0}.lightbox-stage{width:var(--lightbox-stage-max-width);z-index:1;pointer-events:none;will-change:transform, opacity;backface-visibility:hidden;flex-direction:column;flex:none;justify-content:center;gap:16px;height:auto;animation:.22s ease-out forwards lightboxRise;display:flex;position:relative;transform:translateY(8px)scale(.985)}.lightbox-body{width:auto;max-width:100%;height:auto;max-height:var(--lightbox-stage-max-height);pointer-events:auto;justify-content:center;align-self:center;align-items:center;display:flex;position:relative}.lightbox-body-dismiss{z-index:0;cursor:pointer;background:0 0;border:none;position:absolute;inset:0}.lightbox-body>:not(.lightbox-body-dismiss){z-index:1;position:relative}.lightbox-body.is-loading .lightbox-body-dismiss{z-index:2}.lightbox-body.is-loading>:not(.lightbox-body-dismiss){pointer-events:none}.lightbox-body.is-loading .lightbox-warning{pointer-events:auto;z-index:3}.lightbox-body.is-document{width:var(--lightbox-stage-max-width);height:var(--lightbox-stage-max-height)}.lightbox-body.is-document .lightbox-body-dismiss{pointer-events:none}.lightbox-nav{color:#f2f2f2;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;place-items:center;width:26px;height:26px;transition:background .15s,border-color .15s,color .15s;display:grid}.lightbox-nav .icon{width:14px;height:14px}.lightbox-nav:disabled{opacity:.35;cursor:default}.lightbox-side-nav{top:calc(50% - (var(--lightbox-toolbar-height) / 2));color:#ffffffa8;cursor:pointer;z-index:2;background:#acacac5c;border:none;border-radius:12px;place-items:center;width:108px;height:72px;transition:background .15s,color .15s;display:grid;position:absolute;transform:translateY(-50%)}.lightbox-side-nav .icon{width:34px;height:34px}.lightbox-side-nav:hover{color:#ffffffd1;background:#acacac7a}.lightbox-side-nav:disabled{color:#ffffff47;cursor:default;background:#acacac3d}.lightbox-side-nav-prev{border-top-left-radius:0;border-bottom-left-radius:0;left:0}.lightbox-side-nav-next{border-top-right-radius:0;border-bottom-right-radius:0;right:0}.lightbox-media{width:auto;height:auto;max-width:var(--lightbox-stage-max-width);max-height:var(--lightbox-stage-max-height);box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.lightbox-media.is-svg{width:var(--lightbox-stage-max-width);height:var(--lightbox-stage-max-height)}.lightbox-media img,.lightbox-media video{object-fit:contain;width:auto;height:auto;max-width:var(--lightbox-stage-max-width);max-height:var(--lightbox-stage-max-height);transition:opacity .12s}.lightbox-media.is-loading img,.lightbox-media.is-loading video{opacity:0}.lightbox-media.is-svg img{object-fit:contain;width:100%;height:100%}.lightbox-media video{background:#000}.media-loader{border:3px solid #fff3;border-top-color:#ffffffb3;border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin;position:absolute}.lightbox-stage audio{width:min(900px,90vw)}.lightbox-iframe{z-index:1;background:#1b1b1b;border:none;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;position:relative}.lightbox-text{text-align:left;color:#f1f1f1;background:#1b1b1b;border-radius:0;width:min(100%,900px);max-height:70vh;padding:16px;overflow:auto}.lightbox-text pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5}.lightbox-text.lightbox-markdown{font-size:14px;line-height:1.6}.lightbox-markdown-body h1,.lightbox-markdown-body h2,.lightbox-markdown-body h3{margin:0 0 12px;line-height:1.25}.lightbox-markdown-body p,.lightbox-markdown-body ul,.lightbox-markdown-body ol{margin:0 0 12px}.lightbox-markdown-body code{background:#ffffff14;border-radius:6px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.lightbox-markdown-body pre{background:#0000004d;border-radius:8px;margin:0 0 12px;padding:12px;overflow:auto}.lightbox-markdown-body pre code{background:0 0;padding:0}.lightbox-markdown-body a{color:#f1b3b6}.lightbox-note{color:var(--muted);margin-bottom:10px;font-size:12px}.lightbox-error{color:#f3b4b4;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.lightbox-retry{color:#f2f2f2;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.lightbox-retry:hover{background:#ffffff29;border-color:#fff6}.lightbox-unknown{color:#f1f1f1;text-align:left;background:#1b1b1b;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;width:min(100%,540px);padding:24px 26px;display:grid}.lightbox-unknown-icon{color:#fffc;background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.lightbox-unknown-icon .icon{font-size:16px}.lightbox-unknown-content{gap:8px;min-width:0;display:grid}.lightbox-unknown-title{font-size:14px;font-weight:600}.lightbox-unknown-copy{color:#f1f1f1b3;font-size:12px}.lightbox-toolbar{color:#e8e8e8;z-index:1;pointer-events:auto;background:#121212eb;justify-content:space-between;align-items:center;height:auto;min-height:64px;padding:12px 24px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 16px #00000059}.lightbox-meta{color:#ffffffbf;align-items:center;gap:18px;min-width:0;font-size:12px;display:flex}.lightbox-meta-left{align-items:flex-start;gap:10px;min-width:0;display:inline-flex}.lightbox-type-icon{color:#ffffffb3;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.lightbox-type-icon .icon{font-size:18px;line-height:1}.lightbox-name{text-overflow:ellipsis;white-space:nowrap;color:#f2f2f2;min-width:0;font-weight:600;overflow:hidden}.lightbox-meta-text{flex-direction:column;gap:6px;min-width:0;display:flex}.lightbox-meta-sub{white-space:nowrap;align-items:center;gap:12px;display:inline-flex}.lightbox-meta-path{color:#ffffff8c;align-items:center;gap:6px;font-size:11px;display:inline-flex}.lightbox-location-icon{align-items:center;display:inline-flex}.lightbox-location-icon .icon{font-size:12px;line-height:1}.lightbox-path{color:#ffffffbf;text-underline-offset:2px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;max-width:340px;padding:0;font-size:11px;text-decoration:underline;display:inline-block;overflow:hidden}.lightbox-path:hover{color:#f2f2f2}.lightbox-count{color:#ffffff73;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px}.lightbox-controls{align-items:center;gap:12px;display:inline-flex}.lightbox-nav-group{align-items:center;gap:6px;display:inline-flex}.lightbox.has-side-nav .lightbox-nav{display:none}.lightbox-download,.lightbox-share,.lightbox-close{color:#f1f1f1;box-sizing:border-box;appearance:none;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:30px;margin:0;padding:6px 12px;font-size:12px;line-height:1;text-decoration:none;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.lightbox-download .icon,.lightbox-share .icon{flex:none;width:12px;height:12px}.lightbox-download,.lightbox-share{color:#f1f1f1d1;background:#ffffff08;border-color:#ffffff24}.lightbox-download:hover,.lightbox-share:hover{color:#f1f1f1;background:#ffffff14;border-color:#ffffff3d}.lightbox-close{color:#f1f1f1b8;background:#ffffff05;border-color:#ffffff1f}.lightbox-close:hover{color:#f1f1f1e6;background:#ffffff0d;border-color:#ffffff2e}.lightbox-size,.lightbox-dimensions,.lightbox-duration{color:#fff9;font-variant-numeric:tabular-nums}.lightbox-dimensions{justify-content:flex-end;min-width:11ch;display:inline-flex}.lightbox-dimensions.is-loading{opacity:.35}@media (width<=720px){.lightbox{--lightbox-pad-top:6px;--lightbox-pad-bottom:6px;padding:calc(var(--lightbox-pad-top) + var(--lightbox-safe-top)) var(--lightbox-safe-right) calc(var(--lightbox-pad-bottom) + var(--lightbox-toolbar-height) + var(--lightbox-safe-bottom)) var(--lightbox-safe-left)}.lightbox-stage{width:100vw;max-width:100vw;height:calc(var(--lightbox-viewport-height) - var(--lightbox-toolbar-height) - var(--lightbox-pad-top) - var(--lightbox-pad-bottom) - var(--lightbox-safe-top) - var(--lightbox-safe-bottom))}.lightbox-body{width:100%;max-height:calc(var(--lightbox-viewport-height) - var(--lightbox-toolbar-height) - var(--lightbox-pad-top) - var(--lightbox-pad-bottom) - var(--lightbox-safe-top) - var(--lightbox-safe-bottom) - 8px)}.lightbox-media,.lightbox-media img,.lightbox-media video{max-width:100vw;max-height:calc(var(--lightbox-viewport-height) - var(--lightbox-toolbar-height) - var(--lightbox-pad-top) - var(--lightbox-pad-bottom) - var(--lightbox-safe-top) - var(--lightbox-safe-bottom) - 8px)}.lightbox-toolbar{height:auto;padding:14px calc(16px + var(--lightbox-safe-right)) calc(16px + var(--lightbox-safe-bottom)) calc(16px + var(--lightbox-safe-left));grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"meta meta nav""share download close";align-items:center;gap:10px 14px;display:grid}.lightbox-meta{grid-area:meta;gap:8px;width:100%;font-size:11px}.lightbox-meta-left{width:100%}.lightbox-name{white-space:normal;line-height:1.2}.lightbox-meta-sub{flex-wrap:wrap;gap:6px}.lightbox-path{max-width:100%}.lightbox-controls{display:contents}.lightbox-download,.lightbox-share,.lightbox-close{text-align:center;width:100%;padding:6px 10px;font-size:11px}.lightbox-share{grid-area:share;justify-content:center}.lightbox-download{grid-area:download}.lightbox-close{grid-area:close}.lightbox-nav-group{grid-area:nav;justify-self:end}.lightbox-side-nav{display:none}}@media (width<=1100px){.lightbox-side-nav{display:none}}@media (width<=360px){.lightbox-toolbar{grid-template-columns:1fr 1fr;grid-template-areas:"meta meta""nav nav""share download""close close"}.lightbox-nav-group{justify-self:center;padding:4px 0 2px}.lightbox-close{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes lightboxFade{0%{opacity:0}to{opacity:1}}@keyframes lightboxRise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lightbox-warning{color:#f1f1f1;text-align:left;background:#1b1b1b;border-radius:0;gap:10px;width:min(100%,540px);padding:20px 22px;display:grid}.lightbox-warning-title{font-size:14px;font-weight:600}.lightbox-warning-copy{color:#f1f1f1b3;font-size:12px;line-height:1.5}.lightbox-warning-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.lightbox-warning-checkbox{color:#f1f1f1a6;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:6px;font-size:11px;display:inline-flex}.lightbox-warning-checkbox input[type=checkbox]{accent-color:#f1f1f1;cursor:pointer;width:14px;height:14px}.lightbox-warning-button{color:#f1f1f1;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:4px;padding:6px 12px;font-size:12px;transition:border-color .16s,background .16s,color .16s}.lightbox-warning-button.is-secondary{color:#ffffffbf;background:#ffffff0a}.lightbox-warning-button:hover{background:#ffffff29;border-color:#fff6}.lightbox-warning-button.is-secondary:hover{color:#ffffffe6;background:#ffffff1a}.list{--list-row-height:calc(var(--list-thumb-size) + 16px);flex-direction:column;gap:8px;width:100%;display:flex}.list-body{flex-direction:column;width:100%;display:flex}.list-virtual{flex:1;min-height:0}.list-body-virtual{flex:1;width:100%;min-height:0}.list-virtuoso-list{width:100%}.list-header{grid-template-columns:minmax(0, 1fr) minmax(var(--list-size-col-min), var(--list-size-col-max));text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--divider-subtle);width:100%;padding:8px 14px;font-size:12px;display:grid}.list-row{grid-template-columns:minmax(0, 1fr) minmax(var(--list-size-col-min), var(--list-size-col-max));border-radius:var(--radius-md);text-align:left;background:0 0;border:1px solid #0000;align-items:center;width:100%;padding:8px 12px;display:grid}.list-row.selected{border-color:var(--accent-border-soft);background:var(--accent-bg-soft)}.list-row.is-selected{border-color:var(--accent-border-soft);background:0 0}.list-cell{align-items:center;gap:10px;display:flex}.list-cell.size{color:var(--muted);text-align:right;justify-self:end;display:block}.list-icon .icon{font-size:20px;line-height:1}.list-icon{width:var(--list-thumb-size);height:var(--list-thumb-size);flex:0 0 var(--list-thumb-size);border-radius:4px;place-items:center;display:grid;position:relative;overflow:hidden}.list-thumb{width:var(--list-thumb-size);height:var(--list-thumb-size);object-fit:cover;border-radius:4px}.list-thumb-stack{width:var(--list-thumb-size);height:var(--list-thumb-size);position:relative}.list-thumb-stack .list-thumb{width:var(--list-thumb-size);height:var(--list-thumb-size);object-fit:cover;border-radius:4px}.list-thumb-stack .list-thumb.loaded+.list-thumb-icon{opacity:0}.list-thumb-stack .list-thumb.thumb-failed{opacity:0;visibility:hidden}.list-thumb-icon{place-items:center;display:grid;position:absolute;inset:0}.grid{grid-template-columns:repeat(auto-fill, minmax(var(--grid-min), 1fr));grid-auto-rows:1fr;align-items:stretch;gap:4px;margin:4px;display:grid}.grid-folder-section{grid-auto-rows:auto}.grid-folder-section .grid-folder-card{grid-column:span 2}.grid-virtual{opacity:0;width:100%;height:100%;min-height:0;transition:opacity .14s ease-out,transform .14s ease-out;transform:translateY(4px)}@media (width<=1100px){.grid-card,.list-row{-webkit-user-select:none;user-select:none}.grid-virtual{height:auto;min-height:auto;margin-bottom:15px}.list-virtual,.list-body-virtual{flex:none;min-height:auto}.list{margin-bottom:15px}}.grid-virtual.is-ready{opacity:1;transform:translateY(0)}.grid-virtuoso-list{grid-auto-rows:1fr;container-type:inline-size}.virtuoso-grid-item{width:100%;min-width:0;height:100%;display:block}.grid-folder-thumb{height:min(var(--folder-thumb), 100%);width:var(--folder-thumb);aspect-ratio:1;background:var(--soft-bg);border-radius:12px;flex:none;place-items:center;max-width:100%;max-height:100%;display:grid;position:relative;overflow:hidden}.grid-folder-thumb .thumb-icon .icon{font-size:calc(var(--folder-thumb) * .55);line-height:1}.grid-folder-label{--grid-folder-gap:4px;gap:var(--grid-folder-gap);text-align:left;--grid-folder-line-height:1.3;min-width:0;font-size:14px;line-height:var(--grid-folder-line-height);max-height:calc(1em * var(--grid-folder-line-height) * 3 + var(--grid-folder-gap));flex-direction:column;display:flex;overflow:hidden}.grid-folder-label span:first-child{line-height:var(--grid-folder-line-height);-webkit-line-clamp:3;overflow-wrap:anywhere;word-break:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.grid-folder-label .grid-meta{line-height:var(--grid-folder-line-height)}@container (width<=320px){.grid-folder-card .grid-meta{display:none}}.grid-card{border-radius:var(--radius-md);text-align:left;border:1px solid #0000;flex-direction:column;gap:8px;width:100%;height:100%;padding:12px;display:flex;position:relative}.grid-card.grid-folder-card{--folder-card-pad-x:12px;--folder-card-pad-y:12px;padding:var(--folder-card-pad-y) var(--folder-card-pad-x);min-height:calc(var(--folder-thumb) + 24px);flex-direction:row;align-items:center;gap:12px;container-type:inline-size}.layout.zoom-sm .grid-card{padding:6px}.grid-card.selected{border-color:var(--accent-border);background:var(--accent-bg)}.grid-card.is-selected{border-color:var(--accent-border);background:var(--card-bg)}.selection-overlay{border-radius:inherit;background:var(--accent-bg-emphasis);pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;inset:0}.selection-icon{background:color-mix(in srgb, var(--panel) 90%, transparent);width:60%;height:60%;color:var(--accent);box-shadow:0 0 0 1px var(--accent-border-soft);border-radius:999px;place-items:center;display:grid}.selection-icon .icon{width:58%;height:58%}@media (hover:hover) and (pointer:fine){.list-row:hover:not(.selected):not(.is-selected){background:var(--accent-bg-soft);border-color:#0000}.grid-card:hover:not(.selected):not(.is-selected){background:var(--accent-bg);border-color:#0000}}.list-row.context-hovered:not(.selected):not(.is-selected){background:var(--accent-bg-soft);border-color:#0000}.grid-card.context-hovered:not(.selected):not(.is-selected){background:var(--accent-bg);border-color:#0000}.thumb{width:100%;aspect-ratio:var(--thumb-ratio);background:var(--soft-bg);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-stack{width:100%;height:100%;position:absolute;inset:0}.thumb-stack img{width:100%;height:100%;aspect-ratio:var(--thumb-ratio);object-fit:cover}.thumb-stack img.loaded+.thumb-icon{opacity:0}.thumb-stack img.thumb-failed{opacity:0;visibility:hidden}.thumb-stack .thumb-icon{place-items:center;display:grid;position:absolute;inset:0}.thumb-icon .icon{color:var(--muted);font-size:34px;line-height:1}.grid-label{flex-direction:column;gap:4px;min-height:54px;font-size:13px;line-height:1.3;display:flex}.grid-label span:first-child{-webkit-line-clamp:2;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.grid-meta{color:var(--muted);font-size:12px;line-height:1.3}@media (width<=720px){.list-header,.list-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:6px 8px}.grid{gap:4px}.grid-folder-card{max-width:100%;min-height:calc(var(--folder-thumb) + 4px)}.grid-card{gap:6px;padding:10px}.grid-folder-label{font-size:13px}.list-cell.size{text-align:right;white-space:nowrap;justify-self:end}.grid-card.grid-folder-card{--folder-card-pad-x:8px;--folder-card-pad-y:6px}.list{--list-row-height:calc(var(--list-thumb-size) + 12px)}}.breadcrumbs-bar{min-height:var(--breadcrumbs-height);background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:6px 12px;display:flex;position:relative;overflow:hidden}@media (width<=900px){.breadcrumbs-bar{padding:6px}}.breadcrumbs-scroll{scrollbar-width:none;-ms-overflow-style:none;z-index:1;flex:1;min-width:0;padding:0;display:block;position:relative;overflow:auto hidden}.breadcrumbs-scroll.has-overflow{--fade-left:transparent;--fade-right:transparent;-webkit-mask-image:linear-gradient(90deg, var(--fade-left) 0, #000 18px, #000 calc(100% - 18px), var(--fade-right) 100%);-webkit-mask-image:linear-gradient(90deg, var(--fade-left) 0, #000 18px, #000 calc(100% - 18px), var(--fade-right) 100%);mask-image:linear-gradient(90deg, var(--fade-left) 0, #000 18px, #000 calc(100% - 18px), var(--fade-right) 100%)}.breadcrumbs-scroll.has-overflow.fade-left{--fade-left:transparent}.breadcrumbs-scroll.has-overflow.fade-right{--fade-right:transparent}.breadcrumbs-scroll.has-overflow:not(.fade-left){--fade-left:#000}.breadcrumbs-scroll.has-overflow:not(.fade-right){--fade-right:#000}.breadcrumbs-scroll::-webkit-scrollbar{display:none}.breadcrumbs{white-space:nowrap;align-items:center;gap:0;display:inline-flex}.crumb-segment{align-items:center;gap:0;display:inline-flex}.crumb{color:var(--text);background:0 0;border-radius:999px;align-items:center;min-height:28px;padding:0 8px;font-size:15px;font-weight:400;line-height:1.1;display:inline-flex}.crumb .icon{font-size:16px;line-height:1}.crumb.is-home{justify-content:center;gap:0 8px;height:28px}.crumb.current{color:var(--accent);cursor:pointer}.crumb:hover{background:var(--panel-2)}@media (width<=1100px){.breadcrumbs-bar .crumb.current{background:var(--accent-bg-emphasis)}.breadcrumbs-bar .crumb.current:not(.is-home):hover{background:var(--accent-bg-emphasis-hover)}}.crumb-separator{color:var(--muted);align-self:center;margin:0 2px;line-height:1.1;display:inline-block}@media (width<=720px){.crumb{font-size:14px}.breadcrumbs-bar .crumb.current:not(.is-home){padding:0 8px}.crumb-label{min-width:0}.crumb.current .crumb-label{min-width:max-content}.crumb-separator{margin:0 4px}}.panel{background:var(--panel);box-shadow:none;border:none;border-radius:0;flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.panel-header{border-bottom:1px solid var(--divider);background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;height:40px;padding:0 12px;display:grid}.panel-header>div:first-child{align-items:center;gap:8px;min-width:0;display:flex}.panel-header-icon{width:20px;height:20px;color:var(--accent);background:var(--accent-bg-soft);border:1px solid var(--accent-border-soft);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.panel-actions{align-items:center;gap:8px;display:inline-flex}.panel-action-btn.is-emphasis{border-color:var(--accent-border-soft);color:var(--accent);background:0 0;font-weight:600}.panel-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.1;display:inline;overflow:hidden}.panel-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.1;display:inline;overflow:hidden}@media (width<=720px){.list-panel .panel-title{display:none}.list-panel.has-error .panel-title,.list-panel.has-error .panel-sub{display:inline}}.panel-body{flex:1;min-height:0;padding:0;overflow:auto}.panel.selection-active .panel-body{padding-bottom:96px}.directory-content{animation:.14s ease-out directory-fade-in}@keyframes directory-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.directory-content{animation:none}}@media (width<=1100px){.panel{height:auto}.panel-body{flex:none;min-height:auto;overflow:visible}.panel.tree-panel{display:none}}.selection-bar{background:var(--panel);border:1px solid var(--accent-border);z-index:6;border-radius:18px;gap:10px;width:min(560px,100% - 24px);margin:0;padding:10px 12px;animation:.18s ease-out selection-bar-rise;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0000002e}.selection-bar-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.selection-bar-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.selection-bar-summary{min-width:0}.selection-bar-meta{color:var(--muted);margin-top:2px;font-size:11px}.selection-bar-info{flex:auto;align-items:center;gap:8px;min-width:0;display:inline-flex}.selection-bar-icon{background:var(--accent-bg-strong);width:26px;height:26px;color:var(--accent);border:1px solid var(--accent-border-soft);border-radius:999px;flex:none;place-items:center;display:grid}.selection-bar-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;display:grid}.selection-bar-actions .panel-action-btn{white-space:nowrap;justify-content:center}@media (width<=760px){.selection-bar-title{font-size:13px}.selection-bar-cancel{padding-inline:10px}}@media (width<=600px){.selection-bar{width:calc(100% - 16px)}.selection-bar-top{align-items:flex-start}.selection-bar-actions{grid-template-columns:1fr}.selection-bar-download{order:1}.selection-bar-select-all{order:2}}@keyframes selection-bar-rise{0%{transform:translate(-50%,12px)}to{transform:translate(-50%)}}.batch-status{border-bottom:1px solid var(--divider);background:var(--panel-2);color:var(--text);gap:6px;padding:10px 12px;font-size:12px;display:grid}.batch-status-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.batch-status-title{font-weight:600}.batch-status-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.batch-status-warning,.batch-status-error{color:var(--accent)}.batch-status progress{width:100%;height:8px;accent-color:var(--accent)}.batch-status-file{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.batch-status-cancel,.batch-status-dismiss{border:1px solid var(--divider-subtle);color:var(--text-subtle);background:0 0;border-radius:6px;padding:2px 8px;font-size:11px}.batch-status-cancel:hover,.batch-status-dismiss:hover{color:var(--text);border-color:var(--border);background:var(--panel)}.state{text-align:center;color:var(--muted);padding:30px 0}.state-icon{width:48px;height:48px;color:var(--muted);opacity:.6;place-items:center;margin:0 auto 10px;display:grid}.state-icon .icon{width:28px;height:28px}.state-title{color:var(--text);opacity:.6;font-weight:600}.not-found{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:24px;padding:32px 20px;display:grid}.not-found-copy{gap:14px;display:grid}.not-found-title{color:var(--text);align-items:center;gap:10px;padding-bottom:8px;font-size:28px;font-weight:600;display:inline-flex;position:relative}.not-found-subtitle{color:var(--text-subtle);margin-top:-6px;font-size:14px}.not-found-title:after{content:"";background:var(--accent);border-radius:999px;width:64px;height:3px;margin-top:6px;display:block}.not-found-title-icon{background:var(--accent-bg-soft);width:30px;height:30px;color:var(--accent);border:1px solid var(--accent-border-soft);border-radius:10px;place-items:center;display:grid}.not-found-title-icon .icon{width:18px;height:18px}.not-found-desc{color:var(--text-subtle);font-size:14px;line-height:1.5}.not-found-actions{flex-wrap:wrap;gap:8px;display:flex}.not-found-actions .state-cta{background:var(--panel);border:1px solid var(--divider-subtle);color:var(--text)}.not-found-actions .state-cta:last-child{background:var(--accent);border-color:var(--accent);color:var(--panel)}@media (width<=900px){.not-found{grid-template-columns:1fr}}.state.error{color:var(--accent)}.state-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.state-actions .state-cta{margin-top:0}.state-cta{border:1px solid var(--accent-border);background:var(--accent-bg-strong);color:var(--accent);border-radius:6px;margin-top:10px;padding:6px 10px;font-size:12px;font-weight:600}.download-modal-backdrop{z-index:50;background:#1010108c;border:none;position:fixed;inset:0}.download-modal{background:var(--panel);border:1px solid var(--divider);z-index:51;border-radius:16px;grid-template-rows:auto minmax(80px,1fr) auto;align-content:start;gap:12px;width:min(92vw,400px);min-height:200px;padding:18px 20px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #00000059}.download-modal-title{font-size:15px;font-weight:700}.download-modal-sub{color:var(--muted);margin-top:4px;font-size:12px}.download-modal-body{align-content:start;gap:8px;font-size:12px;display:grid}.download-modal-row{color:var(--text);justify-content:space-between;gap:12px;display:flex}.download-modal-row strong{font-weight:600}.download-modal-warning{background:var(--accent-bg-soft);color:var(--accent);border:1px solid var(--accent-border-soft);border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.4}.download-modal-actions{justify-content:flex-end;gap:8px;display:flex}.download-modal-btn{border:1px solid var(--accent-border);background:var(--accent-bg-strong);color:var(--accent);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}.download-modal-btn.is-secondary{border-color:var(--divider-subtle);color:var(--text-subtle);background:0 0}.download-modal-btn:hover{background:var(--accent-bg-emphasis-hover)}.download-modal-btn.is-secondary:hover{background:var(--panel-2);border-color:var(--divider)}.download-progress-backdrop{z-index:52;background:#10101099;border:none;position:fixed;inset:0}.download-progress-modal{background:var(--panel);border:1px solid var(--divider);z-index:53;border-radius:16px;grid-template-rows:auto minmax(80px,1fr) auto;align-content:start;gap:12px;width:min(92vw,400px);min-height:200px;padding:18px 20px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #00000059}.download-progress-title{font-size:15px;font-weight:700}.download-progress-sub{color:var(--muted);margin-top:4px;font-size:12px}.download-progress-body{align-content:start;gap:10px;font-size:12px;display:grid}.download-progress-meta{color:var(--text);justify-content:space-between;align-items:center;gap:12px;display:flex}.download-progress-modal progress{width:100%;height:8px;accent-color:var(--accent)}.download-progress-file{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.download-progress-actions{justify-content:flex-end;gap:8px;display:flex}.settings-modal{z-index:30;background:#10101099;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.settings-backdrop{cursor:pointer;background:0 0;border:none;position:absolute;inset:0}.settings-card{background:var(--panel);width:min(92vw,560px);max-height:min(80vh,640px);color:var(--text);border-radius:16px;flex-direction:column;gap:16px;padding:20px 22px;display:flex;position:relative;overflow:auto;box-shadow:0 24px 60px #00000059}.settings-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-title{font-size:16px;font-weight:700}.settings-subtitle{color:var(--muted);margin-top:4px;font-size:12px}.settings-close{border:1px solid var(--border);background:var(--panel-2);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.settings-close .icon{font-size:14px}.settings-close:hover{border-color:var(--accent-border);color:var(--accent)}.settings-body{gap:16px;display:grid}.settings-row{border:1px solid var(--border);background:var(--panel-2);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 14px;font-size:13px;display:grid}.settings-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-label{color:var(--text);font-weight:600}.settings-control{align-items:center;display:flex}.settings-control select{border:1px solid var(--border);background:var(--panel);width:180px;height:36px;color:var(--text);border-radius:8px;padding:0 10px}.settings-hint{color:var(--muted);font-size:12px}.settings-control input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}@media (width<=720px){.settings-modal{padding:0}.settings-card{border-radius:0;width:100%;height:100%;max-height:100%;padding:22px 20px}.settings-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-row-select{grid-template-columns:1fr;align-items:flex-start}.settings-row-select .settings-control{justify-content:flex-start;width:100%}.settings-row-select .settings-control select{width:100%}}.snackbar{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:60;border:1px solid var(--divider-subtle);background:color-mix(in srgb, var(--panel) 94%, #000 6%);width:min(560px,100vw - 24px);color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 28px #00000042}.snackbar-message{flex:auto;font-size:13px;line-height:1.4}.snackbar-close{border:1px solid var(--divider-subtle);color:var(--text-subtle);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.snackbar-close:hover{background:var(--panel-2);border-color:var(--divider);color:var(--text)}@media (width<=720px){.snackbar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:10px;gap:8px;width:auto;padding:10px;transform:none}.snackbar-message{font-size:12px}.snackbar-close{padding:4px 8px;font-size:11px}}.panel-sort,.panel-batch{align-items:center;gap:6px;display:inline-flex}.panel-action-btn{border:1px solid var(--divider-subtle);color:var(--text-subtle);background:0 0;border-radius:6px;align-items:center;gap:6px;height:26px;padding:0 8px;font-size:12px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.panel-action-btn.active{color:var(--accent);background:var(--accent-bg-soft);border-color:var(--accent-border-soft)}.panel-action-btn.is-primary{color:var(--panel);background:var(--accent);border-color:var(--accent)}.panel-action-btn.is-primary:hover:not(:disabled){filter:brightness(1.02)}.panel-action-btn.is-secondary{color:var(--muted)}.panel-action-btn:disabled{opacity:.5;cursor:not-allowed}.panel-sort-btn{border:1px solid var(--divider-subtle);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:68px;height:26px;padding:0 6px;font-size:11px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.panel-sort-btn:not(.active){gap:0}.panel-sort-btn.active{color:var(--accent);border-color:var(--divider-subtle);background:#00000008;justify-content:center}.panel-sort-btn.active .sort-icon{opacity:.85}.panel-sort-btn .sort-icon{width:0;overflow:hidden}.panel-sort-btn.active .sort-icon{width:auto;overflow:visible}.panel-sort-btn.dir-desc .sort-icon{transform:rotate(180deg)}.sort-icon{opacity:0;font-size:11px;line-height:1;transition:opacity .2s,transform .2s;display:inline-flex}.tree-scroll{padding:6px 2px 8px 0;overflow:hidden auto}.tree-panel{border-right:1px solid #0000000f}.tree-collapse{width:28px;height:28px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.tree-actions{align-items:center;gap:6px;display:inline-flex}.tree-expand{width:28px;height:28px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.tree-expand .icon{font-size:14px;line-height:1;transform:none}.tree-expand:hover{color:var(--text);background:var(--panel-2);border-color:var(--border)}.tree-expand:disabled{opacity:.5;cursor:not-allowed}.tree-collapse .icon{font-size:14px;line-height:1}.tree-collapse:hover{color:var(--text);background:var(--panel-2);border-color:var(--border)}.tree-node{min-width:0;padding-left:0}.tree-node-row{align-items:center;width:100%;min-width:0;padding:2px 0;display:flex}.tree-toggle{width:22px;height:26px;color:var(--text-subtle);background:0 0;border-radius:4px;flex:0 0 22px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.tree-toggle-icon{font-size:16px;line-height:1;transition:transform .12s;display:inline-flex;transform:rotate(0)}.tree-toggle.open .tree-toggle-icon{transform:rotate(90deg)}.tree-toggle.placeholder{background:0 0;flex:0 0 22px;width:22px;height:26px;display:inline-flex}.tree-label{text-align:left;color:var(--text);border-radius:4px;flex:auto;align-items:center;gap:8px;min-width:0;max-width:100%;padding:3px 4px;font-size:13px;display:flex}.tree-label:hover{background:#00000008}.tree-node.active>.tree-node-row .tree-label{color:var(--accent);font-weight:inherit;text-shadow:none;background:var(--accent-bg-soft);box-shadow:inset 0 0 0 1px var(--accent-border-soft)}.tree-icon .icon{flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;line-height:1;display:inline-flex}.tree-name{-webkit-line-clamp:2;text-overflow:ellipsis;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;line-height:1.2;display:-webkit-box;overflow:hidden}.tree-label,.tree-name{min-width:0}.tree-children{border-left:none;margin-left:10px;padding-left:8px}.tree-node.root-node>.tree-children{margin-left:2px;padding-left:2px}.view-toggle{border:1px solid var(--border);background:var(--panel);box-shadow:none;height:var(--control-height,36px);border-radius:8px;align-items:stretch;display:inline-flex;overflow:hidden}.view-segment{border-right:1px solid var(--border);align-items:center;gap:0;padding:0;transition:background-color .2s;display:inline-flex}.view-segment:last-child{border-right:none}.view-segment.active{background:0 0}.view-button{color:var(--muted);background:0 0;border:none;align-items:center;gap:6px;height:100%;padding:0 10px;font-size:12px;font-weight:600;transition:color .2s;display:inline-flex}.view-segment.active .view-button{color:var(--accent)}.view-icon{justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.view-icon .icon{font-size:14px;line-height:1}.size-toggle{border-left:1px solid var(--border);opacity:1;transform-origin:0;flex:none;justify-content:center;align-items:center;gap:1px;width:auto;height:100%;padding:1px;transition:width .18s,opacity .18s,transform .18s;display:inline-flex;overflow:hidden}.size-toggle button{color:var(--muted);background:0 0;border:none;border-radius:8px;min-width:32px;min-height:32px;padding:0 8px;font-size:11px;font-weight:600;transition:background-color .2s,color .2s}.size-toggle button.active{color:var(--accent);background:0 0}.view-toggle.mode-list .size-toggle{opacity:0;border-left:none;width:0;padding-left:0;transform:scaleX(0)}.view-toggle.mode-list .size-toggle button{pointer-events:none}@media (width<=720px){.view-toggle{width:auto;height:var(--control-height,36px);align-items:stretch}.view-segment{flex-direction:row;flex:none;justify-content:center;align-items:center;gap:0;padding:0}.view-button{justify-content:center;width:100%;height:100%;padding:0 8px;font-size:12px}}
