.finish-piece{display:block;aspect-ratio:1;background-image:url('assets/finish-samples.webp');background-size:300% 200%;background-repeat:no-repeat;filter:drop-shadow(6px 12px 8px #39281a24)}
.finish-art{position:relative;overflow:hidden;background:#e5ded1;aspect-ratio:3/2;padding:0!important}
.finish-art .finish-piece{position:absolute;width:40%;left:.5%;top:12%;transform:rotate(-5deg)}.finish-art .finish-piece:nth-child(2){width:40%;left:30.5%;top:7%;transform:rotate(6deg)}.finish-art .finish-piece:nth-child(3){width:40%;left:61.5%;top:13%;transform:rotate(4deg)}
.idea-card>.finish-art{height:clamp(85px,13svh,130px);aspect-ratio:auto}.q-ideas-list .finish-art{width:70px;height:46px;flex-shrink:0}.idea-card>.finish-art .finish-piece{max-height:none}
.finish-workbench{height:min(650px,calc(100svh - 118px));min-height:390px;display:flex;flex-direction:column;border:1px solid #d4cbbd;background:#f0eade;color:var(--ink);isolation:isolate}
.finish-head{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid #d4cbbd;flex-shrink:0}.finish-head h3{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.04em;margin:0}.finish-head p{margin:0;font-size:10px;color:var(--muted)}
.finish-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;flex:1;min-height:0;overflow:hidden}
.finish-table{position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 15%,#f4eee4,#dfd6c7);min-height:0;container-type:size}
.finish-table:before{content:'H /';position:absolute;top:22px;left:25px;color:#918374;font-family:'DM Serif Display',serif;font-size:28px;opacity:.5}
.finish-table:after{content:'TOCA UNA MUESTRA PARA ACERCARLA';position:absolute;left:25px;bottom:16px;font-size:8px;letter-spacing:.13em;color:#776658;pointer-events:none}
.finish-object{position:absolute;border:0;background:none;padding:0;text-align:left;color:var(--ink);transition:transform .35s ease;cursor:zoom-in;isolation:isolate}
.finish-object[data-board-group=floor]{width:min(53cqw,80cqh);left:3%;top:10%;transform:rotate(-8deg);z-index:1}.finish-object[data-board-group=wall]{width:min(41cqw,65cqh);left:48%;top:0;transform:rotate(7deg);z-index:2}.finish-object[data-board-group=counter]{width:min(43cqw,62cqh);left:47%;top:35%;transform:rotate(5deg);z-index:3}
.finish-object .finish-piece{width:100%;transition:filter .3s ease;pointer-events:none}.finish-object .finish-tag{display:flex;gap:8px;align-items:center;position:absolute;left:16%;bottom:3%;max-width:90%;background:var(--paper);padding:8px 10px;box-shadow:0 2px 12px #39281a14;transform:rotate(0deg);pointer-events:none;white-space:nowrap}
.finish-tag small{font-size:8px;color:var(--muted);font-weight:400}.finish-tag strong{font-size:11px;font-weight:600}.finish-tag b{font-size:17px;font-weight:400;margin-left:5px}
.finish-object[data-board-group=wall] .finish-tag{top:10%;bottom:auto}.finishes-in-view .ideas-launch,.finishes-in-view .back-top{visibility:hidden;pointer-events:none}
.style-lab:has(#lab-tab-materials[aria-selected=true]) .compare-note{display:none}
.finish-object:hover,.finish-object:focus-visible{transform:translateY(-8px) rotate(0deg);z-index:4}.finish-object:focus-visible{outline:2px solid var(--accent);outline-offset:-12px}.finish-object:hover .finish-piece{filter:drop-shadow(12px 20px 12px #39281a35)}
.finish-options{min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 20px;background:var(--paper);display:flex;flex-direction:column;justify-content:center;gap:24px}
.finish-options fieldset{margin:0;padding:0;border:0;min-width:0}.finish-options legend{font-size:12px;font-weight:600;margin-bottom:10px;padding:0}.finish-choice-row{display:grid;grid-template-columns:1fr;gap:7px}.finish-choice-row button{display:flex;align-items:center;gap:10px;border:1px solid #d4cbbd;background:transparent;padding:7px 9px;min-height:40px;color:var(--ink);font-size:11px;text-align:left;position:relative}.finish-choice-row button[aria-pressed=true]{background:#e8edda;border-color:#74805b}.finish-choice-row button[aria-pressed=true]:after{content:'✓';margin-left:auto;font-size:12px}.finish-swatch{display:block;flex-shrink:0;width:27px;height:27px;border-radius:50%;background-image:url('assets/finish-textures.webp');background-size:300% 200%;border:1px solid #45272d22}
.finish-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 22px;border-top:1px solid #d4cbbd;background:var(--paper);flex-shrink:0}.finish-footer>div{min-width:0}.finish-footer span{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}.finish-footer strong{font-size:13px;font-weight:600}.finish-footer .lab-save{flex-shrink:0;font-size:11px;border-color:var(--ink)}.finish-footer .lab-save span{font-size:11px;color:inherit;margin:0}.finish-footnote{font-size:9px;margin:9px 0 0;color:var(--muted)}
.finish-dialog .macro-plane{background-image:url('assets/finish-textures.webp');background-size:300% 200%}.finish-dialog .macro-window{aspect-ratio:1;height:auto;max-height:none}.finish-dialog .material-modal-copy{justify-content:flex-start}.finish-dialog .material-modal-copy h3{font-family:Manrope,sans-serif;font-size:20px;margin:0 0 10px}.finish-dialog .material-facts{margin:0}.finish-dialog .material-facts dd{font-size:12px;line-height:1.65}.finish-dialog .material-facts dt{font-size:9px}.finish-dialog #finish-pan-help{font-size:9px;margin:10px 0 0}.finish-dialog .material-modal-footer{align-items:center;justify-content:space-between}.finish-dialog .material-modal-footer>span{font-size:11px}.finish-dialog .material-modal-grid{align-items:start}.finish-dialog .material-modal-copy .quiet-note{font-size:9px;margin-top:16px}
@media(max-width:1100px){.finish-body{grid-template-columns:minmax(0,1fr) 255px}.finish-options{padding:16px;gap:19px}.finish-tag{flex-wrap:wrap}.finish-tag small{display:none}.finish-table:after{font-size:7px;left:15px}.finish-object[data-board-group=counter]{top:35%}}
@media(max-width:800px){.finish-body{grid-template-columns:minmax(0,1fr) 215px}.finish-head p{display:none}.finish-options{padding:12px;gap:15px}.finish-choice-row button{font-size:10px;gap:7px;padding:7px}.finish-tag strong{font-size:9px}.finish-tag b{display:none}.finish-object .finish-tag{padding:6px 8px}.finish-object[data-board-group=floor]{width:min(64cqw,65cqh);left:0;top:9%}.finish-object[data-board-group=wall]{width:min(51cqw,52cqh);left:44%;top:4%}.finish-object[data-board-group=counter]{width:min(57cqw,52cqh);left:38%;top:45%}}
@media(max-width:580px){.finish-workbench{height:calc(100svh - 126px);min-height:375px}.finish-head{padding:10px 12px}.finish-head h3{font-size:17px}.finish-body{display:flex;flex-direction:column}.finish-table{height:45%;min-height:138px;flex-shrink:0}.finish-table:before{top:10px;left:14px;font-size:19px}.finish-table:after{display:none}.finish-object[data-board-group=floor]{width:43%;left:0;top:2%}.finish-object[data-board-group=wall]{width:35%;left:33%;top:1%}.finish-object[data-board-group=counter]{width:36%;left:61%;top:12%}.finish-object .finish-tag{padding:4px 6px;left:10%;bottom:3%}.finish-tag strong{font-size:9px}.finish-options{flex:1;justify-content:flex-start;gap:10px;padding:10px 12px}.finish-options fieldset{display:grid;grid-template-columns:57px 1fr;gap:0 8px;position:relative;padding-left:57px}.finish-options legend{font-size:10px;position:absolute;left:0;top:11px;margin:0}.finish-choice-row{display:flex;grid-column:1/-1;gap:5px}.finish-choice-row button{flex:1;font-size:9px;min-height:34px;padding:5px;gap:5px}.finish-choice-row button[aria-pressed=true]:after{display:none}.finish-swatch{width:22px;height:22px}.finish-footer{padding:9px 12px;gap:8px}.finish-footer strong{font-size:10px}.finish-footer .lab-save{padding:8px;font-size:9px;gap:5px;min-height:39px}.finish-footer .lab-save span{font-size:9px;max-width:100px;text-align:left;line-height:1.4}.finish-footer>div>span{font-size:8px}.finish-footnote{font-size:8px}.finish-dialog .material-modal-grid{padding:14px}.finish-dialog .macro-window{width:min(100%,36dvh);margin:auto}.finish-dialog .material-modal-copy{margin-top:18px}.finish-dialog .material-modal-copy h3{font-size:18px}.finish-dialog .material-modal-footer{padding:10px 14px}.finish-dialog .material-modal-footer .lab-secondary{font-size:10px}.finish-dialog .material-facts dd{font-size:11px}.q-ideas-list .finish-art{width:57px;height:38px}.idea-card>.finish-art{aspect-ratio:1.9;height:auto}.lab-tabs>button{gap:5px;padding-inline:4px}.lab-tabs>button span{font-size:11px}.lab-tabs>button[data-lab-tab=materials]{flex:1.8}.lab-tabs>button[data-lab-tab=materials] span{white-space:nowrap}}
@media(max-width:360px){.finish-table{height:40%;min-height:127px}.finish-head h3{font-size:16px}.finish-options{padding:8px;gap:7px}.finish-options fieldset{padding-left:51px}.finish-choice-row button{font-size:8px;gap:4px}.finish-swatch{width:19px;height:19px}.finish-tag strong{font-size:8px}.finish-footer{padding-inline:8px}.finish-footer strong{font-size:9px}.finish-footer .lab-save span{max-width:88px}.idea-card>.finish-art{height:68px;aspect-ratio:auto}.lab-tabs>button span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.finish-object,.finish-object .finish-piece{transition:none}.finish-object:hover,.finish-object:focus-visible{transform:none}}

@media(max-width:580px){.finish-object[data-board-group=wall] .finish-tag{top:auto;bottom:3%}}

@media(max-width:580px){.finish-choice-row button{font-size:10px;line-height:1.3;min-height:42px}.finish-options legend{font-size:11px;top:15px}.finish-footer strong{font-size:10px;line-height:1.4;display:block}.finish-dialog #finish-image-status{font-size:9px;color:var(--accent);margin:7px 0 0}}
@media(max-width:360px){.finish-table{height:45%;min-height:138px}}