:root{--sz-hot:#ff4520;--sz-ink:#1b1612;--sz-radius:12px;--sz-border:#e3e3e3}body{margin:0}.badge{flex:none;display:block}.preview{object-fit:contain;border-radius:var(--sz-radius);background:#f1f1f1;width:100%;max-height:560px;display:block}.preview--compact{max-height:240px}.preview-audio{width:100%}.thumb{object-fit:cover;border:1px solid var(--sz-border);background:#f1f1f1;border-radius:10px;flex:none;display:block}.thumb--badge{place-items:center;display:grid}.thumb--fill{aspect-ratio:1;border-radius:var(--sz-radius);width:100%;height:auto}.media-thumb{aspect-ratio:1;object-fit:cover;background:#f6f6f6;width:100%;display:block}.source-thumb{object-fit:cover;border:1px solid var(--sz-border);background:#f6f6f6;border-radius:10px;width:72px;height:72px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:1px solid var(--sz-border);min-height:32px;font:inherit;color:#303030;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 6px;font-size:13px;display:inline-flex}.swatch:hover{background:#f7f7f7}.swatch.is-on{border-color:var(--sz-ink);box-shadow:0 0 0 1px var(--sz-ink) inset}.swatch:focus-visible{outline-offset:1px;outline:2px solid #005bd3}.swatch__dot{border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000026}