@font-face{font-family:'Solidarity Arabic';src:url('assets/cards/NotoSansArabic-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.card-theme-picker{border:0;padding:0;margin:22px 0 0;min-width:0}
.card-theme-picker legend{font-size:.875rem;margin-bottom:12px;padding:0;color:var(--fg)}
.card-theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.message-maker .card-theme-option{position:relative;display:flex;flex-direction:column;gap:8px;margin:0;padding:7px;border:1px solid var(--line);border-radius:2px;cursor:pointer;font-size:.875rem;text-align:center;line-height:1.4;overflow-wrap:anywhere}
.card-theme-option input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.card-theme-option:has(input:checked){border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
.card-theme-option:has(input:focus-visible){outline:3px solid var(--red);outline-offset:4px}
.card-theme-swatch{display:block;aspect-ratio:4/5;width:100%;overflow:hidden;border-radius:1px}
.card-theme-swatch img{display:block;width:100%;height:100%;object-fit:cover}
.card-theme-option:first-child .card-theme-swatch img{opacity:.35}
.card-preview{font-family:inherit;font-size:1rem;line-height:1.5;border:0;padding:0;margin-top:22px;min-height:0;width:100%}
.card-preview::before{display:none}
.card-preview canvas{display:block;width:100%;height:auto;aspect-ratio:4/5;border:1px solid var(--line)}
@media(max-width:480px){.card-theme-options{gap:8px}.message-maker .card-theme-option{padding:6px;font-size:.875rem}}
@media(max-width:350px){.card-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}