:root{--bg: #0f1115;--bg-soft: #12151b;--sidebar: #14171d;--elev: #1a1e26;--elev2: #212631;--hover: #232936;--border: #262c38;--border-strong: #343c4d;--text: #eef1f6;--muted: #9aa4b5;--faint: #697386;--accent: #5b8cff;--accent-hover: #78a1ff;--accent-soft: rgba(91, 140, 255, .14);--accent-border: rgba(91, 140, 255, .45);--danger: #f05252;--danger-soft: rgba(240, 82, 82, .12);--success: #34d399;--warning: #fbbf24;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--radius: 10px;color-scheme:dark}[data-theme=light]{--bg: #f6f7f9;--bg-soft: #eef1f5;--sidebar: #ffffff;--elev: #ffffff;--elev2: #f1f3f8;--hover: #edf1f7;--border: #e2e7ef;--border-strong: #ccd4e0;--text: #161b23;--muted: #5d697b;--faint: #8a95a6;--accent: #3b6ef5;--accent-hover: #2f5fe0;--accent-soft: rgba(59, 110, 245, .1);--accent-border: rgba(59, 110, 245, .4);--danger: #dc3d3d;--danger-soft: rgba(220, 61, 61, .09);--success: #0f9f6e;--warning: #d97706;--shadow: 0 18px 50px rgba(20, 30, 50, .16);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}button{padding:0;border:none;background:none;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p,dl,dd{margin:0}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.hidden-input{display:none}.spin{animation:spin 1s linear infinite}.dot-sep{opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--elev);color:var(--text);font-size:12px;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.btn:hover{background:var(--hover);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:#f0525259;background:var(--danger-soft)}.btn-danger:hover{background:#f0525233}.btn-sm{height:28px;padding:0 10px;font-size:11px}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:7px;color:var(--muted);flex-shrink:0;transition:background .15s,color .15s}.icon-btn:hover,.icon-btn.active{background:var(--elev2);color:var(--text)}.icon-btn.tiny{width:22px;height:22px;border-radius:5px}.link-btn{font-size:11px;color:var(--accent);padding:2px 4px;border-radius:4px}.link-btn:hover{text-decoration:underline}.app{display:flex;height:100dvh;overflow:hidden;background:var(--bg)}.main{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.content{flex:1;overflow-y:auto;padding:18px 18px 96px}.sidebar{width:246px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:var(--sidebar);border-right:1px solid var(--border)}.brand{height:60px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--border)}.brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.brand-text strong{font-size:13.5px;letter-spacing:-.01em}.brand-text span{font-size:10px;color:var(--faint)}.sidebar-close{display:none;margin-left:auto}.sidebar-scroll{flex:1;overflow-y:auto;padding:10px 8px 4px;min-height:0}.nav{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:9px;width:100%;height:33px;padding:0 9px;border-radius:7px;border:1px solid transparent;color:var(--muted);font-size:12.5px;text-align:left;transition:background .12s,color .12s,border-color .12s}.nav-item svg{flex-shrink:0;opacity:.9}.nav-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item em{font-style:normal;font-size:10.5px;color:var(--faint);font-variant-numeric:tabular-nums}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active em{color:var(--accent)}.sidebar-section{margin-top:16px}.section-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 4px 9px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.section-empty{margin:2px 9px 4px;font-size:10.5px;color:var(--faint)}.folder-row,.tag-row{position:relative;display:flex;align-items:center;gap:6px;height:29px;padding-right:4px;border:1px solid transparent;border-radius:6px;color:var(--muted);font-size:12px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.folder-row:hover,.tag-row:hover{background:var(--hover);color:var(--text)}.folder-row.active,.tag-row.active{background:var(--accent-soft);color:var(--accent)}.folder-row.drop-target,.tag-row.drop-target,.nav-item.drop-target{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.tree-toggle{display:grid;place-items:center;width:16px;height:16px;border-radius:3px;color:var(--faint);flex-shrink:0}.tree-toggle:hover{background:var(--elev2);color:var(--text)}.tree-toggle.invisible{visibility:hidden}.folder-icon{flex-shrink:0;color:var(--faint)}.folder-row.active .folder-icon{color:var(--accent)}.row-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-count{font-size:10px;color:var(--faint);font-variant-numeric:tabular-nums}.row-more{display:none;width:20px;height:20px;place-items:center;border-radius:4px;color:var(--muted)}.row-more:hover{background:var(--elev2);color:var(--text)}.folder-row:hover .row-more,.tag-row:hover .row-more{display:grid}.tag-row{padding-left:9px}.tag-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sidebar-footer{flex-shrink:0;padding:9px 10px 10px;border-top:1px solid var(--border)}.storage-line,.processing-line{display:flex;align-items:center;gap:6px;padding:0 2px 6px;font-size:10.5px;color:var(--faint)}.processing-line{color:var(--accent)}.footer-row{display:flex;align-items:center;gap:2px}.user-chip{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:3px 2px}.avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;display:grid;place-items:center;font-size:10.5px;font-weight:600;flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0;line-height:1.25}.user-info strong{font-size:10.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info small{font-size:9px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-wrap{flex-shrink:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--border)}.topbar{display:flex;align-items:center;gap:10px;height:60px;min-width:0;padding:0 18px}.topbar-title{display:flex;align-items:center;gap:8px;min-width:0}.topbar-title h1{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.count-pill{min-width:22px;padding:1px 8px;border-radius:20px;background:var(--elev2);color:var(--muted);font-size:10.5px;text-align:center;font-variant-numeric:tabular-nums}.topbar-spacer{flex:1}.search-box{display:flex;align-items:center;gap:8px;flex:1;min-width:140px;max-width:330px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--elev);color:var(--faint);transition:border-color .15s,box-shadow .15s,color .15s}.search-box:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft);color:var(--muted)}.search-box input{flex:1;min-width:0;border:none;outline:none;background:none;font-size:12.5px;color:var(--text)}.search-box input::placeholder{color:var(--faint)}.search-box kbd{padding:0 4px;border:1px solid var(--border-strong);border-radius:4px;font-family:inherit;font-size:10px;color:var(--faint)}.search-clear{display:grid;place-items:center;width:18px;height:18px;border-radius:4px;color:var(--faint)}.search-clear:hover{background:var(--elev2);color:var(--text)}.filter-btn{position:relative}.filter-btn.has-filter{color:var(--accent);background:var(--accent-soft)}.filter-dot{position:absolute;top:-3px;right:-3px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:var(--accent);color:#fff;font-size:9px;display:grid;place-items:center}.sort-control{display:flex;align-items:center;gap:5px;height:34px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--elev);color:var(--muted)}.sort-control select{max-width:90px;padding-right:2px;border:none;outline:none;background:none;color:var(--text);font-size:12px;cursor:pointer}.density-switch{display:flex;height:34px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--elev)}.density-switch button{width:26px;border-radius:6px;color:var(--muted);font-size:10.5px;font-weight:600}.density-switch button.active{background:var(--elev2);color:var(--text)}.import-btn{height:34px}.sidebar-toggle{display:none}.filter-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 18px 10px}.chip{display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 4px 0 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:11px}.chip button{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;color:inherit}.chip button:hover{background:#5b8cff2e}.chip-clear{padding:2px 6px;border-radius:5px;color:var(--muted);font-size:10.5px}.chip-clear:hover{color:var(--text);background:var(--elev2)}.popover-root{position:relative;display:inline-flex;align-items:center}.popover{position:absolute;top:calc(100% + 7px);right:0;z-index:160;min-width:170px;padding:5px;border:1px solid var(--border-strong);border-radius:10px;background:var(--elev);box-shadow:var(--shadow);animation:pop-in .12s ease}.popover-left{right:auto;left:0}.menu{display:flex;flex-direction:column;gap:1px}.menu button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:6px;color:var(--text);font-size:11.5px;text-align:left;white-space:nowrap}.menu button:hover{background:var(--hover)}.menu button.danger{color:var(--danger)}.menu button.danger:hover{background:var(--danger-soft)}.menu-sep{height:1px;margin:4px 2px;background:var(--border)}.menu-empty{margin:4px 8px;font-size:11px;color:var(--faint)}.filter-panel{display:flex;flex-direction:column;gap:14px;padding:4px 2px}.filter-field label{display:block;margin-bottom:6px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.segmented{display:flex;padding:2px;border-radius:7px;background:var(--elev2)}.segmented button{flex:1;height:26px;border-radius:5px;color:var(--muted);font-size:11px}.segmented button.active{background:var(--sidebar);color:var(--text);box-shadow:0 1px 2px #0000001f}.check-row{display:flex;align-items:center;gap:8px;color:var(--text);font-size:11.5px;cursor:pointer}.check-row input{position:absolute;opacity:0;pointer-events:none}.checkbox-box{display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--border-strong);border-radius:4px;background:var(--elev2);color:transparent;transition:background .12s,border-color .12s}.check-row input:checked+.checkbox-box{border-color:var(--accent);background:var(--accent);color:#fff}.filter-reset{align-self:flex-start;color:var(--accent);font-size:11px}.stars{display:flex;gap:2px;color:var(--faint)}.star{display:grid;place-items:center;color:var(--faint);transition:color .1s,transform .1s}.star:not(:disabled):hover{transform:scale(1.1)}.star.filled{color:var(--warning)}.star:disabled{cursor:default;opacity:1}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min, 210px),1fr));gap:16px 14px}.media-grid.density-s{--card-min: 160px}.media-grid.density-m{--card-min: 210px}.media-grid.density-l{--card-min: 285px}.card{min-width:0;border-radius:10px;outline:none;cursor:pointer}.thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:linear-gradient(135deg,var(--elev2),var(--elev));isolation:isolate;transition:border-color .15s,box-shadow .15s}.card:hover .thumb{border-color:var(--border-strong)}.card.selected .thumb{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.thumb-img{display:block;width:100%;height:100%;object-fit:cover;background:var(--elev2);transition:transform .35s ease}.thumb-img.is-image{object-fit:contain}.card:hover .thumb-img{transform:scale(1.025)}.thumb-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--faint);background:radial-gradient(circle at 50% 40%,var(--elev2),var(--elev))}.badge-duration{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:5px;background:#05080ec7;color:#fff;font-size:10.5px;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.select-dot{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:18px;height:18px;border:1.5px solid rgba(255,255,255,.8);border-radius:50%;background:#05080e59;color:#fff;opacity:0;transition:opacity .15s,background .15s}.card:hover .select-dot,.select-dot.checked{opacity:1}.select-dot.checked{border-color:var(--accent);background:var(--accent)}.fav-btn{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#05080e8c;color:#fff;opacity:0;transition:opacity .15s,color .15s,background .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card:hover .fav-btn,.fav-btn.on{opacity:1}.fav-btn.on{color:var(--warning)}.fav-btn:hover{background:#05080ecc}.card-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:40px;height:40px;margin:auto;border-radius:50%;background:#080b1299;color:#fff;opacity:0;pointer-events:none;transition:opacity .18s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card:hover .card-play{opacity:1}.status-pill{position:absolute;left:6px;bottom:6px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;background:#05080eb8;color:#fff;font-size:10.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-pill-float{top:6px;right:36px;bottom:auto;left:auto}.status-failed{background:#f05252e6}.card-caption{min-width:0;padding:7px 2px 0}.card-title{overflow:hidden;color:var(--text);font-size:12.5px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.card-sub{display:flex;gap:4px;margin-top:2px;color:var(--faint);font-size:10.5px}.load-sentinel{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;min-height:32px;padding:18px;color:var(--faint);font-size:11px}.skeleton{background:linear-gradient(100deg,var(--elev) 30%,var(--elev2) 50%,var(--elev) 70%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-line{width:70%;height:11px;margin-top:2px;border-radius:4px}.skel-card{cursor:default}.empty-wrap{display:grid;place-items:center;min-height:55vh}.empty-state{max-width:380px;padding:30px 20px;text-align:center}.empty-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 16px;border:1px solid var(--border);border-radius:18px;background:var(--elev2);color:var(--muted)}.empty-state h3{margin:0 0 6px;font-size:15px}.empty-state p{margin:0 0 16px;color:var(--muted);font-size:12.5px;line-height:1.6}.inspector{width:344px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:var(--sidebar);border-left:1px solid var(--border)}.inspector-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:52px;padding:0 12px 0 16px}.inspector-head h2{font-size:13px;font-weight:600}.inspector-scroll{flex:1;overflow-y:auto;padding:0 16px 24px}.inspector-preview{position:relative;display:block;width:100%;aspect-ratio:16 / 9;margin-bottom:12px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:radial-gradient(circle at 50% 40%,var(--elev2),var(--elev))}.inspector-preview img{display:block;width:100%;height:100%;object-fit:contain;background:var(--elev2)}.preview-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--faint)}.preview-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:42px;height:42px;margin:auto;border-radius:50%;background:#080b12a6;color:#fff;opacity:0;transition:opacity .15s}.inspector-preview:hover .preview-play{opacity:1}.preview-type{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;background:#05080eb8;color:#fff;font-size:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-open{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;background:#05080eb8;color:#fff;font-size:10px;opacity:0;transition:opacity .15s}.inspector-preview:hover .preview-open{opacity:1}.title-input{width:calc(100% + 12px);margin-left:-6px;padding:4px 6px;border:1px solid transparent;border-radius:6px;outline:none;background:transparent;color:var(--text);font-size:15px;font-weight:600}.title-input:hover{background:var(--elev)}.title-input:focus{border-color:var(--accent-border);background:var(--elev);box-shadow:0 0 0 3px var(--accent-soft)}.rating-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0 14px}.favorite-toggle{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid transparent;border-radius:6px;color:var(--muted);font-size:11px}.favorite-toggle:hover{background:var(--elev)}.favorite-toggle.on{background:#fbbf241a;color:var(--warning)}.notice{display:flex;align-items:flex-start;gap:7px;margin:10px 0;padding:7px 9px;border:1px solid var(--accent-border);border-radius:7px;background:var(--accent-soft);color:var(--muted);font-size:11px;line-height:1.5}.notice svg{flex-shrink:0;margin-top:1px;color:var(--accent)}.notice-warning{border-color:#fbbf2447;background:#fbbf2414}.notice-warning svg{color:var(--warning)}.field{margin-top:14px}.field>label{display:flex;align-items:center;gap:5px;margin-bottom:6px;color:var(--faint);font-size:10.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.field-label{display:block;margin:12px 0 6px;color:var(--muted);font-size:11px}.input{width:100%;min-height:34px;padding:6px 9px;border:1px solid var(--border);border-radius:7px;outline:none;background:var(--elev);color:var(--text);font-size:12.5px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--faint)}textarea.note-input{min-height:76px;resize:vertical;line-height:1.55}.select-input{cursor:pointer}.tag-editor{display:flex;flex-wrap:wrap;gap:5px;min-height:34px;padding:6px;border:1px solid var(--border);border-radius:7px;background:var(--elev)}.tag-editor:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft)}.tag-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 5px 0 7px;border-radius:5px;background:var(--elev2);color:var(--text);font-size:11px;white-space:nowrap}.tag-chip i{width:6px;height:6px;border-radius:50%;background:var(--tag-color, #94a3b8);flex-shrink:0}.tag-chip button{display:grid;place-items:center;width:14px;height:14px;border-radius:3px;color:var(--faint)}.tag-chip button:hover{background:var(--hover);color:var(--text)}.tag-input{flex:1;min-width:90px;border:none;outline:none;background:none;color:var(--text);font-size:11.5px}.tag-input::placeholder{color:var(--faint)}.meta-list{border-top:1px solid var(--border)}.meta-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--border);font-size:11.5px}.meta-list dt{display:flex;align-items:center;gap:4px;color:var(--faint);white-space:nowrap}.meta-list dd{max-width:190px;overflow:hidden;color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap}.inspector-footer{flex-shrink:0;padding:10px 16px 14px;border-top:1px solid var(--border);background:var(--sidebar)}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-actions .btn{padding:0 8px}.inspector-actions+.btn-block{margin-top:8px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;background:#07090d;color:#f2f4f8}.lightbox-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:58px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#0a0d13eb}.lightbox-title{display:flex;align-items:center;gap:10px;min-width:0}.lightbox-kind{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#ffffff12;flex-shrink:0}.lightbox-title h2{max-width:50vw;overflow:hidden;font-size:13.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.lightbox-title p{margin-top:1px;color:#8d97a8;font-size:10.5px}.lightbox-actions{display:flex;gap:4px}.lightbox-actions .icon-btn{color:#c8cfdb}.lightbox-actions .icon-btn:hover{background:#ffffff1a;color:#fff}.lightbox-actions .is-favorite{color:#fbbf24}.lightbox-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px 68px;background:radial-gradient(circle at center,#141821 0,#07090d 70%)}.lightbox-media{max-width:100%;max-height:100%;border-radius:8px;background:#000;box-shadow:0 20px 60px #0009}.lightbox-image{object-fit:contain}.lightbox-unavailable{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:70%}.lightbox-poster{max-width:100%;max-height:60vh;border-radius:8px;opacity:.7}.lightbox-message{color:#aab3c2;font-size:12.5px;text-align:center}.lightbox-nav{position:absolute;top:50%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff14;color:#fff;transform:translateY(-50%);transition:background .15s}.lightbox-nav:hover:not(:disabled){background:#ffffff2e}.lightbox-nav:disabled{opacity:.2;cursor:default}.lightbox-nav.prev{left:16px}.lightbox-nav.next{right:16px}.lightbox-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;min-height:42px;padding:10px 18px;border-top:1px solid rgba(255,255,255,.07);color:#8d97a8;font-size:11px}.lightbox-tags{display:flex;flex-wrap:wrap;gap:5px}.lightbox-foot .tag-chip{background:#ffffff14;color:#dfe5ee}.lightbox-info{display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lightbox-note{max-width:320px;overflow:hidden;color:#c3cad6;text-overflow:ellipsis}.batch-bar{position:absolute;left:50%;bottom:18px;z-index:150;transform:translate(-50%);display:flex;align-items:center;gap:2px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--border-strong);border-radius:12px;background:var(--elev);box-shadow:var(--shadow);animation:bar-in .18s ease}.batch-count{padding:0 10px 0 8px;color:var(--muted);font-size:11.5px;white-space:nowrap}.batch-count strong{margin-right:2px;color:var(--accent);font-size:12.5px}.batch-sep{width:1px;height:20px;margin:0 3px;background:var(--border)}.batch-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 9px;border-radius:6px;color:var(--muted);font-size:11.5px;white-space:nowrap}.batch-btn:hover{background:var(--hover);color:var(--text)}.batch-btn.danger{color:var(--danger)}.batch-btn.danger:hover{background:var(--danger-soft)}.batch-btn-wrap{display:inline-flex;align-items:center;height:30px;border-radius:6px;color:var(--muted)}.batch-btn-wrap:hover,.batch-btn-wrap.active{background:var(--hover);color:var(--text)}.batch-btn-wrap .batch-btn{height:100%}.batch-popover{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 10px}.batch-bar .popover{top:auto;bottom:calc(100% + 10px)}.upload-tray{position:absolute;right:18px;bottom:18px;z-index:140;width:330px;max-width:calc(100vw - 36px);overflow:hidden;border:1px solid var(--border-strong);border-radius:12px;background:var(--elev);box-shadow:var(--shadow);animation:slide-up .18s ease}.selection-active .upload-tray{bottom:76px}.upload-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11.5px}.upload-title{display:flex;align-items:center;gap:6px;color:var(--text);font-weight:600}.upload-title em{padding:0 5px;border-radius:10px;background:var(--accent);color:#fff;font-size:9.5px;font-style:normal;line-height:14px}.upload-list{max-height:240px;overflow-y:auto}.upload-row{padding:8px 12px;border-bottom:1px solid var(--border)}.upload-row:last-child{border-bottom:none}.upload-row-head{display:flex;justify-content:space-between;gap:8px}.upload-name{overflow:hidden;font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}.upload-close{display:grid;place-items:center;flex-shrink:0;width:18px;height:18px;border-radius:4px;color:var(--faint)}.upload-close:hover{background:var(--hover);color:var(--text)}.upload-status{display:flex;justify-content:space-between;gap:8px;margin:4px 0 5px;color:var(--faint);font-size:10px}.status-inline{display:inline-flex;align-items:center;gap:4px}.status-inline.ok{color:var(--success)}.status-inline.error{max-width:220px;overflow:hidden;color:var(--danger);text-overflow:ellipsis;white-space:nowrap}.progress{position:relative;height:3px;overflow:hidden;border-radius:2px;background:var(--elev2)}.progress i{display:block;height:100%;border-radius:2px;background:var(--accent);transition:width .2s ease}.progress.failed i{background:var(--danger)}.progress.indeterminate i{width:36%!important;animation:indeterminate 1.2s ease-in-out infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;padding:20px;background:#04060a99;animation:fade-in .12s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{max-width:calc(100vw - 40px);padding:18px;border:1px solid var(--border-strong);border-radius:14px;background:var(--elev);box-shadow:var(--shadow);animation:modal-in .16s ease}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-head h3{font-size:15px}.modal-head p{margin-top:4px;color:var(--muted);font-size:11.5px;line-height:1.5}.modal-body{margin-top:14px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.form-error{margin-top:8px;color:var(--danger);font-size:11px}.color-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.color-swatch{position:relative;display:grid;place-items:center;width:26px;height:26px;border:2px solid transparent;border-radius:50%;color:#fff}.color-swatch.active{border-color:var(--text)}.color-none{border:1px dashed var(--border-strong);background:var(--elev2);color:var(--muted)}.toast-stack{position:fixed;top:72px;right:18px;z-index:500;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{display:flex;align-items:flex-start;gap:8px;padding:9px 10px 9px 12px;border:1px solid var(--border-strong);border-radius:9px;background:var(--elev);box-shadow:var(--shadow);color:var(--text);font-size:12px;animation:toast-in .18s ease}.toast>svg{flex-shrink:0;margin-top:1px}.toast-info>svg{color:var(--accent)}.toast-success>svg{color:var(--success)}.toast-error>svg{color:var(--danger)}.toast span{flex:1;line-height:1.45}.toast-close{display:grid;place-items:center;flex-shrink:0;width:18px;height:18px;border-radius:4px;color:var(--faint)}.toast-close:hover{background:var(--hover);color:var(--text)}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:grid;place-items:center;background:#070a10b8;animation:fade-in .12s ease;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.drop-card{padding:40px 60px;border:2px dashed var(--accent);border-radius:20px;background:#14192399;color:var(--text);text-align:center}.drop-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border-radius:16px;background:var(--accent-soft);color:var(--accent)}.drop-card h3{margin:0 0 5px;font-size:16px}.drop-card p{margin:0;color:var(--muted);font-size:12px}.global-busy{position:fixed;top:0;right:0;left:0;z-index:700;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200% 100%;animation:loadingbar 1s linear infinite;pointer-events:none}.trash-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--elev);color:var(--muted);font-size:11.5px}.trash-banner>span{display:flex;align-items:center;gap:7px}.content-error{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;border:1px solid rgba(240,82,82,.3);border-radius:9px;background:var(--danger-soft);color:var(--danger);font-size:12px}.content-error .link-btn{margin-left:auto;color:var(--text)}.login-page{position:relative;display:grid;place-items:center;min-height:100dvh;overflow:hidden;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,rgba(91,140,255,.16),transparent 60%),var(--bg)}.login-glow{position:absolute;border-radius:50%;opacity:.5;pointer-events:none;filter:blur(90px)}.login-glow.one{top:-140px;left:10%;width:420px;height:420px;background:#5b8cff4d}.login-glow.two{right:8%;bottom:-160px;width:380px;height:380px;background:#8b5cf640}.login-card{position:relative;width:380px;max-width:100%;padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--elev);box-shadow:var(--shadow);animation:modal-in .25s ease}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-brand h1{margin:0;font-size:19px;letter-spacing:-.01em}.login-brand p{margin-top:2px;color:var(--muted);font-size:11.5px}.login-form{display:flex;flex-direction:column}.login-form .field-label{margin:12px 0 6px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>svg{position:absolute;left:10px;color:var(--faint);pointer-events:none}.input-with-icon .input{height:38px;padding-right:36px;padding-left:32px}.password-toggle{position:absolute;right:6px;display:grid;place-items:center;width:26px;height:26px;border-radius:5px;color:var(--faint)}.password-toggle:hover{background:var(--elev2);color:var(--text)}.login-error{margin-top:12px;padding:8px 10px;border:1px solid rgba(240,82,82,.3);border-radius:7px;background:var(--danger-soft);color:var(--danger);font-size:11.5px}.login-submit{width:100%;height:38px;margin-top:18px}.login-foot{margin-top:18px;color:var(--faint);font-size:10.5px;line-height:1.6;text-align:center}.login-foot code{padding:1px 4px;border-radius:4px;background:var(--elev2);font-size:10px}.login-copyright{position:absolute;bottom:18px;color:var(--faint);font-size:10.5px}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100dvh;color:var(--muted);font-weight:600}.splash-logo{animation:pulse 1.6s ease-in-out infinite}@media (max-width: 1280px){.sort-control{display:none}}@media (max-width: 1080px){.inspector{position:fixed;top:0;right:0;bottom:0;z-index:200;width:360px;max-width:92vw;box-shadow:-20px 0 50px #00000059}}@media (max-width: 960px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:250;width:260px;transform:translate(-100%);transition:transform .22s ease;box-shadow:20px 0 50px #00000059}.sidebar-open{transform:none}.sidebar-close,.sidebar-toggle{display:grid}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-scrim.show{opacity:1;pointer-events:auto}.topbar{gap:8px;padding:0 14px}.topbar-title h1{max-width:160px}.density-switch{display:none}.content{padding:14px 14px 100px}}@media (min-width: 961px){.sidebar-scrim{display:none}}@media (max-width: 720px){.search-box{max-width:none}.import-btn{width:34px;padding:0}.import-btn span,.count-pill{display:none}.upload-tray{right:10px;bottom:10px;width:300px}.batch-bar{bottom:10px}.batch-count{padding:0 6px}.lightbox-stage{padding:12px 44px}.lightbox-nav{width:36px;height:36px}.lightbox-nav.prev{left:6px}.lightbox-nav.next{right:6px}.lightbox-title h2{max-width:40vw}.lightbox-info{display:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bar-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes indeterminate{0%{margin-left:-40%}to{margin-left:100%}}@keyframes loadingbar{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.94);opacity:.75}}