.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.theme-card{display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface);min-width:0;transition:transform .2s,border-color .2s}.theme-card:hover{transform:translateY(-4px);border-color:var(--accent)}.theme-card.selected{outline:2px solid var(--accent);outline-offset:2px}.theme-mini{height:162px;background:var(--sw1);color:var(--sw3);display:block;padding:15px 16px;position:relative;overflow:hidden}.mini-label{font-size:6px;letter-spacing:.14em;display:block;border-bottom:1px solid color-mix(in srgb,var(--sw3) 20%,transparent);padding-bottom:7px}.mini-heading{font:27px/1.05 SparkDisplay,serif;display:block;letter-spacing:-.03em;margin-top:10px;position:relative;z-index:1}.mini-line{display:block;width:34px;height:8px;background:var(--sw2);margin-top:11px;border-radius:2px}.mini-covers{display:flex;position:absolute;right:12px;bottom:11px;gap:4px;transform:rotate(-8deg)}.mini-covers i{display:block;width:22px;height:35px;background:var(--sw2);border:1px solid color-mix(in srgb,var(--sw3) 20%,transparent)}.mini-covers i:nth-child(2){background:var(--sw3)}.theme-info{padding:13px 12px;display:block;min-height:115px}.theme-info b{font-size:11px;display:block;line-height:1.4}.theme-info b>span{color:var(--muted);font-size:8px;margin-right:5px}.theme-info small{display:block;color:var(--muted);font-size:9px;margin-top:5px;line-height:1.5}.theme-info em{font-size:8px;font-family:var(--sans);font-style:normal;color:var(--accent);display:block;margin-top:5px}.theme-card[data-preview=velvet] .mini-heading{font-family:SparkRomantic;font-size:34px;font-style:italic;color:var(--sw2)}.theme-card[data-preview=spellbound] .theme-mini{background:radial-gradient(at 100% 70%,#726ab65c,transparent 70%),var(--sw1);color:var(--sw2)}.theme-card[data-preview=spellbound] .mini-heading{font-family:SparkRound}.theme-card[data-preview=noir] .theme-mini{color:var(--sw2)}.theme-card[data-preview=noir] .mini-heading{font-family:SparkCondensed;font-size:33px;text-transform:uppercase}.theme-card[data-preview=daylight] .mini-heading{font-family:SparkSans;font-size:25px;font-weight:600}.theme-card[data-preview=daylight] .mini-covers i{border-radius:6px}.theme-card[data-preview=pop] .mini-heading{font-family:SparkRound;font-size:31px;font-weight:800;color:var(--sw2)}.theme-card[data-preview=pop] .mini-line{box-shadow:3px 3px var(--sw3);border-radius:0}.theme-card[data-preview=aurora] .theme-mini{color:var(--sw2);background:radial-gradient(ellipse at 80% 40%,#74948488,transparent 80%),var(--sw1)}.theme-card[data-preview=folio] .mini-label{border-color:var(--sw3)}.theme-card[data-preview=folio] .mini-heading{font-style:italic}.theme-card[data-preview=panel] .mini-heading{font-family:SparkRound;font-weight:800;transform:rotate(-5deg);background:white;border:2px solid var(--sw3);padding:3px;font-size:24px;width:105px}.theme-card[data-preview=panel] .mini-covers i{border:2px solid #191624}.theme-card[data-preview=terracotta] .mini-heading{font-family:SparkSoft;font-size:26px}.theme-card[data-preview=terracotta] .mini-covers i{border-radius:20px 20px 0 0}
/* Preview labels retain readable contrast even on pastel swatches. */
.theme-card[data-preview=daylight] .theme-mini{color:#193d38}.theme-card[data-preview=pop] .mini-label{color:#252d77}