.cs-heading,.cs-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.cs-showcase h3,.cs-dialog h3{font:600 30px/1.2 'Barlow Condensed',sans-serif;margin:0}.cs-heading{margin:24px 0 16px}.cs-actions,.cs-slot-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.cards-view .cs-action{background:transparent;border:0;border-radius:0;padding:8px 0;color:var(--cd-accent);font-size:15px;min-height:40px}.cards-view .cs-action:hover:not(:disabled){background:transparent;text-decoration:underline}.cs-trio{display:grid;grid-template-columns:repeat(3,minmax(0,280px));justify-content:center;gap:40px;padding:20px 0 52px}.cs-card{margin:0;min-width:0;text-align:center}.cards-view .cs-art-button,.cards-view .cs-preview,.cards-view .cs-picker-card{background:transparent;border:0;padding:0;color:var(--paper);text-align:center;min-width:0;box-shadow:none}.cards-view .cs-art-button:hover:not(:disabled),.cards-view .cs-preview:hover:not(:disabled),.cards-view .cs-picker-card:hover:not(:disabled){background:transparent}.cs-art-button{width:100%}.cs-card .cd-face{transition:transform .22s ease}.cs-art-button:hover .cd-face,.cs-preview:hover .cd-face{transform:scale(1.025)}.cs-caption{margin-top:16px}.cs-name{font:600 24px/1.25 'Barlow Condensed',sans-serif;overflow-wrap:anywhere}.cs-set{display:block;margin-top:5px;color:var(--muted);font-size:13px}.cs-caption .cs-foil{font-size:24px;line-height:34px;margin:7px auto 0}.cs-slot-actions{gap:12px;margin-top:12px}.cs-slot-actions .cs-action{font-size:13px}.cs-empty-card{aspect-ratio:5/7;width:100%;box-sizing:border-box;border:1px solid var(--cd-line);background:transparent}.cards-view .cs-choose{color:var(--muted);border:1px solid var(--cd-line);background:transparent;font:500 19px 'Barlow Condensed',sans-serif}.cards-view .cs-choose:hover:not(:disabled){background:transparent;color:var(--paper);border-color:var(--cd-accent)}.cs-gallery-heading{border-top:1px solid var(--cd-line);padding-top:30px;margin-top:12px}.cs-gallery-heading label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.cs-gallery-heading input{max-width:180px}.cs-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 42px;padding-top:22px}.cs-preview h4{font:600 23px/1.2 'Barlow Condensed',sans-serif;margin:0 0 18px;overflow-wrap:anywhere}.cs-mini-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cs-dialog{background:transparent;color:var(--paper);border:0;box-shadow:none;width:min(1080px,calc(100vw - 32px));max-width:none;max-height:94dvh;padding:40px 22px 20px;box-sizing:border-box;overflow:auto}.cs-dialog::backdrop{background:#030709f2}.cs-dialog h3{text-align:center;margin-bottom:30px}.cards-view .cs-close{position:absolute;top:0;right:0;background:transparent;border:0;font-size:28px;padding:0 10px}.cs-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px}.cs-picker-card>span{display:block;margin-top:10px;font-size:16px}.cs-picker-card:disabled{opacity:.35}.cs-showcase p:empty{display:none}.cs-showcase [role=status]{color:var(--muted)}
@media(max-width:1000px){.cs-trio{gap:24px}.cs-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.cs-heading{align-items:flex-start}.cs-showcase h3,.cs-dialog h3{font-size:27px}.cs-actions{gap:12px}.cs-trio{grid-template-columns:minmax(0,280px);gap:38px;padding-bottom:30px}.cs-gallery{grid-template-columns:1fr;gap:38px;max-width:440px;margin:auto}.cs-gallery-heading{align-items:flex-start;flex-direction:column;gap:18px}.cs-gallery-heading input{max-width:200px}.cs-dialog{padding:36px 8px 18px;width:calc(100vw - 24px)}.cs-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.cs-display .cs-trio{grid-template-columns:minmax(0,280px)}.cs-dialog h3{margin-bottom:16px}.cs-foil{max-width:100%}}
@media(prefers-reduced-motion:reduce){.cs-card .cd-face{transition:none}}

.cs-choices>.cs-action{grid-column:1/-1;justify-self:start}
.cs-picker-finishes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cs-picker-finishes .cs-action{font-size:13px;padding:7px 9px;text-align:left;border:1px solid var(--line)}.cs-picker-finishes .cs-action:disabled{opacity:.45;cursor:default}

.cards-view .cs-picker-finishes{max-height:180px;overflow:auto;align-content:start}.cards-view .cs-picker-finishes .cs-action{border:1px solid var(--cd-line);padding:6px 8px;font-size:13px;min-height:36px}