h1 em{text-shadow:-.025em -.025em 0 #fffdf8e6,.035em .045em 0 #211b223d}.materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;min-width:0;padding:0;margin:0;border:0}.materials legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.materials label{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;align-content:center;gap:.3rem;min-width:0;min-height:var(--option-row-height);padding:.4rem .1rem;border:1px solid #211b2233;border-radius:.25rem;background:#fffdf8aa;cursor:pointer}.materials input{position:absolute;width:1px;height:1px;opacity:0}.materials b{font-size:.75rem;line-height:1.3;font-weight:800;white-space:nowrap}.materials label:has(:checked){color:var(--white);background:var(--ink);border-color:var(--ink);box-shadow:inset 0 -3px var(--red)}.materials label:has(:focus-visible){outline:2px solid var(--red);outline-offset:2px}.materials:disabled label{cursor:default}.material-mark{width:2rem;height:2rem;background-color:var(--paper);background-size:cover;border:1px solid #bcb3b0;border-radius:.1rem}.fine-paper-mark{background-image:url(/tools/image-material/swatch-fine-paper.webp)}.canvas-mark{background-image:url(/tools/image-material/swatch-canvas.webp)}.grain-mark{background-image:url(/tools/image-material/swatch-grain.webp)}.hairline-mark{background-image:url(/tools/image-material/swatch-hairline.webp)}@media(min-width:800px){.settings{width:min(64rem,100%);grid-template-columns:minmax(0,1.4fr) minmax(18rem,1fr);gap:1.25rem;align-items:center}.materials label{grid-template-columns:auto auto;justify-content:center;gap:.5rem;min-height:var(--option-row-height);padding-inline:.35rem}.material-mark{width:1.65rem;height:1.65rem}}