.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.sp-card{display:flex;flex-direction:column;gap:2px;background:var(--hull2);border:1px solid var(--rule);border-radius:9px;padding:8px;font:inherit;color:var(--ink);text-align:left;cursor:pointer}.sp-card:hover{border-color:var(--sonar)}.sp-card:active{transform:scale(.97)}.sp-card.sp-cur{border-color:var(--sonar);box-shadow:inset 0 0 0 1px var(--sonar)}.sp-card b{font-size:.875rem;font-weight:650}.sp-card .m{color:var(--dim);font-size:.75rem}.sp-card img,.sp-card .sp-swatch{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:#fff;margin-bottom:4px;display:block}.sp-card .sp-swatch{opacity:.5}.sp-more .sp-swatch{background:linear-gradient(135deg,var(--hull2),var(--rule));opacity:1}.sp-all .sp-swatch{background:linear-gradient(135deg,var(--sonar),var(--hull2) 120%);opacity:1}.sp-rest{margin-top:10px;display:flex;flex-direction:column;gap:6px}.sp-rest[hidden]{display:none}.sp-rest label{color:var(--dim);font-size:.875rem}.sp-chip{display:flex;align-items:center;gap:10px;background:var(--hull2);border:1px solid var(--rule);border-radius:9px;padding:8px 10px;margin:0 0 10px}.sp-chip img{width:64px;height:48px;object-fit:cover;border-radius:6px;background:#fff;flex:none}.sp-dot{width:16px;height:16px;border-radius:50%;flex:none;margin:0 6px}.sp-chip-t{display:flex;flex-direction:column;min-width:0;flex:1}.sp-chip-t b{font-family:League Gothic,-apple-system,sans-serif;font-size:1.55rem;line-height:1;letter-spacing:.015em;font-weight:400}.sp-chip-t .m{color:var(--dim);font-size:.75rem}.sp-change{flex:none;min-height:40px;padding:0 14px;background:transparent;color:var(--sonar);border:1px solid var(--sonar);border-radius:999px;font:inherit;font-size:.75rem;font-weight:600;cursor:pointer}.sp-change:hover{background:#3fe0be1f}.sp-change:active{transform:scale(.96)}