:root{--bg-base:#09090b;--bg-surface:#111113;--bg-raised:#18181b;--bg-overlay:#1f1f23;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#52525b;--border:#27272a;--accent:#f43f5e;--accent-hover:#e11d48;--accent-muted:rgba(244,63,94,.12);--success:#34d399;--error:#f87171;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{width:240px;min-width:240px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-2)}.sidebar-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.sidebar-item,.sidebar-title{padding:var(--space-2) var(--space-3)}.sidebar-item{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:all var(--transition-fast)}.sidebar-item.active,.sidebar-item:hover{background:var(--bg-raised);color:var(--text-primary)}.sidebar-count{margin-left:auto;font-size:.75rem;color:var(--text-tertiary);font-family:var(--font-mono)}.sidebar-spacer{flex:1 1}.storage-meter{padding:var(--space-3);border-top:1px solid var(--border)}.storage-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.storage-bar{height:4px;background:var(--bg-raised);overflow:hidden}.storage-bar,.storage-fill{border-radius:var(--radius-full)}.storage-fill{height:100%;background:var(--accent);transition:width var(--transition-base)}.storage-text{font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-1)}.content{flex:1 1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border)}.upload-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;transition:background var(--transition-fast)}.upload-btn:hover{background:var(--accent-hover)}.search-input{flex:1 1;max-width:300px;padding:var(--space-2) var(--space-3);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;outline:none}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-tertiary)}.file-grid{flex:1 1;overflow-y:auto;padding:var(--space-6);display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--space-4);gap:var(--space-4);align-content:start}.file-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color var(--transition-fast);position:relative}.file-card:hover{border-color:var(--text-tertiary)}.file-thumb{width:100%;aspect-ratio:4/3;background:var(--bg-raised);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:1.5rem;overflow:hidden}.file-thumb img{width:100%;height:100%;object-fit:cover}.file-ext{font-family:var(--font-mono);font-size:.875rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary)}.file-info{padding:var(--space-3)}.file-name{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-1);display:flex;justify-content:space-between}.file-actions{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.file-card:hover .file-actions{opacity:1}.file-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-overlay);border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all var(--transition-fast)}.file-action-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.drop-overlay{position:fixed;inset:0;background:rgba(9,9,11,.85);display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.drop-zone{padding:var(--space-16);border:2px dashed var(--accent);border-radius:var(--radius-xl);background:var(--accent-muted);text-align:center}.drop-zone-text{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-top:var(--space-3)}.drop-zone-hint{font-size:.875rem;color:var(--text-secondary);margin-top:var(--space-1)}.empty-state{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-tertiary);padding:var(--space-8)}.empty-state h3{color:var(--text-primary);font-size:1rem;font-weight:600}.empty-state p{font-size:.875rem;max-width:320px;text-align:center}.upload-progress{padding:var(--space-2) var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3);font-size:.8125rem;color:var(--text-secondary);background:var(--bg-surface)}.upload-progress-bar{flex:1 1;max-width:200px;height:3px;background:var(--bg-raised);border-radius:var(--radius-full);overflow:hidden}.upload-progress-fill{height:100%;background:var(--accent);transition:width var(--transition-fast)}.ai-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translateX(-50%);padding:var(--space-2) var(--space-4);background:var(--bg-overlay);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.8125rem;color:var(--text-primary);z-index:200;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.sidebar{display:none}.file-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:var(--space-4)}.toolbar{padding:var(--space-3) var(--space-4)}}