.native-artistic-style{display:none}
.artistic-styles{min-inline-size:0;margin:1.25rem 0;padding:0;border:0}
.artistic-styles legend{padding:0;font:inherit;font-weight:650}
.artistic-styles .field-note{margin:.35rem 0 .85rem}
.style-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.style-choice{position:relative;display:grid;gap:.4rem;min-width:0;cursor:pointer;padding:.4rem .4rem .65rem;border:1px solid var(--sample-accent);border-radius:4px;background:var(--sample-paper);color:var(--sample-ink)}
.style-choice input{position:absolute;inline-size:1px;block-size:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.style-choice-art{display:block;aspect-ratio:1123/794;overflow:hidden;pointer-events:none;background:#f5f0e5}
.style-choice-art img{display:block;width:100%;height:100%;object-fit:contain}
.style-choice-name{font-size:.82rem;line-height:1.3;padding-inline:.15rem 1.2rem;overflow-wrap:anywhere}
.style-choice-check{position:absolute;inset-inline-end:.5rem;bottom:.6rem;visibility:hidden;font-size:.85rem;font-weight:800}
.style-choice:has(input:checked){border-color:var(--sample-accent);box-shadow:inset 0 0 0 2px var(--sample-accent),0 0 0 2px var(--bg),0 0 0 4px var(--text)}
.style-choice input:checked~.style-choice-check{visibility:visible}
.style-choice:has(input:focus-visible){outline:3px solid var(--text);outline-offset:6px}
@media(hover:hover){.style-choice:hover{border-color:currentColor}}