:root{--bg:#f6f7f9;--card:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--accent:#1f2937;--ok:#16a34a;--warn:#d97706;--bad:#dc2626;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}main{max-width:960px;margin:0 auto;padding:16px}.topbar{background:var(--accent);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.topbar h1{margin:0;font-size:1.1rem}.status{align-items:center;gap:6px;font-size:.9rem;display:flex}.status .muted{color:#d1d5db}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.on{background:#22c55e}.dot.off{background:#f87171}.banner{color:#92400e;background:#fef3c7;border-radius:8px;margin:0 0 12px;padding:10px 12px}.banner.info{color:#1e40af;background:#dbeafe}.picker{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.picker select,input{font:inherit;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:8px 10px}.inventory-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.inventory-head h2{margin:0;font-size:1.1rem}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 14px}button.primary{background:var(--accent);color:#fff}button.primary:disabled{opacity:.5;cursor:not-allowed}button.link{color:inherit;background:0 0;padding:0 4px;text-decoration:underline}button.link.danger{color:var(--bad)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}.form{gap:10px;margin-bottom:16px;display:grid}.form label{gap:4px;font-size:.9rem;display:grid}.preview{border-radius:8px;justify-self:start;width:auto;max-height:200px}.error{color:var(--bad);margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.item{flex-direction:column;padding:0;display:flex;overflow:hidden}.item.pending{border-color:var(--warn)}.item.failed{border-color:var(--bad)}.thumb{aspect-ratio:4/3;background:#f3f4f6;justify-content:center;align-items:center;display:flex}.thumb img{object-fit:cover;width:100%;height:100%}.item .body{padding:10px 12px}.item h3{margin:0 0 4px;font-size:1rem}.item .model{color:var(--muted);font-weight:400}.item p{margin:0 0 4px;font-size:.85rem}.badge{border-radius:999px;padding:2px 8px;font-size:.75rem;display:inline-block}.badge.synced{color:#166534;background:#dcfce7}.badge.pending{color:#92400e;background:#fef3c7}.badge.failed{color:#991b1b;background:#fee2e2}.muted{color:var(--muted)}.empty{text-align:center;padding:24px}