.texture-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:440px;overflow-y:auto;padding:4px 6px 8px 3px;scrollbar-width:thin;scrollbar-color:#9f957f transparent;overscroll-behavior-y:auto}
.texture-options button{min-width:0;text-align:left;background:#f5f1e880;border:1px solid var(--line);padding:5px 5px 10px;border-radius:3px;position:relative}
.texture-options button[aria-pressed=true]{outline:2px solid var(--olive);outline-offset:0;background:#f8f5ee}
.texture-options button[aria-pressed=true]:after{content:'✓';position:absolute;top:9px;right:9px;background:#f8f5ee;color:var(--olive);border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px}
.texture-options img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;border-radius:1px}
.texture-options span{display:block;font-size:10px;line-height:1.5;margin:8px 4px 3px}.texture-options small{display:block;font-size:8px;color:var(--muted);overflow-wrap:anywhere;margin:0 4px}
.selected-finish{display:flex;gap:18px;align-items:center}.selected-finish>div{min-width:0}.selected-finish p{margin-bottom:0}.selected-swatch{display:block;flex:0 0 90px;width:90px;padding:0;border:1px solid var(--line);background:#f8f5ee;border-radius:3px;overflow:hidden}.selected-swatch img{width:100%;height:76px;object-fit:cover;display:block}.selected-swatch span{display:block;padding:6px 3px;font-size:8px;text-align:center}.solid-swatch{height:80px;background:var(--selected-colour);box-shadow:inset 0 0 0 5px #f8f5ee}
.missing-samples{font-size:10px;color:var(--muted);margin:16px 0;line-height:1.8}.missing-samples summary{cursor:pointer}.missing-samples ul{padding-left:20px;max-height:180px;overflow:auto}.missing-samples li{margin:6px 0;overflow-wrap:anywhere}
.finish-dialog{width:min(1040px,94vw);max-width:94vw;max-height:92svh;padding:28px;background:var(--paper,#f5f1e8);border:1px solid var(--line);color:var(--ink);overflow:auto}.finish-dialog h2{font-size:clamp(28px,4vw,46px);margin:15px 0}.sample-code{font-size:12px;color:var(--muted)}.finish-comparison{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin:24px 0}.finish-comparison figure{margin:0;min-width:0}.finish-comparison img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.finish-comparison figcaption{font-size:11px;line-height:1.8;margin-top:10px}.finish-comparison a{text-decoration:underline;text-underline-offset:3px}.finish-dialog>.micro{max-width:750px;line-height:1.8}.finish-dialog .close{position:sticky;top:0;z-index:2;background:#f5f1e8ee}
@media(max-width:700px){.texture-options{grid-template-columns:repeat(3,minmax(0,1fr));max-height:430px;gap:8px}.texture-options span{font-size:9px}.texture-options small{font-size:8px}.selected-finish{padding:14px;gap:12px}.selected-swatch{flex-basis:76px;width:76px}.finish-dialog{padding:18px;max-height:94svh}.finish-comparison{grid-template-columns:1fr;gap:25px}.finish-comparison figure:last-child{max-width:72%}}