:root{--bg:#0b0f19;--panel:#111827;--bd:#273244;--txt:#e5e7eb;--mut:#9aa3b2;--pri:#8b5cf6}
.lst-wrap{max-width:1400px;margin:0 auto;color:var(--txt)}
.lst-card{background:var(--panel);border:1px solid var(--bd);border-radius:14px;padding:14px;margin:14px 0}
.lst-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lst-row{display:flex;gap:8px;flex-wrap:wrap}
.lst-toolbar{display:flex;flex-direction:column;gap:10px}
.lst-select{background:#0f172a;border:1px solid var(--bd);color:var(--txt);border-radius:10px;padding:10px 12px}
.lst-select.small{padding:6px 8px}
.lbl{font:700 12px/1 system-ui;color:#9aa3b2;align-self:center}
.btn{background:#0f172a;border:1px solid var(--bd);color:var(--txt);border-radius:10px;padding:8px 12px}
.btn.primary{background:var(--pri);border:0;color:#fff}
.lst-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#zoom{width:220px}
.lst-views{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.pane{position:relative;height:70vh;background:#0b1220;border:1px solid var(--bd);border-radius:14px;overflow:hidden}
.pane img{position:absolute;left:0;top:0;transform-origin:0 0;user-select:none;-webkit-user-drag:none;pointer-events:none}
.badge{position:absolute;left:8px;top:8px;background:#0009;color:#fff;border-radius:999px;padding:4px 8px;font:700 12px system-ui}
.loupe{position:absolute;width:160px;height:160px;border:2px solid var(--pri);border-radius:50%;box-shadow:0 0 0 2px #0004 inset;display:none;pointer-events:none}
.lst-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.grid-card{background:#0b1220;border:1px solid var(--bd);border-radius:12px;overflow:hidden;cursor:pointer}
.grid-card img{width:100%;height:180px;object-fit:cover;display:block}
.grid-card .cap{padding:8px 10px;color:var(--mut);font:600 12px system-ui}
@media(max-width:980px){.lst-views{grid-template-columns:1fr}.lst-grid{grid-template-columns:repeat(2,1fr)}}
#lst-lightbox{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:9999}
#lst-lightbox.on{display:flex}#lst-lightbox img{max-width:95vw;max-height:90vh}
#lb-cap{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#000a;color:#fff;padding:6px 10px;border-radius:10px}
#lb-close{position:absolute;top:16px;right:16px;background:#111827;color:#fff;border:1px solid var(--bd);border-radius:10px;padding:6px 10px}
/* Admin quick styles */
.lst-admin.full .card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:16px 0}
.grid2{display:grid;grid-template-columns:2fr 1fr;gap:12px;max-width:900px}
.brand-add{display:flex;gap:8px;max-width:420px}
.brand-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.brand-list .chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;display:inline-flex;gap:6px;align-items:center}
.brand-list .chip .del{color:#ef4444}
.groups-head{display:flex;gap:8px;margin:12px 0}
#groups .group{border:1px dashed #cbd5e1;border-radius:10px;padding:8px;margin:8px 0}
#groups .group .group-hd{display:flex;gap:8px;align-items:center;margin-bottom:6px}
#groups .group .rows .row{display:grid;grid-template-columns:120px 120px 0 120px 80px;gap:8px;align-items:center;margin:6px 0}
#groups img{width:120px;height:90px;object-fit:cover;background:#000}