.texture-cards{display:grid;gap:10px}.texture-cards button{box-sizing:border-box;min-width:0;border:1px solid #2f2d38;border-radius:10px;background:transparent;color:inherit;cursor:pointer;white-space:nowrap}.texture-cards .texture-card{padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;gap:4px}.texture-cards .texture-card[aria-pressed="true"]{border:2px solid #c9a46a;background:rgb(201 164 106 / 8%)}.texture-cards .texture-card-plain{height:44px;aspect-ratio:auto;flex-direction:row;justify-content:flex-start;gap:10px}.texture-plain-swatch{width:20px;height:20px;border-radius:4px;background:#cbc6b8}.texture-card-default{margin-left:auto;font-size:12px}.texture-cards strong{font-size:13px;text-align:center;white-space:nowrap}.texture-card-thumb{flex:1;min-height:0;display:grid;place-items:center;font-size:36px}.texture-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.texture-card-grid[hidden]{display:none}.texture-tabs{display:flex;gap:8px;overflow-x:auto}.texture-tabs button{padding:8px}.texture-tabs [aria-selected="true"]{border-color:#c9a46a}.texture-cards button:focus-visible{outline:2px solid #c9a46a;outline-offset:2px}@media(max-width:600px){.texture-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.texture-card-thumb{position:relative;width:100%;align-self:stretch;border-radius:6px;overflow:hidden;background:repeating-linear-gradient(90deg,#d7d3dd 0 3px,#96909f 3px 5px);font-size:0}
.texture-card-thumb img{width:100%;height:100%;position:absolute;inset:0;object-fit:fill}
.texture-pattern-simple-pleat{background:repeating-linear-gradient(45deg,#d7d3dd 0 6px,#96909f 6px 11px)}
.texture-pattern-honeycomb{background:radial-gradient(circle,#96909f 4px,transparent 5px) 0 0/13px 13px,#d7d3dd}
.texture-pattern-huiwen{background:#d7d3dd;box-shadow:inset 0 0 0 7px #d7d3dd,inset 0 0 0 10px #96909f,inset 0 0 0 16px #d7d3dd,inset 0 0 0 19px #96909f}
.texture-pattern-ice{background:repeating-linear-gradient(30deg,transparent 0 16px,#96909f 17px 18px,transparent 19px 28px),repeating-linear-gradient(115deg,#d7d3dd 0 20px,#96909f 21px 22px,#d7d3dd 23px 32px)}
.texture-pattern-horizontal{background:repeating-linear-gradient(0deg,#d7d3dd 0px,#cdc9d4 1.25px,#b7b2be 2.5px,#a09aa8 3.75px,#96909f 5px,#a09aa8 6.25px,#b7b2be 7.5px,#cdc9d4 8.75px,#d7d3dd 10px)}
.texture-card-badge{position:absolute;right:4px;top:4px;background:#c9a46a;color:#211e25;font-size:10px;padding:2px 4px;border-radius:3px}
.texture-subtitle{white-space:nowrap!important;font-size:clamp(10px,.82vw,12px)!important}
.texture-tabs{gap:6px}.texture-tabs button{flex:1;padding:7px 3px;font-size:12px}