.gcs-stain-studio{width:min(1240px,calc(100% - 80px));margin:auto;padding:64px 0 80px;color:#292b2d}
.gcs-stain-studio h1{margin:24px 0 40px;font-size:clamp(40px,5vw,68px);line-height:1.15;letter-spacing:-.025em;font-weight:400}
.gcs-stain-studio__layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.gcs-stain-studio__preview{background:#eeeae3;padding:24px;text-align:center;border-radius:12px}
.gcs-stain-studio__preview>img,.gcs-stain-studio__preview>canvas{display:block;width:100%;height:min(55vh,620px);object-fit:contain}
.gcs-stain-studio [hidden]{display:none!important}
.gcs-stain-studio h2{font-size:28px;font-weight:400;line-height:1.2;margin:18px 0 12px}
.gcs-stain-studio p{font-size:15px;line-height:1.6}
.gcs-stain-studio__samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px;margin:28px 0}
.gcs-stain-studio__samples button{display:flex;flex-direction:column;gap:10px;align-items:center;border:0;background:transparent;color:inherit;padding:5px;cursor:pointer;font:inherit;font-size:12px;line-height:1.3;border-radius:6px}
.gcs-stain-studio__samples canvas{display:block;width:100%;height:auto;border-radius:5px}
.gcs-stain-studio__samples button[aria-pressed=true]{outline:2px solid #b74c25;outline-offset:3px}
.gcs-stain-studio__samples button:focus-visible{outline:3px solid #292b2d;outline-offset:3px}
.gcs-stain-studio .gcs-stain-studio__note{font-size:12px;color:#65635e;max-width:400px}
@media(max-width:749px){.gcs-stain-studio{width:calc(100% - 40px);padding:40px 0 56px}.gcs-stain-studio__layout{grid-template-columns:1fr;gap:18px}.gcs-stain-studio__preview>img,.gcs-stain-studio__preview>canvas{height:340px}.gcs-stain-studio__samples{gap:16px 10px}.gcs-stain-studio__choices h2{font-size:24px}}
.gcs-stain-studio__samples button{height:auto;min-height:0;text-transform:none;letter-spacing:0;white-space:normal;overflow:visible}
.gcs-stain-studio__samples canvas{flex:0 0 auto;position:static;max-height:none;aspect-ratio:14/17}