:root{--bg:#1f2229;--bg-gradient:#1f2229;--bg-pattern:radial-gradient(#ffffff26 1px, transparent 1px);--bg-pattern-size:20px 20px;--panel:#ffffff0d;--panel-strong:#ffffff1a;--line:#ffffff1f;--muted:#a1a1aa;--text:#f4f4f5;--accent:#d4d4d8;--accent-strong:#fafafa;--warn:#fbbf24;--glow:0 0 12px #ffffff1a;--glass-blur:blur(24px)}:root[data-theme=light]{--bg:#f4f4f5;--bg-gradient:#f4f4f5;--bg-pattern:radial-gradient(#0000001a 1px, transparent 1px);--bg-pattern-size:20px 20px;--panel:#00000008;--panel-strong:#00000014;--line:#0000001a;--muted:#52525b;--text:#18181b;--accent:#3f3f46;--accent-strong:#000;--warn:#d97706;--glow:0 0 12px #0000001a;--glass-blur:blur(24px)}:root[data-brand=costaflix]{--bg:#0e1015;--bg-gradient:radial-gradient(1200px 600px at 20% -10%, #f03e361a, transparent 60%), #0e1015;--bg-pattern:none;--bg-pattern-size:auto;--panel:#191c23;--panel-strong:#22262f;--line:#ffffff14;--muted:#ffffff9e;--text:#fff;--accent:#e8a33d;--accent-strong:#f03e36;--warn:#e8a33d;--glow:0 0 18px #f03e362e;--cfx-red:#f03e36}.cfx-home{margin-bottom:28px}.cfx-doors{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:26px;display:grid}.cfx-door{color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:150px;font-size:26px;font-weight:800;transition:transform .15s,filter .15s;display:flex;box-shadow:0 14px 30px #00000059}.cfx-door:hover{filter:brightness(1.08);transform:translateY(-2px)}.cfx-door.video{background:linear-gradient(135deg,#f03e36,#940e16)}.cfx-door.photo{background:linear-gradient(135deg,#2f7de1,#1e4fa0)}.cfx-row{margin:0 0 22px}.cfx-row h3{margin:0 0 10px;font-size:18px;font-weight:800}.cfx-row-scroll{scroll-snap-type:x proximity;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.cfx-tile{width:220px;color:inherit;cursor:pointer;text-align:left;scroll-snap-align:start;background:0 0;border:none;flex:none;padding:0}.cfx-tile-img{background:var(--panel);border-radius:12px;width:220px;height:124px;display:block;position:relative;overflow:hidden}.cfx-tile-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .25s}.cfx-tile:hover .cfx-tile-img img{transform:scale(1.05)}.cfx-play{color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cfx-play svg{background:#00000073;border-radius:999px;width:44px;height:44px;padding:10px}.cfx-tile-name{opacity:.85;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:13px;display:block;overflow:hidden}.cfx-brand{letter-spacing:-.01em;color:var(--cfx-red,#f03e36)!important;font-weight:900!important}
*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-feature-settings:"cv02", "cv03", "cv04", "cv11";margin:0;font-family:Outfit,Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}html[data-embedded=true],html[data-embedded=true] body{background:0 0!important}button,input,select{font:inherit}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(20px,3vw,32px)}h2{font-size:18px}html[data-embedded=true] #album-topbar{display:none!important}html[data-embedded=true] .flex.h-screen.flex-col{height:100dvh!important}html[data-embedded=true] .course-app{grid-template-rows:minmax(0,1fr)!important;gap:0!important;height:100dvh!important;padding:0!important}html[data-embedded=true] .app-shell.sidebar-collapsed .main-head,html[data-embedded=true] .app-shell.sidebar-collapsed .hub-title{padding-left:56px}html[data-embedded=true] .sidebar-toggle-floating{display:flex}
.app-container{color:#fff;background:#121318;flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.app-shell{flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar-wrapper{width:var(--sidebar-width,320px);border-right:1px solid var(--line);background:#1e2029;flex-shrink:0;height:100%;transition:width .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.sidebar-wrapper.resizing{transition:none!important}.sidebar-wrapper.collapsed{border-right:0;width:0!important}.sidebar-resize-handle{cursor:col-resize;z-index:70;background-color:#0000;width:8px;height:100%;transition:background-color .2s;position:absolute;top:0;right:-4px}.sidebar-resize-handle:hover,.sidebar-resize-handle.active{background-color:var(--accent)}.sidebar{background:var(--panel);width:100%;height:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-direction:column;display:flex;overflow:hidden}@media (max-width:860px){.sidebar-wrapper{z-index:50;height:100%;position:absolute;top:0;bottom:0;left:0;transform:translate(0);box-shadow:10px 0 30px #00000080;width:280px!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important}.sidebar-wrapper.collapsed{border-right:0;transform:translate(-100%);width:280px!important}.sidebar-resize-handle{display:none!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#00000073;display:block;position:fixed;inset:0}}.gallery-main{background:#121318;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.gallery-header{border-bottom:1px solid var(--line);flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;padding:24px;display:flex}@media (min-width:768px){.gallery-header{flex-direction:row;align-items:center}}.header-info{flex-direction:column;display:flex}.header-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800;line-height:1.2}.header-subtitle{color:var(--muted);margin:4px 0 0;font-size:12px}.header-actions{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}@media (min-width:768px){.header-actions{justify-content:flex-end;width:auto}}.content-grid{overscroll-behavior:contain;flex:1;min-height:0;padding:18px;overflow:auto}.sidebar-backdrop{display:none}.sidebar-toggle-btn{top:26px;left:calc(var(--sidebar-width,320px) - 50px);z-index:60;border:1px solid var(--line);background:var(--panel-strong);width:32px;height:32px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:left .2s cubic-bezier(.4,0,.2,1),transform .2s,background-color .2s,border-color .2s;display:flex;position:absolute;box-shadow:0 4px 12px #0003}.sidebar-toggle-btn.resizing{transition:none!important}.sidebar-toggle-btn:hover{border-color:var(--accent);background:var(--panel);color:var(--accent-strong)}.sidebar-toggle-btn.collapsed{left:16px!important}@media (max-width:860px){.sidebar-toggle-btn{display:none!important}}.sidebar-mobile-toggle{display:none}@media (max-width:860px){.sidebar-mobile-toggle{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin-right:8px;padding:8px;transition:background-color .2s;display:inline-flex}.sidebar-mobile-toggle:hover{background:#ffffff14}}
.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand>div:last-child{min-width:0}.brand-mark{border:1px solid var(--line);width:42px;height:42px;color:var(--accent);background:linear-gradient(135deg,#9ca3af38,#6b72802e);border-radius:13px;place-items:center;display:grid}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px}.small{color:var(--muted);font-size:13px}.badge{background:var(--panel-strong);color:#cbd5e1;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px}.meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}
button{-webkit-tap-highlight-color:transparent}.search-wrap{border-bottom:1px solid var(--line);padding:14px 18px}.search{border:1px solid var(--line);background:var(--panel);width:100%;min-height:46px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);border-radius:12px;outline:none;padding:0 14px}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9ca3af1f}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:0 12px;transition:all .3s;display:inline-flex}.btn:hover{box-shadow:var(--glow);border-color:var(--accent);filter:brightness(1.08)}.btn.primary{background:var(--accent-strong);border-color:var(--accent);color:#03110c;font-weight:800}.btn.danger{background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--accent);color:#fecaca;font-weight:800}.btn:disabled{cursor:not-allowed;filter:grayscale();opacity:.45}.icon-btn,.panel-collapse-btn{width:42px;min-width:42px;padding:0}.panel-collapse-btn{border:1px solid var(--line);background:var(--panel);height:38px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#cbd5e1;cursor:pointer;border-radius:12px;place-items:center;display:grid}.panel-collapse-btn:hover{border-color:var(--accent);color:#e5e7eb}.empty-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.mini-action{border:1px solid var(--line);background:var(--panel-strong);color:#e5e7eb;cursor:pointer;border-radius:11px;height:40px;padding:0 10px}.mini-action:disabled{cursor:not-allowed;opacity:.45}.quicklook-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.fullscreen-close-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f1f5f9;cursor:pointer;z-index:10000;background:#00000080;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:48px;height:48px;transition:all .2s;display:grid;position:absolute;top:24px;right:24px;box-shadow:0 4px 12px #00000080}.fullscreen-close-btn:hover{border-color:var(--accent);color:#fff;background:#ff00004d;transform:scale(1.05)}
.tag-chips,.card-tags,.active-filter-row{flex-wrap:wrap;gap:6px;display:flex}.tag-chip,.active-tag,.card-tags span{white-space:nowrap;border-radius:999px;font-size:11px;line-height:1;transition:all .2s}.cards.grid-mode{grid-template-columns:repeat(auto-fill, minmax(var(--card-min,220px), 1fr));gap:20px;display:grid}.cards.list-mode{flex-direction:column;gap:12px;display:flex}.cards.is-loading{opacity:.45;pointer-events:none;transition:opacity .15s}.folder-card,.video-card,.file-card,.empty-card,.error-card,.notice-card{border:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;border-radius:16px;padding:14px}.notice-card{border-color:var(--accent);color:#e5e7eb;align-items:center;gap:10px;margin-bottom:14px;display:flex}.folder-card,.video-card,.file-card{cursor:pointer;content-visibility:auto;contain-intrinsic-size:260px;flex-direction:column;min-height:126px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.folder-card:hover,.video-card:hover,.file-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 20px -8px #0006,0 4px 12px -2px #0000004d}.video-card.active{border-color:var(--accent-strong);box-shadow:0 0 0 2px var(--accent-strong)}.video-card.selecting{cursor:copy}.video-card.selected{border-color:var(--accent-strong);background:linear-gradient(#ffffff14,#0f172af2)}.selection-toggle{z-index:5;color:#fff;cursor:pointer;background:#0f172a99;border:1.5px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:10px;left:10px}.video-card.selected .selection-toggle{background:var(--accent-strong);color:var(--bg);border-color:#0000}.folder-card{background:linear-gradient(145deg,#ffffff0d 0%,#ffffff05 100%);border-left:4px solid #34d399}.folder-card:hover{border-left-color:#10b981}.card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.thumb-frame{height:var(--thumb-height,132px);border-bottom:1px solid var(--line);color:#ffffffb8;background:linear-gradient(135deg,#0f172ae0,#020617f0);place-items:center;margin:-14px -14px 12px;display:grid;position:relative;overflow:hidden}.thumb-frame img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset:0}.video-card:hover .thumb-frame img,.folder-card:hover .thumb-frame img{transform:scale(1.05)}.thumb-frame:after{content:"";pointer-events:none;background:linear-gradient(#02061700 50%,#02061780);transition:opacity .25s;position:absolute;inset:0}.video-card:hover .thumb-frame:after,.folder-card:hover .thumb-frame:after{background:linear-gradient(#02061700 30%,#020617a6)}.thumb-play-btn{z-index:2;color:#fff;opacity:.85;background:#0f172ad1;border:1px solid #fff3;border-radius:50%;place-items:center;width:42px;height:42px;transition:all .25s cubic-bezier(.4,0,.2,1);display:grid;position:absolute}.video-card:hover .thumb-play-btn{opacity:1;background:var(--text);color:var(--bg);border-color:#0000;transform:scale(1.1);box-shadow:0 4px 12px #00000080}.thumb-badge{z-index:3;color:#f4f4f5;letter-spacing:.05em;white-space:nowrap;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:6px;padding:3px 6px;font-size:10px;font-weight:600;position:absolute;bottom:8px;right:8px}.quicklook-hint{z-index:3;color:#f4f4f5;opacity:0;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:550;transition:all .2s;display:flex;position:absolute;bottom:8px;left:8px;transform:translateY(2px)}.folder-card:hover .quicklook-hint{opacity:1;transform:translateY(0)}.card-title{-webkit-line-clamp:2;letter-spacing:-.01em;overflow-wrap:anywhere;color:var(--text);-webkit-box-orient:vertical;margin:4px 0 6px;font-size:.9rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.meta{color:var(--muted);flex-direction:column;gap:3px;margin-bottom:4px;font-size:11px;line-height:1.4;display:flex}.meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.grid-mode .meta span:nth-child(2){display:none}.card-tags{flex-wrap:wrap;gap:4px;max-height:48px;margin-top:8px;display:flex;overflow:hidden}.card-tags span{border:1px solid var(--line);background:var(--panel-strong);color:var(--text);border-radius:4px;padding:3px 6px;font-size:9.5px;font-weight:500}.card-action{z-index:5;border:1px solid var(--line);color:#f4f4f5;cursor:pointer;opacity:0;background:#0f172ad1;border-radius:20px;align-items:center;gap:5px;min-height:28px;padding:0 8px;font-size:11px;font-weight:550;transition:all .2s;display:inline-flex;position:absolute;top:10px;right:10px;transform:translateY(-3px)}.video-card:hover .card-action,.folder-card:hover .card-action,.list-mode .card-action{opacity:1;transform:translateY(0)}.card-action:hover{background:var(--accent-strong);color:var(--bg);border-color:#0000;transform:scale(1.05)}.list-mode .folder-card,.list-mode .video-card,.list-mode .file-card{grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:72px;padding:10px 14px;display:grid}.list-mode .thumb-frame{border-bottom:0;border-radius:8px;height:52px;margin:0}.list-mode .thumb-play-btn{width:28px;height:28px}.list-mode .card-top{align-items:center;min-height:40px}.list-mode .card-title{margin:0;font-size:.95rem}.list-mode .meta{flex-flow:wrap;gap:12px;margin-top:4px;margin-bottom:0}.list-mode .meta span,.list-mode .grid-mode .meta span:nth-child(2){display:inline-block}.list-mode .card-tags{margin-top:4px}.list-mode .card-action{align-self:center;position:static}.empty-card,.error-card{text-align:center;border-style:dashed;border-color:var(--line);background:#0f172a33;border-radius:20px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;display:flex}.empty-card h2,.error-card h2{margin:14px 0 8px;font-size:1.2rem;font-weight:700}.empty-card p,.error-card p{color:var(--muted);max-width:400px;margin:0 0 20px;line-height:1.5}.empty-actions{gap:10px;display:flex}.load-more-card{color:#e5e7eb;cursor:pointer;background:#9ca3af12;border:1px dashed #9ca3af61;border-radius:18px;align-content:center;place-items:center;gap:8px;min-height:170px;padding:18px;font-weight:850;transition:all .2s;display:grid}.load-more-card span{color:var(--muted);font-size:12px;font-weight:650}.load-more-card:hover{background:var(--panel-strong);border-color:var(--accent);transform:translateY(-2px)}::-webkit-scrollbar-thumb{background:var(--accent-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.cards.grid-mode .folder-card,.cards.grid-mode .video-card,.cards.grid-mode .file-card{container-type:inline-size}@container (max-width:150px){.meta,.card-tags,.quicklook-hint,.card-action,.thumb-play-btn{display:none}.card-top{gap:4px}.card-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;line-height:1.25;overflow:hidden}}.cards.grid-mode{gap:var(--card-gap,20px)}.cards.grid-mode .folder-card,.cards.grid-mode .video-card,.cards.grid-mode .file-card{padding:var(--card-pad,14px);min-height:var(--card-min-h,126px);border-radius:var(--card-radius,16px)}.cards.grid-mode .thumb-frame{margin:calc(var(--card-pad,14px) * -1) calc(var(--card-pad,14px) * -1) var(--thumb-gap,12px)}@container (max-width:90px){.card-top,.thumb-badge{display:none}}
.tag-filter-panel{border-bottom:1px solid var(--line);padding:12px 12px 10px}.tag-filter-panel.collapsed{padding-bottom:10px}.tag-filter-head{color:#dbeafe;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding:0 4px 6px;font-size:12px;font-weight:850;display:flex}.tag-filter-toggle{min-width:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:inline-flex}.tag-filter-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-filter-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.tag-filter-count{background:var(--panel-strong);color:#e5e7eb;letter-spacing:0;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:11px;display:grid}.tag-filter-actions button{border:1px solid var(--line);background:var(--panel-strong);color:#e5e7eb;cursor:pointer;text-transform:none;letter-spacing:0;border-radius:999px;min-height:26px;padding:0 9px}.tag-filter-note{color:var(--muted);margin:0 4px 10px;font-size:11px;line-height:1.35}.tag-filter-note.collapsed-summary{text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;overflow:hidden}.tag-groups{overscroll-behavior:contain;gap:10px;max-height:31dvh;padding:0 4px 2px;display:grid;overflow:auto}.tag-group p{color:#64748b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:850}.tag-chip{cursor:pointer;border:1px solid var(--line);background:var(--panel);min-height:28px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#cbd5e1;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;transition:all .15s;display:inline-flex}.tag-chip.category-event{color:#f59e0b;background:#f59e0b0f;border-color:#f59e0b33}.tag-chip.category-event:hover,.tag-chip.category-event.active{color:#fff;background:#f59e0b2e;border-color:#f59e0b;box-shadow:0 0 8px #f59e0b26}.tag-chip.category-people{color:#818cf8;background:#6366f10f;border-color:#6366f133}.tag-chip.category-people:hover,.tag-chip.category-people.active{color:#fff;background:#6366f12e;border-color:#6366f1;box-shadow:0 0 8px #6366f126}.tag-chip.category-location,.tag-chip.location-chip{color:#34d399;background:#10b9810f;border-color:#10b98133}.tag-chip.category-location:hover,.tag-chip.category-location.active,.tag-chip.location-chip:hover,.tag-chip.location-chip.active{color:#fff;background:#10b9812e;border-color:#10b981;box-shadow:0 0 8px #10b98126}.tag-chip.year-chip{color:#38bdf8;background:#38bdf80f;border-color:#38bdf833}.tag-chip.year-chip:hover,.tag-chip.year-chip.active{color:#fff;background:#38bdf82e;border-color:#0ea5e9;box-shadow:0 0 8px #38bdf826}.tag-chip.category-general{color:#cbd5e1;background:#94a3b80f;border-color:#94a3b833}.tag-chip.category-general:hover,.tag-chip.category-general.active{color:#fff;background:#94a3b82e;border-color:#94a3b8}.tag-chip:hover,.tag-chip.active{border-color:var(--accent);background:var(--panel-strong);color:#e5e7eb}.active-tag{cursor:pointer;border:1px solid var(--accent);color:#34d399;background:#10b9811a;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 12px;font-size:12px;transition:all .15s;display:inline-flex}.active-tag:hover{color:#fff;background:#10b98133}.sidebar-active-filters{border-top:1px dashed #ffffff0d;flex-wrap:wrap;gap:6px;margin-top:10px;padding:4px 0 0;display:flex}.active-filter-pill{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:0 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.active-filter-pill.search-pill{color:#38bdf8;background:#0ea5e914;border-color:#0ea5e933}.active-filter-pill.search-pill:hover{color:#fff;background:#0ea5e92e;border-color:#0ea5e9}.active-filter-pill.tag-pill.category-event{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.active-filter-pill.tag-pill.category-event:hover{color:#fff;background:#f59e0b2e}.active-filter-pill.tag-pill.category-people{color:#818cf8;background:#6366f114;border-color:#6366f133}.active-filter-pill.tag-pill.category-people:hover{color:#fff;background:#6366f12e}.active-filter-pill.tag-pill.category-location,.active-filter-pill.location-pill{color:#34d399;background:#10b98114;border-color:#10b98133}.active-filter-pill.tag-pill.category-location:hover,.active-filter-pill.location-pill:hover{color:#fff;background:#10b9812e}.active-filter-pill.year-pill{color:#38bdf8;background:#38bdf814;border-color:#38bdf833}.active-filter-pill.year-pill:hover{color:#fff;background:#38bdf82e}.active-filter-pill.tag-pill.category-general{color:#cbd5e1;background:#94a3b814;border-color:#94a3b833}.active-filter-pill.tag-pill.category-general:hover{color:#fff;background:#94a3b82e}.tag-editor-current,.tag-suggestions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-editor-current{border:1px solid var(--line);background:var(--panel-strong);border-radius:14px;min-height:54px;padding:10px}.tag-editor-current span{color:var(--muted);font-size:13px}.tag-editor-current button,.tag-suggestions button{cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:12px;display:inline-flex}.tag-editor-current button{border:1px solid var(--line);background:var(--panel-strong);color:#e5e7eb}.tag-suggestions{overscroll-behavior:contain;max-height:144px;overflow:auto}.tag-suggestions button{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#cbd5e1}.tag-suggestions button:hover{border-color:var(--accent);color:#e5e7eb}.image-quicklook-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:100%;display:grid;position:absolute;top:0;left:0;overflow:hidden}.image-quicklook-stage:active{cursor:grabbing}.image-quicklook-stage .nav-arrow{color:#fff;cursor:pointer;background:#00000073;border:1px solid #ffffff0f;border-radius:8px;place-items:center;padding:8px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.image-quicklook-stage .nav-arrow.left{left:8px}.image-quicklook-stage .nav-arrow.right{right:8px}.image-quicklook-stage .nav-arrow:hover{background:#0009}.image-quicklook-stage:fullscreen{place-items:center;display:grid;background:radial-gradient(circle,#0f172a 0%,#020617 100%)!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important}.image-quicklook-stage:fullscreen{place-items:center;display:grid;background:radial-gradient(circle,#0f172a 0%,#020617 100%)!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important}.stage-fullscreen-fallback{place-items:center;display:grid;z-index:9999!important;background:radial-gradient(circle,#0f172a 0%,#020617 100%)!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important}.image-quicklook-stage:fullscreen .nav-arrow,.stage-fullscreen-fallback .nav-arrow{z-index:10000;background:#0009;border-color:#ffffff26;border-radius:50%;padding:16px}.image-quicklook-stage:fullscreen .nav-arrow,.stage-fullscreen-fallback .nav-arrow{z-index:10000;background:#0009;border-color:#ffffff26;border-radius:50%;padding:16px}
.hub-topbar{border-bottom:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:0 18px;display:flex}.hub-link{min-height:38px;color:var(--text);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 12px;text-decoration:none;display:inline-flex}.hub-link:hover{border-color:var(--accent);color:#e5e7eb}.hub-title{color:#e5e7eb;align-items:baseline;gap:10px;min-width:0;font-weight:800;display:flex}.hub-title small{color:var(--muted);font-weight:600}.hub-actions{align-items:center;gap:8px;min-width:0;display:flex}.hub-theme-btn{border:1px solid var(--line);background:var(--panel);min-height:38px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#cbd5e1;cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.hub-theme-btn:hover{border-color:var(--accent);color:#e5e7eb}.hub-collapse-btn{border:1px solid var(--line);background:var(--panel);min-height:38px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#cbd5e1;cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.hub-collapse-btn:hover{border-color:var(--accent);color:#e5e7eb}.course-list{overscroll-behavior:contain;flex:1;min-height:0;padding:12px;overflow:auto}.course-button{width:100%;min-height:64px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px;display:grid}.course-button:hover,.course-button.active{border-color:var(--accent);background:#9ca3af14}.course-button strong{font-size:14px;display:block}.breadcrumb{border:1px solid var(--line);background:var(--panel-strong);border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:0;padding:6px;display:flex}.crumb{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#dbeafe;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;max-width:min(44vw,520px);min-height:34px;padding:0 12px;display:inline-flex;overflow:hidden}.crumb:hover,.crumb:focus-visible{border-color:var(--accent);background:var(--panel-strong);color:#f3f4f6}.crumb.active{border-color:var(--accent);background:var(--panel-strong);color:#e5e7eb}.crumb-current{color:#052e1e;background:#d1d5db;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:800}.tree-container{flex-direction:column;gap:3px;padding-bottom:24px;display:flex}.tree-node-wrapper{flex-direction:column;display:flex}.tree-node{-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;min-height:36px;padding:4px 6px 4px 4px;transition:all .15s;display:flex}.tree-node:hover{background:#ffffff0a}.tree-node.active{background:#10b98114;border-color:#10b98133}.tree-node.active .folder-name{color:#34d399;font-weight:600}.tree-node.active .folder-icon{color:#34d399}.tree-node-toggle{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.tree-node-toggle:hover{color:var(--text);background:#ffffff14}.tree-node-spacer{flex-shrink:0;width:22px;height:22px}.tree-node-content{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;padding:2px 4px;display:flex}.folder-icon{color:#94a3b8;flex-shrink:0;transition:color .15s}.folder-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;overflow:hidden}.tree-node .badge{color:#94a3b8;background:#ffffff14;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700}.tree-node.active .badge{color:#34d399;background:#10b98126}.tree-node-children{border-left:1px solid #ffffff0a;flex-direction:column;gap:2px;margin-left:17px;padding-left:2px;display:flex}.sidebar-footer{border-top:1px solid var(--line);background:#00000026;flex-direction:column;flex-shrink:0;gap:12px;margin-top:auto;padding:16px;display:flex}.user-profile{color:var(--text);align-items:center;gap:10px;display:flex}.profile-icon{color:var(--muted)}.profile-info{flex-direction:column;min-width:0;display:flex}.profile-info .username{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.profile-info .role{color:#34d399;text-transform:uppercase;letter-spacing:.05em;margin-top:1px;font-size:10px;font-weight:800}.footer-actions{gap:8px;width:100%;display:flex}.footer-actions .btn{border:1px solid var(--line);cursor:pointer;color:#cbd5e1;background:#ffffff08;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;transition:all .15s;display:inline-flex}.footer-actions .btn:hover{border-color:var(--accent);color:#fff;background:#10b9810f}.tree-node-wrapper[draggable=true]>.tree-node{cursor:grab}.tree-node-wrapper.dragging{opacity:.4;transition:opacity .2s}.tree-node-wrapper.dragging>.tree-node{cursor:grabbing}.tree-node-wrapper.drag-over>.tree-node{border:1.5px dashed var(--accent);background:#10b98114;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1.02);box-shadow:0 4px 12px #00000026}
.control-select,.zoom-control{border:1px solid var(--line);background:var(--panel);min-height:42px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:inline-flex}.control-select select{color:var(--text);background:0 0;border:0;outline:none}.zoom-control input{width:124px;accent-color:var(--accent)}.control-checkbox{border:1px solid var(--line);background:var(--panel);min-height:42px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:inline-flex}.control-checkbox:hover{background:var(--panel-strong);color:var(--text)}.control-checkbox input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:15px;height:15px}.segmented{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:12px;padding:3px;display:inline-flex}.segmented button{width:36px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.segmented button.active{background:var(--panel-strong);color:#e5e7eb}.actions .segmented[aria-label=Workspace\ mode] button{justify-content:center;align-items:center;gap:7px;width:auto;min-width:0;padding:0 11px;display:inline-flex}.player-controls{grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.fullscreen-zoom-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000a6;border:1px solid #ffffff26;border-radius:24px;align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.fullscreen-zoom-overlay .btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:4px;min-height:auto;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.fullscreen-zoom-overlay .btn:hover{color:#fff;background:#ffffff1a}
.sidebar-head,.main-head,.player-head{border-bottom:1px solid var(--line);padding:18px}.player-drawer{border:1px solid var(--line);background:var(--panel);width:min(560px,100vw - 36px);max-height:calc(100dvh - 36px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:20;resize:both;border-radius:20px;flex-direction:column;min-width:360px;min-height:240px;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 80px #0000008c}.player-drawer.collapsed-window{resize:none!important;width:min(520px,100vw - 36px)!important;height:auto!important}.player-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.player-drag-zone{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;min-width:0}.player-drag-zone:active{cursor:grabbing}.player-drag-zone .small{align-items:center;gap:5px;display:inline-flex}.player-title{overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.25}.video-player{aspect-ratio:16/9;background:#000;width:100%;display:block}.collapsible-window-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.player-message{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#bfdbfe;padding:10px 16px;font-size:13px}
.collapsed-window .player-head,.collapsed-window.quicklook-panel .quicklook-head,.collapsed-window.tag-modal,.collapsed-window.rename-modal{border-bottom:0}.modal-backdrop{z-index:40;background:var(--panel-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-backdrop.collapsed-backdrop,.quicklook-backdrop.collapsed-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;place-items:end center;padding:16px}.modal-backdrop.collapsed-backdrop>*,.quicklook-backdrop.collapsed-backdrop>*{pointer-events:auto}.rename-modal{border:1px solid var(--line);background:#07101d;border-radius:18px;gap:16px;width:min(520px,100%);padding:18px;display:grid;box-shadow:0 24px 80px #0000008c}.rename-modal.collapsed-window,.tag-modal.collapsed-window,.quicklook-panel.collapsed-window{width:min(560px,100%);max-height:none;padding:12px}.modal-window-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-window-head>div:first-child{min-width:0}.modal-window-head h2{overflow-wrap:anywhere}.modal-window-actions{flex:none;gap:8px;display:flex}.tag-modal{border:1px solid var(--line);background:#07101d;border-radius:18px;gap:16px;width:min(680px,100%);max-height:min(780px,100dvh - 36px);padding:18px;display:grid;overflow:auto;box-shadow:0 24px 80px #0000008c}.tag-modal h2{overflow-wrap:anywhere;margin:4px 0 6px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.context-menu{z-index:60;border:1px solid var(--line);background:var(--panel);width:250px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;gap:4px;padding:8px;display:grid;position:fixed;box-shadow:0 20px 70px #00000073}.context-menu button{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;min-height:38px;padding:0 9px;display:flex}.context-menu button:hover{background:var(--panel-strong);color:#e5e7eb}
.folder-card:hover .quicklook-hint,.folder-card:focus-visible .quicklook-hint,.file-card.previewable:hover .quicklook-hint,.file-card.previewable:focus-visible .quicklook-hint{opacity:1;transform:translateY(0)}.file-card.previewable:focus-visible,.folder-card:focus-visible,.video-card:focus-visible{outline-offset:3px;outline:2px solid #9ca3afc7}.organization-review{gap:14px;display:grid}.review-summary,.review-toolbar{border:1px solid var(--line);background:linear-gradient(135deg,#9ca3af14,#0000 42%),#080d18c7;border-radius:18px;padding:14px}.review-summary{grid-template-columns:minmax(220px,.9fr) minmax(0,1.4fr);align-items:center;gap:16px;display:grid}.review-summary h2{margin:4px 0 6px;font-size:clamp(22px,3vw,34px)}.review-stat-row{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.review-stat{border:1px solid var(--line);background:var(--panel-strong);min-height:62px;color:var(--muted);text-align:left;cursor:pointer;border-radius:14px;align-content:center;gap:4px;padding:9px 11px;display:grid}.review-stat:hover,.review-stat.active{border-color:var(--accent);background:var(--panel-strong);color:#e5e7eb}.review-stat span,.plan-field span,.plan-paths span{letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:850}.review-stat strong{color:var(--text);font-size:22px}.review-toolbar{grid-template-columns:minmax(240px,1fr) auto minmax(220px,.48fr);align-items:center;gap:10px;display:grid}.review-search{border:1px solid var(--line);background:var(--panel);min-height:42px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--muted);border-radius:12px;align-items:center;gap:9px;padding:0 12px;display:flex}.review-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.plan-card-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;display:grid}.plan-card{border:1px solid var(--line);background:linear-gradient(180deg, #0f172aeb, #040911f0), var(--panel);border-radius:18px;gap:12px;padding:14px;display:grid;box-shadow:0 12px 36px #0000002e}.plan-card.status-approved,.plan-card.status-needs_review,.plan-card.status-copied,.plan-card.status-moved,.plan-card.status-error{border-color:var(--accent)}.plan-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.plan-card h3{overflow-wrap:anywhere;margin:8px 0 0;font-size:16px;line-height:1.2}.plan-status{border:1px solid var(--line);background:var(--panel-strong);color:#cbd5e1;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:10px;font-weight:850;display:inline-flex}.plan-status.approved{border-color:var(--accent);background:var(--panel-strong);color:#e5e7eb}.plan-status.needs_review,.plan-status.skipped{border-color:var(--accent);background:var(--panel-strong);color:#fde68a}.plan-status.copied,.plan-status.moved{border-color:var(--accent);background:var(--panel-strong);color:#bfdbfe}.plan-status.error{border-color:var(--accent);background:var(--panel-strong);color:#fecaca}.plan-field{color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.plan-field select{border:1px solid var(--line);background:var(--panel-strong);min-width:0;height:40px;color:var(--text);border-radius:11px;padding:0 10px}.plan-paths{gap:7px;display:grid}.plan-paths p{border:1px solid var(--line);background:var(--panel-strong);color:#cbd5e1;overflow-wrap:anywhere;border-radius:12px;gap:4px;margin:0;padding:9px;font-size:12px;display:grid}.plan-paths span{color:var(--muted)}.plan-tags{flex-wrap:wrap;gap:6px;display:flex}.plan-tags span{border:1px solid var(--line);background:var(--panel-strong);color:#cbd5e1;border-radius:999px;padding:5px 8px;font-size:11px}.plan-message{color:#cbd5e1;background:#9ca3af14;border-left:3px solid #9ca3af8c;border-radius:10px;margin:0;padding:9px 10px;font-size:12px}.plan-actions{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.plan-actions .btn{min-height:38px;padding:0 9px;font-size:12px;transition:all .3s}.model-preview{width:100%;height:min(68dvh,680px);min-height:340px;position:relative}.model-preview canvas{display:block;width:100%!important;height:100%!important}.model-preview-status{color:#cbd5e1;text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}
.selection-toggle{z-index:5;border:1px solid var(--line);background:var(--panel);width:34px;height:34px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e5e7eb;cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;left:10px}.video-card.selected .selection-toggle{border-color:var(--accent);background:var(--panel-strong)}.toggle-row{color:var(--muted);align-items:center;gap:10px;padding:0 12px 12px;font-size:13px;display:flex}.app-toggle-group{background:var(--surface-light);border-radius:var(--radius-full);border:1px solid var(--border-color);align-items:center;gap:.25rem;padding:.25rem;display:flex;box-shadow:inset 0 2px 4px #00000080}.app-toggle-btn{border-radius:var(--radius-full);color:var(--text-muted);align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.app-toggle-btn:hover{color:var(--text-color)}.app-toggle-btn.active{background:var(--jedi-glow);color:#fff;box-shadow:0 0 10px var(--jedi-glow)}[data-theme=dark] .app-toggle-btn.active{background:var(--sith-glow);box-shadow:0 0 10px var(--sith-glow)}.sidebar-toggle-floating{z-index:80;background:var(--panel-strong);border:1px solid var(--line);width:42px;height:42px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:none;position:fixed;top:16px;left:16px;box-shadow:0 4px 16px #00000073}.sidebar-toggle-floating:hover{border-color:var(--accent);transform:scale(1.08)}.btn-controls-toggle{display:none!important}.settings-container{background:var(--bg);width:100%;height:100dvh;color:var(--text);overflow-y:auto}.settings-loading-screen,.settings-denied-screen{color:#fff;background:#0f1015;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;font-family:inherit;display:flex}.settings-denied-screen h2{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.settings-denied-screen p{color:var(--muted);margin:0 0 12px;font-size:15px}.settings-page-wrapper{max-width:1200px;color:var(--text);flex-direction:column;gap:28px;margin:0 auto;padding:48px 24px;display:flex}.settings-header{border-bottom:1px solid var(--line);flex-direction:column;gap:20px;padding-bottom:28px;display:flex}@media (min-width:768px){.settings-header{flex-direction:row;align-items:center;gap:32px}}.settings-header .back-btn{background:var(--panel-strong);border-color:var(--line);border-radius:10px;align-self:flex-start;min-height:38px;padding:0 16px;font-weight:600}.settings-header .back-btn:hover{border-color:var(--accent)}.settings-title-group{flex-direction:column;display:flex}.settings-title-group .title-row{align-items:center;gap:12px;display:flex}.settings-gear{color:var(--muted)}.spin-slow{animation:8s linear infinite spin}.settings-title-group h1{letter-spacing:-.03em;color:var(--text);margin:0;font-size:28px;font-weight:800}.settings-title-group .subtitle{color:var(--muted);margin:6px 0 0;font-size:14px}.settings-tab-bar{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:6px;width:max-content;max-width:100%;padding:5px;display:flex;overflow-x:auto}.tab-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.tab-btn:hover{color:var(--text);background:#ffffff08}.tab-btn.active{background:var(--panel-strong);color:var(--accent-strong);box-shadow:0 2px 8px #00000026}.settings-content-wrapper{min-height:400px}.tab-pane{flex-direction:column;gap:24px;display:flex}.pane-header{border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}@media (min-width:640px){.pane-header{flex-direction:row;align-items:center}}.pane-header h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.pane-header .desc{color:var(--muted);margin:4px 0 0;font-size:13.5px}.settings-alert{border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;animation:.2s fadeIn;display:flex}.settings-alert.error{color:#b91c1c;background:#ef44441f;border:1px solid #ef444440}.settings-alert.success{color:#047857;background:#10b9811f;border:1px solid #10b98140}[data-theme=dark] .settings-alert.error{color:#fca5a5}[data-theme=dark] .settings-alert.success{color:#a7f3d0}.form-card-container{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) slideDown;box-shadow:0 4px 20px #0000001a}.settings-form{flex-direction:column;gap:20px;display:flex}.settings-form.no-border{border:0;padding-top:0}.settings-form h3{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0;font-size:15px;font-weight:800}.form-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--muted);font-size:12px;font-weight:700}.form-field input,.form-field select{border:1px solid var(--line);color:#fff;background:#0003;border-radius:10px;outline:none;min-height:44px;padding:0 14px;font-size:14px;transition:all .2s}.form-field input:focus,.form-field select:focus{border-color:var(--accent);background:#0000004d}.form-field select{cursor:pointer}.form-field select option{color:#fff;background:#181920}.form-field .helper-text{color:var(--muted);font-size:10px}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.users-card-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:640px){.users-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.users-card-grid{grid-template-columns:repeat(3,1fr)}}.user-profile-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.user-profile-card:hover{border-color:var(--line);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.user-profile-card.self-card{background:linear-gradient(#ffffff0d,#ffffff05);border-color:#fff3}.user-profile-head{align-items:center;gap:14px;display:flex}.user-avatar{color:#fff;border:1.5px solid #0000;border-radius:50%;place-items:center;width:46px;height:46px;font-size:15px;font-weight:800;display:grid;box-shadow:inset 0 2px 4px #0000004d}.user-info{flex-direction:column;gap:4px;min-width:0;display:flex}.user-name-row{align-items:center;gap:6px;display:flex}.user-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:800;overflow:hidden}.self-badge{color:#60a5fa;background:#60a5fa1f;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800}.role-tag{letter-spacing:.03em;border-radius:4px;width:max-content;padding:1px 6px;font-size:9px;font-weight:800}.role-tag.admin{color:#fbbf24;background:#e0a82e1f;border:1px solid #e0a82e33}.role-tag.viewer{color:#60a5fa;background:#60a5fa1f;border:1px solid #60a5fa33}.user-profile-body{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:14px;display:flex}.perm-group{flex-direction:column;gap:5px;display:flex}.perm-group .label{color:var(--muted);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.scope-pills{flex-wrap:wrap;gap:4px;display:flex}.scope-pill{color:var(--muted);background:#ffffff0f;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700}.scope-pill.none{background:0 0;padding:0;font-style:italic}.user-profile-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.btn.mini.danger.icon-only{border-radius:8px;width:28px;height:28px;padding:0}.storage-settings-split{grid-template-columns:1fr;gap:28px;display:grid}@media (min-width:1024px){.storage-settings-split{grid-template-columns:360px 1fr}}.storage-card-form{background:var(--panel);border:1px solid var(--line);border-radius:16px;height:max-content;padding:24px;box-shadow:0 4px 16px #0000001a}.storage-paths-list-panel{flex-direction:column;gap:16px;display:flex}.storage-paths-list-panel h3{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0;font-size:15px;font-weight:800}.mapped-paths-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px) and (max-width:1023px){.mapped-paths-grid{grid-template-columns:repeat(2,1fr)}}.mapped-path-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:0 2px 8px #00000014}.mapped-path-card .path-header{justify-content:space-between;align-items:center;display:flex}.mapped-path-card .path-icon{color:var(--muted)}.path-status-badge{color:#10b981;background:#10b9811f;border:1.5px solid #10b98133;border-radius:6px;padding:2px 8px;font-size:9px;font-weight:800}.path-code{word-break:break-all;color:var(--text);background:#00000040;border-radius:8px;padding:8px 12px;font-family:monospace;font-size:13px}.path-actions{justify-content:flex-end;display:flex}.paths-empty-state{border:2px dashed var(--line);text-align:center;color:var(--muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.paths-empty-state .icon{opacity:.4}.paths-empty-state p{margin:0;font-size:15px;font-weight:700}.paths-empty-state .small{font-size:12px}.paths-empty-state code{color:#fff;background:#0000004d;border-radius:4px;padding:2px 6px;font-family:monospace}.diagnostics-dashboard{flex-direction:column;gap:28px;display:flex}.diagnostics-stats-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:640px){.diagnostics-stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 4px 12px #0000001a}.stat-header{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.stat-header .icon{color:var(--muted)}.stat-value{letter-spacing:-.01em;font-size:22px;font-weight:800}.stat-value.text-green{color:#10b981}.stat-desc{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.maintenance-section{border-top:1px solid var(--line);flex-direction:column;gap:16px;padding-top:24px;display:flex}.maintenance-section h3{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0;font-size:15px;font-weight:800}.operations-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}@media (min-width:768px){.operations-card{flex-direction:row;align-items:center}}.operation-info h4{margin:0;font-size:16px;font-weight:800}.operation-info p{color:var(--muted);max-width:680px;margin:6px 0 0;font-size:13.5px;line-height:1.5}.operation-action{flex-shrink:0}.rescan-result-box{color:#a7f3d0;background:#10b9811f;border:1px solid #10b98140;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;animation:.2s fadeIn;display:flex}.success-icon{flex-shrink:0}.w-full{width:100%}.pane-loader{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.access-panel{width:100%}.access-tree{border:1px solid var(--line);border-radius:12px;max-height:380px;padding:6px 0;overflow:auto}.access-tree ul{margin:0;padding:0;list-style:none}.access-row{align-items:center;gap:8px;min-height:38px;padding-right:8px;font-size:13px;display:flex}.access-row:hover{background:#7f7f7f14}.access-toggle{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.access-icon{opacity:.7;flex:none}.access-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.access-state{opacity:.75;white-space:nowrap;font-size:11px}.access-choice{border:1px solid var(--line);border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.access-choice button{color:inherit;cursor:pointer;background:0 0;border:0;padding:5px 11px;font-size:12px}.access-choice button+button{border-left:1px solid var(--line)}.access-choice button.active{background:#7f7f7f38;font-weight:600}.access-choice button.allow.active{color:#047857;background:#10b98133}.access-choice button.block.active{color:#b91c1c;background:#ef44442e}.access-choice button:disabled{cursor:not-allowed;opacity:.35}.access-allowed .access-name{color:#047857;font-weight:600}.access-blocked .access-name{color:#b91c1c;font-weight:600;text-decoration:line-through}.access-allowed-by-parent .access-name{color:#047857}.access-blocked-by-parent .access-name{color:#b91c1c;text-decoration:line-through}.access-path-only .access-name{color:#b45309}.access-allowed-by-parent,.access-blocked-by-parent,.access-hidden{opacity:.6}.access-loading,.access-empty{opacity:.65;align-items:center;gap:6px;padding-top:6px;padding-bottom:6px;font-size:12px;display:flex}.access-retry{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.access-preview{margin-top:10px;font-size:13px}.access-preview ul{margin:6px 0 0;padding-left:20px}.access-none{color:#b91c1c}.access-note{opacity:.8;margin:6px 0;font-size:12px}.access-advanced{margin-top:12px}.access-advanced summary{cursor:pointer;opacity:.8;margin-bottom:6px;font-size:12px}[data-theme=dark] .access-choice button.allow.active,[data-theme=dark] .access-allowed .access-name,[data-theme=dark] .access-allowed-by-parent .access-name{color:#6ee7b7}[data-theme=dark] .access-choice button.block.active,[data-theme=dark] .access-blocked .access-name,[data-theme=dark] .access-blocked-by-parent .access-name,[data-theme=dark] .access-none{color:#fca5a5}[data-theme=dark] .access-path-only .access-name{color:#fcd34d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.active-filter-row{color:var(--muted);align-items:center;margin-bottom:14px;font-size:12px}.mini-close{border:1px solid var(--line);background:var(--panel-strong);color:#dbeafe;cursor:pointer;border-radius:999px;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}.quicklook-hint{z-index:1;border:1px solid var(--line);background:var(--panel);min-height:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e7eb;opacity:0;border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:800;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;bottom:9px;left:9px;transform:translateY(4px)}.wide-select select{max-width:min(42vw,520px)}.confidence{background:var(--panel-strong);color:#e5e7eb;border-radius:999px;flex:none;padding:7px 9px;font-size:13px}.collapsible-window-body[hidden]{display:none}.playlist{border-top:1px solid var(--line);max-height:220px;padding:10px;overflow:auto}.playlist-item{width:100%;min-height:44px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 10px}.playlist-item.active{background:var(--panel-strong);color:var(--text)}.toolbar-note{color:var(--muted);font-size:12px}.status-line{border-top:1px solid var(--line);color:var(--muted);padding:10px 18px;font-size:12px}.rename-field{color:var(--muted);gap:7px;font-size:12px;display:grid}.rename-field input{border:1px solid var(--line);background:var(--panel);min-height:46px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);border-radius:12px;padding:0 12px}.rename-path{border:1px solid var(--line);background:var(--panel-strong);color:var(--muted);overflow-wrap:anywhere;border-radius:12px;gap:5px;padding:10px;font-size:12px;display:grid}.quicklook-backdrop{z-index:50;background:var(--panel-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;padding:22px;display:grid;position:fixed;inset:0}.quicklook-panel{border:1px solid var(--line);background:var(--bg);resize:both;border-radius:22px;grid-template-rows:auto minmax(260px,1fr) auto;width:min(1180px,100%);min-width:480px;height:min(860px,100dvh - 44px);min-height:320px;display:grid;overflow:hidden;box-shadow:0 30px 100px #000000b8}.quicklook-panel.collapsed-window{grid-template-rows:auto}.quicklook-head,.quicklook-foot{border-bottom:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.quicklook-head h2{overflow-wrap:anywhere;margin:2px 0 0;font-size:clamp(17px,2vw,24px);line-height:1.2}.quicklook-count{border:1px solid var(--line);background:var(--panel-strong);min-height:32px;color:var(--muted);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.quicklook-body{background-color:#020617;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;width:100%;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.image-quicklook-stage{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.quicklook-image{-o-object-fit:contain;object-fit:contain;transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.quicklook-foot{border-top:1px solid var(--line);color:var(--muted);border-bottom:0;font-size:12px}.pathbar-container{flex-shrink:0;margin-top:12px;margin-bottom:4px;padding:0 18px}@media (max-width:540px){.pathbar-container{margin-top:8px;padding:0 12px}}.fullscreen-info-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f1f5f9;z-index:10000;background:#0009;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:16px;padding:8px 20px;font-family:inherit;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.fullscreen-info-overlay .title{text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-weight:700;overflow:hidden}.fullscreen-info-overlay .count{color:var(--muted);background:#ffffff1a;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:800}.context-title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--line);padding:6px 8px 8px;font-size:12px;overflow:hidden}@media (max-width:860px){.course-app{grid-template-rows:auto minmax(0,1fr)}.hub-topbar{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;flex-direction:row;justify-content:flex-start;align-items:center;padding:8px 10px;overflow:auto hidden}.hub-title{flex:none;justify-content:flex-start}.hub-title small{display:none}.hub-link,.hub-title{min-height:38px}.app-shell{grid-template-columns:1fr;position:relative}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#0206178c;display:block;position:absolute;inset:0}.sidebar{z-index:100;background:var(--panel-strong);width:min(300px,85vw);height:100%;max-height:none;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--line);opacity:1;border-bottom:0;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;top:0;bottom:0;left:0;transform:translate(0);display:flex!important}.app-shell.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;transform:translate(-110%);display:flex!important}.sidebar-head{border-bottom:1px solid var(--line);padding:12px;display:flex}.search-wrap{padding:10px 12px}.course-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px;display:flex;overflow:hidden auto}.course-button{border-radius:10px;width:100%;min-width:0;min-height:52px;padding:10px}.main-head{flex-direction:column;align-items:stretch}.actions{justify-content:stretch}.actions>*{flex:auto}.review-summary,.review-toolbar,.plan-card-grid,.plan-field,.cards,.list-mode .folder-card,.list-mode .video-card,.list-mode .file-card{grid-template-columns:1fr}.list-mode .thumb-frame{height:150px}.player-drawer{border-radius:18px 18px 0 0;width:100%;max-height:78dvh;bottom:0;right:auto;top:auto!important;left:0!important}.player-head{flex-wrap:wrap;align-items:stretch}.player-drag-zone{cursor:default;touch-action:auto}.quicklook-backdrop{padding:10px}.quicklook-panel{border-radius:18px;height:calc(100dvh - 20px)}.quicklook-head{flex-wrap:wrap;align-items:flex-start}.quicklook-actions{justify-content:stretch;width:100%}.quicklook-actions .btn{flex:auto;transition:all .3s}.image-quicklook-stage,.model-preview{height:58dvh;min-height:300px}.zoom-control input{width:100%}}@media (max-width:540px){.main-head,.content-grid{padding:12px}.actions .btn,.actions .control-select,.actions .zoom-control,.actions .segmented,.review-toolbar .control-select,.review-search{flex:calc(50% - 8px);min-width:0}.review-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card{padding:12px}.plan-card-head,.review-summary{align-items:stretch}.cards.grid-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;transition:all .3s}}@media (max-width:600px){.btn-text{display:none!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0003}@media (max-width:420px){.cards.grid-mode{grid-template-columns:1fr!important;gap:12px!important}}@media (max-width:860px){.player-drawer{flex-direction:column;display:flex}.collapsible-window-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.btn-controls-toggle{color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex!important}.btn-controls-toggle:hover{background:#ffffff1f;border-color:#ffffff40}div:not(.controls-expanded) .main-head .actions,div:not(.controls-expanded) .gallery-header .header-actions,div:not(.controls-expanded) .breadcrumb,div:not(.controls-expanded) .repo-gamification,div:not(.controls-expanded) .active-filter-row{display:none!important}div.controls-expanded .main-head .actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex!important}div.controls-expanded .gallery-header .header-actions{border-top:1px solid var(--line);flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;margin-top:16px!important;padding-top:16px!important;display:flex!important}div.controls-expanded .gallery-header .header-actions .control-select,div.controls-expanded .gallery-header .header-actions .control-checkbox,div.controls-expanded .gallery-header .header-actions .zoom-control,div.controls-expanded .gallery-header .header-actions .segmented{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-height:46px!important;padding:0 16px!important;display:flex!important}div.controls-expanded .gallery-header .header-actions .control-select select{text-align:right!important;direction:rtl!important}div.controls-expanded .gallery-header .header-actions>.btn{justify-content:center!important;width:100%!important;min-height:44px!important}div.controls-expanded .breadcrumb{display:flex!important}div.controls-expanded .repo-gamification{display:block!important}div.controls-expanded .active-filter-row{display:flex!important}.player-drawer{z-index:99999!important;background:#000!important;border:none!important;border-radius:0!important;flex-direction:column!important;width:100%!important;height:100dvh!important;max-height:none!important;display:flex!important;position:fixed!important;inset:0!important}.collapsible-window-body{background:#000!important;flex-direction:column!important;flex:1!important;justify-content:center!important;display:flex!important;position:relative!important;overflow:hidden!important}.video-player{-o-object-fit:contain!important;object-fit:contain!important;aspect-ratio:auto!important;width:100%!important;height:100%!important;max-height:100dvh!important}.player-head{z-index:100!important;background:linear-gradient(#000000e6 0%,#0000 100%)!important;border:none!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:18px 20px!important;display:flex!important;position:absolute!important;top:0!important;left:0!important;right:0!important}.player-drag-zone p.small,.player-head button:not([aria-label*=Close]):not([aria-label*=Collapse]){display:none!important}.player-title{text-shadow:0 2px 4px #000c;color:#fff!important;font-size:17px!important;font-weight:700!important}.eyebrow{text-shadow:0 1px 3px #000c;letter-spacing:.05em!important;color:var(--orange,#f56600)!important;font-size:11px!important;font-weight:600!important}.player-controls{z-index:100!important;background:0 0!important;border:none!important;gap:24px!important;width:auto!important;padding:0!important;display:flex!important;position:absolute!important;bottom:30px!important;left:50%!important;transform:translate(-50%)!important}.player-controls .btn{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:#fff!important;background:#1e293bb3!important;border:1px solid #ffffff26!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:52px!important;min-width:0!important;height:52px!important;font-size:0!important;transition:all .2s!important;display:flex!important;box-shadow:0 8px 32px #00000080!important}.player-controls .btn svg{width:22px!important;height:22px!important;margin:0!important}.player-controls .btn:hover{transform:scale(1.08);background:var(--orange,#f56600)!important;border-color:var(--orange,#f56600)!important}.toggle-row,.playlist{display:none!important}.player-drawer .player-head,.player-drawer .player-controls{transition:opacity .25s!important}.player-drawer.chrome-hidden .player-head,.player-drawer.chrome-hidden .player-controls{opacity:0!important;pointer-events:none!important}.player-drawer .player-controls{bottom:96px!important}}@media (max-width:960px) and (orientation:landscape){.player-drawer .player-controls{gap:12px!important;inset:12px 16px auto auto!important;transform:none!important}.player-drawer .player-controls .btn{width:40px!important;height:40px!important}.player-drawer .player-head{padding:10px 220px 10px 16px!important}}
:root{--neu-bg:#e4e8f0;--neu-surface:#edf0f6;--neu-light:#fff;--neu-shadow:#c3cad8;--neu-ink:#1e2330;--neu-ink-2:#4a5266;--neu-ink-3:#6f788f;--neu-accent:#5b6bd6;--neu-radius:16px;--neu-radius-sm:10px;--neu-out:6px 6px 12px var(--neu-shadow), -6px -6px 12px var(--neu-light);--neu-out-sm:3px 3px 7px var(--neu-shadow), -3px -3px 7px var(--neu-light);--neu-in:inset 4px 4px 9px var(--neu-shadow), inset -4px -4px 9px var(--neu-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--neu-bg:#262a35;--neu-surface:#262a35;--neu-light:#313745;--neu-shadow:#1a1d25;--neu-ink:#f0f2f7;--neu-ink-2:#b9c0d0;--neu-ink-3:#8790a3;--neu-accent:#8e9bf0}}[data-theme=dark]{--neu-bg:#262a35;--neu-surface:#262a35;--neu-light:#313745;--neu-shadow:#1a1d25;--neu-ink:#f0f2f7;--neu-ink-2:#b9c0d0;--neu-ink-3:#8790a3;--neu-accent:#8e9bf0}.neu{background:var(--neu-surface);border-radius:var(--neu-radius);box-shadow:var(--neu-out)}.neu-sm{border-radius:var(--neu-radius-sm);box-shadow:var(--neu-out-sm)}.neu-in{background:var(--neu-surface);border-radius:var(--neu-radius);box-shadow:var(--neu-in)}.neu-flat{background:var(--neu-surface);border-radius:var(--neu-radius);box-shadow:none;border:1px solid var(--neu-shadow)}.neu-btn{background:var(--neu-surface);border-radius:var(--neu-radius-sm);box-shadow:var(--neu-out-sm);font:inherit;cursor:pointer;border:none;padding:10px 18px;font-weight:600;transition:box-shadow .14s,transform .14s}.neu-btn:hover{box-shadow:4px 4px 9px var(--neu-shadow), -4px -4px 9px var(--neu-light)}.neu-btn:active{box-shadow:var(--neu-in);transform:translateY(1px)}.neu-btn:focus-visible,.neu-input:focus-visible{outline:2px solid var(--neu-accent);outline-offset:2px}.neu-input{background:var(--neu-surface);border-radius:var(--neu-radius-sm);box-shadow:var(--neu-in);font:inherit;border:none;width:100%;padding:11px 14px}.neu-input::placeholder{color:var(--neu-ink-3)}.neu-page{background:var(--neu-bg)}@media (prefers-reduced-motion:reduce){.neu-btn{transition:none}}:root:root{--neu-bg:#1f2229;--neu-surface:#24282f;--neu-light:#2f343d;--neu-shadow:#15171b;--neu-ink:#f4f4f5;--neu-ink-2:#c7c7cd;--neu-ink-3:#a1a1aa;--neu-accent:#f472b6}:root:root[data-theme=light]{--neu-bg:#e4e8f0;--neu-surface:#edf0f6;--neu-light:#fff;--neu-shadow:#c3cad8;--neu-ink:#18181b;--neu-ink-2:#3f3f46;--neu-ink-3:#52525b;--neu-accent:#be185d}:root:root[data-theme=jedi]{--neu-bg:#090e1a;--neu-surface:#101827;--neu-light:#1b2436;--neu-shadow:#04070e;--neu-ink:#f8fafc;--neu-ink-2:#cbd5e1;--neu-ink-3:#94a3b8;--neu-accent:#38bdf8}:root:root[data-theme=sith]{--neu-bg:#0b0101;--neu-surface:#170808;--neu-light:#251212;--neu-shadow:#050000;--neu-ink:#fee2e2;--neu-ink-2:#e0b4b4;--neu-ink-3:#b98a8a;--neu-accent:#ef4444}.folder-card,.video-card,.file-card,.empty-card,.error-card,.notice-card{background:var(--neu-surface);border-radius:var(--neu-radius);box-shadow:var(--neu-out)}.folder-card:hover,.video-card:hover,.file-card:hover{box-shadow:9px 9px 18px var(--neu-shadow), -9px -9px 18px var(--neu-light)}.btn{background:var(--neu-surface);border-radius:var(--neu-radius-sm);box-shadow:var(--neu-out-sm)}.btn:hover{box-shadow:4px 4px 9px var(--neu-shadow), -4px -4px 9px var(--neu-light)}.btn:active:not(:disabled){box-shadow:var(--neu-in);transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--neu-accent);outline-offset:2px}.search{background:var(--neu-surface);box-shadow:var(--neu-in)}.search:focus{outline:2px solid var(--neu-accent);outline-offset:2px;box-shadow:var(--neu-in)}.segmented{background:var(--neu-surface);box-shadow:var(--neu-in)}.segmented button.active{box-shadow:var(--neu-out-sm)}.segmented button:focus-visible{outline:2px solid var(--neu-accent);outline-offset:2px}.rename-modal{background:var(--neu-surface);border-radius:var(--neu-radius);box-shadow:var(--neu-out), 0 24px 80px var(--neu-shadow)}.file-card.previewable:focus-visible,.folder-card:focus-visible,.video-card:focus-visible{outline:2px solid var(--neu-accent);outline-offset:3px}
.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-1\.5{bottom:.375rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.mb-0\.5{margin-bottom:.125rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.inline{display:inline}.\!flex{display:flex!important}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-2{height:.5rem}.h-20{height:5rem}.h-28{height:7rem}.h-6{height:1.5rem}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.max-h-16{max-height:4rem}.max-h-full{max-height:100%}.min-h-0{min-height:0}.w-2{width:.5rem}.w-20{width:5rem}.w-40{width:10rem}.w-6{width:1.5rem}.w-\[1px\]{width:1px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-500\/50{border-color:#3b82f680}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-red-500\/50{border-color:#ef444480}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-600\/60{border-color:#47556999}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-700\/50{border-color:#33415580}.border-slate-700\/60{border-color:#33415599}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-800\/80{border-color:#1e293bcc}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-600\/20{background-color:#2563eb33}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-700\/60{background-color:#33415599}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-900\/60{background-color:#0f172a99}.bg-slate-900\/80{background-color:#0f172acc}.bg-slate-900\/90{background-color:#0f172ae6}.bg-slate-950\/80{background-color:#020617cc}.bg-transparent{background-color:#0000}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-black\/90{--tw-gradient-from:#000000e6 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:.25rem}.pt-1{padding-top:.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-tight{line-height:1.25}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.placeholder-slate-500::placeholder{--tw-placeholder-opacity:1;color:rgb(100 116 139/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-blue-500\/10{--tw-shadow-color:#3b82f61a;--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-500\/20{--tw-shadow-color:#3b82f633;--tw-shadow:var(--tw-shadow-colored)}.shadow-red-500\/20{--tw-shadow-color:#ef444433;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\:bg-black\/80:hover{background-color:#000c}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:border-\[var\(--accent\)\]:focus{border-color:var(--accent)}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:block{display:block}.md\:w-auto{width:auto}.md\:max-w-2xl{max-width:42rem}.md\:flex-row{flex-direction:row}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}}