:root{--bg: #f8fafc;--card: #ffffff;--border: #e2e8f0;--foreground: #0f172a;--muted: #64748b;--muted-2: #94a3b8;--accent: #f1f5f9;--primary: #0f172a;--primary-hover: #1e293b}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg);color:var(--foreground);-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);line-height:1.6;min-height:100vh}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;min-height:100vh}.header{background:#fff;border-bottom:1px solid var(--border);padding:1.25rem 2rem;position:sticky;top:0;z-index:100}.header-top{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:.75rem}.header h1{font-size:1.25rem;font-weight:800;letter-spacing:-.025em;color:var(--foreground);display:flex;align-items:center;gap:.625rem}.header h1 img{width:34px;height:34px;border-radius:8px;object-fit:cover}.header-actions{display:flex;gap:.625rem;align-items:center}.breadcrumb{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;font-size:.8125rem;color:var(--muted)}.breadcrumb a{color:var(--muted);text-decoration:none;padding:.3rem .625rem;border-radius:6px;transition:all .15s ease;display:inline-flex;align-items:center;gap:.375rem;cursor:pointer}.breadcrumb a:hover{background:var(--accent);color:var(--foreground);text-decoration:none}.breadcrumb .separator{color:var(--muted-2);font-size:.625rem}.search-container{padding:1.25rem 2rem 0;background:var(--bg)}.search-wrapper{position:relative;max-width:100%}.search-wrapper i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--muted-2);font-size:.875rem;pointer-events:none}.search-input{width:100%;height:2.75rem;padding:0 1rem 0 2.75rem;font-size:.875rem;font-family:inherit;background:#fff;border:1px solid var(--border);border-radius:.5rem;color:var(--foreground);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.search-input::placeholder{color:var(--muted-2)}.search-input:focus{border-color:var(--foreground);box-shadow:0 0 0 3px #0f172a14}.content{padding:1.25rem 2rem 3rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.item{background:#fff;border:1px solid var(--border);border-radius:.75rem;transition:box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;box-shadow:0 1px 2px #0000000a}.item:hover{box-shadow:0 8px 24px #0f172a14;border-color:#cbd5e1}.item.hidden{display:none}.item-preview{width:100%;height:190px;display:flex;align-items:center;justify-content:center;background:var(--accent);overflow:hidden;position:relative;border-bottom:1px solid var(--border);border-top-left-radius:.75rem;border-top-right-radius:.75rem}.item-preview img,.item-preview video{max-width:100%;max-height:100%;object-fit:contain;width:100%;height:100%}.preview-load{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent)}.preview-load-video{background:#020617}.preview-load img,.preview-load video{position:relative;z-index:2;opacity:0;transition:opacity .2s ease}.preview-load img.loaded,.preview-load video.loaded{opacity:1}.preview-state{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--muted-2);pointer-events:none}.preview-state[data-state=loading]{cursor:progress}.preview-state[data-state=error] i{font-size:1.75rem;color:#f59e0b}.preview-state[data-state=error] span{font-size:.75rem;color:var(--muted);font-weight:500}.spinner{width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.folder-icon,.file-icon{font-size:3rem;color:var(--muted-2)}.item-body{padding:1rem 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column}.item-info{flex:1;margin-bottom:.875rem}.item-name{font-weight:600;font-size:.875rem;color:var(--foreground);margin-bottom:.375rem;word-break:break-word;line-height:1.4}.item-details{font-size:.75rem;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:.375rem}.release-badge{display:inline-flex;align-items:center;gap:.25rem;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-weight:600;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem}.item-actions{display:flex;gap:.5rem}.item-actions .btn{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .875rem;height:2.25rem;border-radius:.5rem;border:1px solid transparent;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;user-select:none;text-decoration:none}.btn i{font-size:.75rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);color:#fff;text-decoration:none}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;border-color:var(--border);color:#334155}.btn-outline:hover{background:var(--accent);color:#334155;text-decoration:none}.item-actions-wrap{display:flex;gap:.5rem;align-items:stretch}.item-actions-wrap .item-actions{flex:1}.dropdown{position:relative;flex-shrink:0}.dropdown-trigger{width:2.25rem;height:2.25rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.dropdown-trigger.active{background:var(--accent);border-color:#cbd5e1}.dropdown-menu{position:absolute;right:0;bottom:calc(100% + .375rem);z-index:300;min-width:230px;background:#fff;border:1px solid var(--border);border-radius:.625rem;box-shadow:0 12px 32px #0f172a24;padding:.375rem;display:none;flex-direction:column}.dropdown-menu.open{display:flex}.dropdown-menu .dropdown-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-2);padding:.375rem .625rem .25rem}.dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;border:none;background:transparent;border-radius:.375rem;font-size:.8125rem;font-weight:600;font-family:inherit;color:var(--foreground);cursor:pointer;text-align:left;transition:background .15s ease}.dropdown-menu .dropdown-item:hover{background:var(--accent)}.dropdown-menu .dropdown-item i{width:1rem;text-align:center;color:var(--muted)}.dropdown-menu .dropdown-item .item-sub{display:block;font-size:.6875rem;font-weight:400;color:var(--muted-2)}.dropdown-menu .dropdown-item .item-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--primary);color:#fff;padding:.875rem 1.25rem;border-radius:.5rem;box-shadow:0 12px 32px #0f172a40;transform:translate(400px);opacity:0;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:500}.toast i{color:#4ade80}.toast i.fa-exclamation-circle{color:#f87171}.toast.show{transform:translate(0);opacity:1}.empty-state{text-align:center;padding:4rem 2rem;color:var(--muted);width:100%;grid-column:1 / -1}.empty-state i{font-size:3rem;margin-bottom:1rem;color:var(--muted-2)}.empty-state h2{color:var(--foreground);font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.empty-state p{font-size:.875rem;color:var(--muted)}.hidden{display:none!important}@media(max-width:768px){.items-grid{grid-template-columns:1fr}.header,.content,.search-container{padding-left:1rem;padding-right:1rem}.header-top{flex-wrap:wrap}.header h1{font-size:1.125rem}.header-actions{flex-wrap:wrap}}