:root{--bg:#f6f6f4;--panel:#fff;--text:#1c1c1a;--muted:#6b6b66;--line:#e2e2dd;--accent:#2f5bd3;--danger:#b3261e;--thumb:#e9e9e4}@media (prefers-color-scheme:dark){:root{--bg:#141413;--panel:#1d1d1b;--text:#ecebe6;--muted:#9b9a94;--line:#2e2e2b;--accent:#7b9cff;--danger:#ff8a80;--thumb:#262624}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}button,input{font:inherit}.page{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.topbar h1{margin:0;font-size:1.4rem}.muted{color:var(--muted)}.small{font-size:.875rem}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;display:inline-block}.btn:hover{border-color:var(--muted)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.08);border-color:var(--accent)}.btn-link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.btn-link.danger{color:var(--danger)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.login{max-width:380px;margin:12vh auto 0;padding:0 16px}.login h1{margin:0 0 16px;font-size:1.4rem}.field{margin-bottom:14px;display:block}.field span{margin-bottom:4px;font-size:.875rem;display:block}.field input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px}.error{color:var(--danger);margin:0 0 12px;font-size:.9rem}.dropzone{border:2px dashed var(--line);text-align:center;background:var(--panel);border-radius:12px;margin-bottom:28px;padding:28px 16px}.dropzone.over{border-color:var(--accent)}.upload-list{text-align:left;margin:16px 0 0;padding:0;list-style:none}.upload-item{border-top:1px solid var(--line);padding:10px 0}.upload-item .row{justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.upload-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar{background:var(--thumb);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.bar>div{background:var(--accent);height:100%;transition:width .3s}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.thumb{aspect-ratio:16/9;background:var(--thumb);color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:8px;font-size:.875rem;display:flex}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.card-body{padding:10px 12px 12px}.card-title{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.card-meta{color:var(--muted);justify-content:space-between;gap:8px;margin-top:4px;font-size:.8rem;display:flex}.empty{text-align:center;padding:48px 16px}