/*! Picture Perfect · Stones & Projects — Copyright © 2026. All rights reserved. Unauthorized copying, redistribution or reuse is prohibited. */
.df-design :where(button){font:inherit;color:inherit;cursor:pointer}.df-design :where(.chip,.pill,.glass-card,.thumb-card,.tray,.primary-button,.info-popover){box-sizing:border-box}.df-design :where(.glass-card,.pill,.tray,.info-popover){background:var(--df-glass-gradient);border:var(--df-border);box-shadow:var(--df-shadow)}.df-design .glass-card{border-radius:var(--df-radius-card)}.df-design .pill{border-radius:var(--df-radius-pill);display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.df-design .chipbar{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 7px #756b5b26)}.df-design .chip{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--df-chip-gap);border-radius:var(--df-radius-chip);font-size:var(--df-chip-font);white-space:nowrap;padding:4px}.df-design .chip[aria-selected=true]{background:var(--df-chip-gradient);color:#fff;box-shadow:0 2px 5px #7b826b26,inset 0 0 0 1px #ffffff45}.df-design .segmented{display:flex;background:var(--df-segmented-fill);border-radius:5px;overflow:hidden}.df-design .segmented button{border:0;background:transparent;flex:1;font-size:var(--df-control-font);padding:0}.df-design .segmented button[aria-pressed=true]{background:var(--df-sage-dark);color:#fff;border-radius:3px}.df-design .swatch{border:1px solid #ddd9d1;border-radius:50%;width:var(--df-swatch-size);height:var(--df-swatch-size);padding:0;position:relative;background:var(--swatch)}.df-design .swatch[aria-pressed=true]{outline:1px solid #7b827d;outline-offset:1px}.df-design .thumb-card{position:relative;background:none;border:1px solid var(--df-line-card);border-radius:var(--df-radius-thumb);overflow:hidden;padding:0;font-size:var(--df-label-font);text-align:center}.df-design .thumb-card[aria-pressed=true]{border-color:var(--df-sage-dark)}.df-design .thumb-card[aria-pressed=true] .label{text-decoration:underline;text-decoration-color:var(--df-sage-dark);text-decoration-thickness:1.5px;text-underline-offset:3px}.df-design .thumb-card .art{display:flex;align-items:center;justify-content:center;background:none}.df-design .thumb-card img{max-width:100%;object-fit:contain;mix-blend-mode:normal;background:none;border:0;box-shadow:none}.df-design .thumb-card:hover img{filter:drop-shadow(0 4px 6px rgba(117,107,91,.18))}.df-design .check{position:absolute;right:var(--df-badge-inset);top:var(--df-badge-inset);background:var(--df-sage-dark);color:#fff;border:1px solid white;border-radius:50%;width:var(--df-badge-size);height:var(--df-badge-size);display:grid;place-items:center;font:10px DFInter;line-height:1}.df-design .tray{border-radius:10px;display:flex;align-items:center}.df-design .primary-button{background:var(--df-sage-dark);border:1px solid #788d73;border-radius:9px;color:#fff;display:flex;align-items:center;justify-content:space-around;font-size:12px}.df-design .ghost-button{background:var(--df-glass);border:var(--df-border);border-radius:9px;color:var(--df-text);display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:var(--df-shadow-small);text-decoration:none}.df-design .text-field{font:inherit;font-size:13px;color:var(--df-text);background:var(--df-glass);border:1px solid var(--df-line-card);border-radius:8px;padding:10px 12px;width:100%;box-sizing:border-box}.df-design .text-field::placeholder{color:#a5a19a}.df-design .text-field:focus{outline:2px solid var(--df-sage);outline-offset:1px;border-color:transparent}.df-design .info-popover{border-radius:var(--df-radius-chip);display:flex;align-items:center;justify-content:center;gap:18px;font-size:var(--df-hint-font);color:#575955}.df-design .icon{width:var(--df-icon);height:var(--df-icon);fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.df-design{font-family:DFInter,sans-serif}.replica-stage.df-design .main-title{top:20px;font-size:27.7px}.replica-stage.df-design .studio-title{font-size:22.4px;color:var(--df-muted)}.replica-stage.df-design .steps:before{top:6.8px}.replica-stage.df-design .steps button{z-index:1;display:block;padding:0;border:1px solid var(--df-line);background:var(--df-bg);width:12px;height:12px;border-radius:50%}.replica-stage.df-design .steps button[aria-current=step]{width:13px;height:13px;background:var(--df-sage);border-color:var(--df-sage)}.replica-stage.df-design .main-title a{color:inherit;text-decoration:none}.replica-stage.df-design .chipbar .chip:nth-of-type(1){transform:rotate(-4deg)}.replica-stage.df-design .chipbar .chip:nth-of-type(2){transform:rotate(-3deg)}.replica-stage.df-design .chipbar .chip:nth-of-type(3){transform:rotate(-2deg)}.replica-stage.df-design .chipbar .chip:nth-of-type(4){transform:rotate(-1deg)}.replica-stage.df-design .chipbar .chip:nth-of-type(6){transform:rotate(1deg)}.replica-stage.df-design .chipbar .chip:nth-of-type(7){transform:rotate(2deg)}.replica-stage.df-design .chipbar .chip:nth-of-type(8){transform:rotate(3deg)}.replica-stage.df-design .chipbar .chip:nth-of-type(9){transform:rotate(4deg)}.replica-stage.df-design .chipbar .chip .icon{stroke-width:1.2}.replica-stage.df-design .hint{padding-left:8px;font-size:14.2px;gap:18px}.replica-stage.df-design .round-arrow{border:0;padding:0;color:var(--df-text);cursor:pointer}.replica-stage.df-design .saved{gap:8px}.replica-stage.df-design .saved .icon{width:19px;height:22px}.replica-stage.df-design .wall-label{border-radius:6.4px}.replica-stage.df-design .minimap,.replica-stage.df-design .studio-panel,.replica-stage.df-design .tray{box-shadow:var(--df-shadow-small)}.replica-stage.df-design .minimap{border-radius:8px}.replica-stage.df-design .arrow-button{color:var(--df-text);width:25px;height:25px}.replica-stage.df-design .map-arrows{margin-top:6px}.replica-stage.df-design .studio-panel{border-radius:10px}.replica-stage.df-design .door-card .label{font-size:10.4px;line-height:14px}.replica-stage.df-design .door-card img{width:32px;height:32px}.replica-stage.df-design .thumb-card[aria-pressed=true] .label{text-decoration:none}.replica-stage.df-design .check{width:14.4px;height:14.4px;font-size:11px;right:4px;top:4px}.replica-stage.df-design .hardware img{height:29px;width:43px}.replica-stage.df-design .hardware .label{font-size:9.6px}.replica-stage.df-design .pairings .label{font-size:10.4px}.replica-stage.df-design .pairings small{font-size:9.6px}.replica-stage.df-design .pairings .faucet img{height:55px}.replica-stage.df-design .tray img{width:84px;height:67px;clip-path:none}.replica-stage.df-design .tray .art{overflow:hidden}.replica-stage.df-design .tray .label{line-height:21px}.replica-stage.df-design .tray .thumb-card{height:89.6px}.replica-stage.df-design .colors .swatch:nth-child(5){background:var(--df-oak-swatch)}.replica-stage.df-design .colors .swatch:nth-child(6){background:var(--df-walnut-swatch)}.replica-stage.df-design :is(button,a,[role=button]):focus-visible{outline:2px solid var(--df-sage-dark);outline-offset:2px}.replica-stage.df-design :is(.chip,.swatch,.thumb-card,.arrow-button){transition:filter .25s ease,box-shadow .25s ease}.replica-stage.df-design :is(.chip,.swatch,.thumb-card):hover{box-shadow:0 0 0 2px var(--df-sage)}.replica-stage.df-design .replica-info{position:absolute;left:var(--df-hint-x);bottom:52px;width:var(--df-hint-w);padding:16px;z-index:20;border-radius:var(--df-radius-chip);background:var(--df-glass-gradient);box-shadow:var(--df-shadow);border:var(--df-border)}.replica-stage.df-design .replica-info label{display:block;margin-bottom:8px}.replica-stage.df-design .replica-info input{font:inherit;width:100%;padding:8px;border:1px solid var(--df-line);border-radius:var(--df-radius-thumb);background:var(--df-glass);color:var(--df-text)}.replica-stage.df-design .replica-info button{margin-top:10px;padding:8px 12px;border:0;border-radius:var(--df-radius-thumb);background:var(--df-sage-dark);color:var(--df-white)}.replica-stage.df-design [role=button]{cursor:pointer}@media(prefers-reduced-motion:reduce){.replica-stage.df-design *{transition:none!important}}.replica-stage.df-design .thumb-card .art{background:none}.replica-stage.df-design .thumb-card img{clip-path:none}.replica-stage.df-design .check[hidden]{display:none}.replica-stage.df-design .scene{pointer-events:auto}html:has(.immersive-stage),body:has(.immersive-stage){background:var(--df-main-gradient)}.replica-stage.immersive-stage{inset:0;width:100%;height:100%;transform:none;background:var(--df-main-gradient);isolation:isolate}.immersive-stage[data-light=evening]{background:var(--df-studio-gradient)}.immersive-stage:before{content:"";position:absolute;inset:48% 15% 9%;background:radial-gradient(ellipse,var(--df-muted),transparent 65%);opacity:.12;pointer-events:none;z-index:-1}.immersive-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 58% 46%,transparent 36%,var(--df-cream-top));opacity:.16;z-index:1}.immersive-stage[data-light=undercabinet]:after{background:radial-gradient(ellipse at 55% 48%,var(--df-glass),transparent 58%);opacity:.28}.immersive-chrome{position:absolute;width:1024px;height:576px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scale,1));pointer-events:none;z-index:2}.immersive-chrome>*{pointer-events:auto}.immersive-stage .immersive-header{position:absolute;left:205px;top:19px;width:614px;height:50px;padding:0 24px;gap:19px;justify-content:flex-start;backdrop-filter:blur(16px);transition:width .35s ease-out,left .35s ease-out,background .35s ease-out;z-index:30}.immersive-wordmark{font:500 21px DFCormorant,serif;letter-spacing:-.65px;list-style:none;cursor:pointer;white-space:nowrap}.immersive-wordmark::-webkit-details-marker{display:none}.brand-menu{position:relative;flex-shrink:0}.brand-options{position:absolute;top:40px;left:-12px;min-width:160px;padding:8px;display:grid;gap:4px}.brand-options a,.brand-options button{padding:8px;border:0;background:transparent;text-align:left;text-decoration:none;color:var(--df-text);font-size:13px;border-radius:var(--df-radius-thumb)}.brand-options :is(a,button):hover{background:var(--df-ivory)}.immersive-stage .material-strip{width:128px;height:32px;object-fit:cover;filter:grayscale(1) brightness(1.65);opacity:.75;border:var(--df-border);border-radius:4px;box-shadow:var(--df-shadow-small)}.immersive-stage .job-shape{font-size:14.4px;border:0;background:transparent;padding:0;white-space:nowrap}.immersive-stage .immersive-header .steps{position:relative;display:flex;gap:8px;width:auto;height:12px;margin-left:auto;flex-shrink:0}.immersive-stage .immersive-header .steps:before{display:none}.immersive-stage .immersive-header .steps button{width:5.6px;height:5.6px;background:var(--df-line);border:0;box-shadow:none}.replica-stage.immersive-stage .immersive-header .steps button[aria-current=step]{width:5.6px;height:5.6px;background:var(--df-sage)}.immersive-stage .light-switch{border:0;background:transparent;width:25px;height:30px;padding:0;margin-left:10px;flex-shrink:0}.light-switch svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}.light-switch .light-arc{stroke-dasharray:1 3;opacity:.35}.immersive-stage .immersive-header:is(.is-compact){width:272px;left:376px}.immersive-header.is-compact :is(.material-strip,.job-shape,.light-switch){display:none}.immersive-stage .price-ribbon{position:absolute;bottom:26px;left:24px;height:36px;padding:0 16px;gap:10px;font-size:12.8px;color:var(--df-muted)}.price-ribbon output{font-variant-numeric:tabular-nums;color:var(--df-text)}.price-ribbon small{font-size:10.4px}.immersive-stage :is(.hint,.saved,.wall-label,.price-ribbon,.replica-info){transform:perspective(900px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg));transition:transform .35s ease-out;box-shadow:var(--df-shadow)}.immersive-cursor{position:fixed;left:0;top:0;width:22px;height:22px;border:1px solid var(--df-sage);border-radius:50%;background:transparent;box-shadow:var(--df-shadow-small);pointer-events:none;z-index:100;opacity:0;transform:translate(-50%,-50%);transition:width .25s ease-out,height .25s ease-out,opacity .25s ease-out}.immersive-cursor.is-visible{opacity:.8}.immersive-cursor.is-part{width:17px;height:17px;background:var(--df-glass-gradient)}.immersive-cursor.is-part:after{content:"";position:absolute;width:7px;height:1px;background:var(--df-sage);right:-5px;bottom:-2px;transform:rotate(45deg)}.immersive-stage.has-custom-cursor,.immersive-stage.has-custom-cursor *{cursor:none!important}.immersive-stage .immersive-room-summary[hidden]{display:none}.immersive-stage[data-effects=off] :is(.hint,.saved,.wall-label,.price-ribbon,.replica-info){transform:none;transition:none}.immersive-stage[data-effects=off] .immersive-header{transition:none}.immersive-stage[data-effects=off] .immersive-cursor{display:none}@media(prefers-reduced-motion:reduce),(pointer:coarse){.immersive-stage .immersive-cursor{display:none}.immersive-stage.has-custom-cursor,.immersive-stage.has-custom-cursor *{cursor:auto!important}.immersive-stage :is(.hint,.saved,.wall-label,.price-ribbon,.replica-info){transform:none}}.immersive-stage .flourish-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.flourish-lines path{fill:none;stroke:var(--df-sage);stroke-width:1.25;stroke-linecap:round;opacity:0}.flourish-lines .choice-trace{stroke-dasharray:1;stroke-dashoffset:1;stroke-width:1.5}.flourish-lines .is-visible{opacity:1}.immersive-stage .flourish-lens{position:absolute;width:114px;height:114px;border:3px solid var(--df-glass);outline:1px solid var(--df-sage);border-radius:50%;box-shadow:var(--df-shadow);background:var(--df-main-gradient);pointer-events:none;z-index:4;opacity:0;transition:opacity .25s ease-out}.immersive-stage .flourish-lens.is-visible{opacity:1}.immersive-stage .pencil-dimensions{position:absolute;inset:0;width:1024px;height:576px;pointer-events:none;overflow:visible}.pencil-dimensions path{fill:none;stroke:var(--df-sage);stroke-width:.7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.8}.pencil-dimensions.is-drawing path{animation:pencil-draw .6s ease-out both}.immersive-stage .dimension{display:none}.immersive-stage .wall-label{font-family:DFCormorant,serif;background:transparent;border:0;box-shadow:none}.immersive-stage[data-effects=off] :is(.flourish-lines,.flourish-lens){display:none}.immersive-stage[data-effects=off] .pencil-dimensions path{animation:none;stroke-dashoffset:0}@keyframes pencil-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.immersive-stage .pencil-dimensions path{animation:none}.immersive-stage .flourish-lens{transition:none}}.ap-root{position:absolute;inset:0;pointer-events:none;z-index:8;color:var(--df-text)}.ap-root .glass-card,.ap-root .pill,.ap-root .tray{background:var(--df-glass-gradient);border:var(--df-border);box-shadow:var(--df-shadow)}.ap-root>*{pointer-events:auto}.ap-title{position:absolute;top:14px;left:20px}.ap-title h1{font-family:DFCormorant,serif;font-weight:500;font-size:clamp(24px,2.2vw,32px);letter-spacing:0;margin:0;color:var(--df-text)}.ap-title p{margin:2px 0 0;font-size:12px;color:var(--df-muted)}.ap-map{position:absolute;top:88px;left:20px;width:150px;border-radius:12px;padding:8px;text-align:center}.ap-map .floor-plan{width:100%;height:96px;max-width:100%;display:block}.ap-map .map-arrows{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.ap-map .map-arrows span{font-size:10px;color:var(--df-muted)}.ap-map .arrow-button{border:0;background:transparent;color:var(--df-text);width:25px;height:25px;font-size:15px;cursor:pointer;padding:0}.ap-mode{position:absolute;top:16px;left:50%;transform:translate(-50%);width:190px;height:34px;box-shadow:var(--df-shadow-small)}.ap-mode button{height:100%}.ap-panel{position:absolute;top:12px;right:14px;width:clamp(302px,24vw,354px);max-height:calc(100% - 24px);overflow-y:auto;border-radius:var(--df-radius-card);padding:12px 14px;display:flex;flex-direction:column;gap:9px}.ap-cats{display:flex;justify-content:center;gap:16px;font-size:11.5px;color:var(--df-muted)}.ap-cats button{border:0;background:none;padding:4px 2px;font-size:11.5px;color:var(--df-muted);cursor:pointer;min-height:32px}.ap-cats button[aria-pressed=true]{color:var(--df-text);font-weight:600;text-decoration:underline;text-decoration-color:var(--df-sage-dark);text-underline-offset:4px}.ap-eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--df-muted);font-weight:600;margin:0}.ap-panel h2{font-family:DFCormorant,serif;font-weight:500;font-size:20px;margin:0}.ap-panel p.ap-note{font-size:10.5px;color:var(--df-muted);margin:0}.ap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ap-add{border:1px solid var(--df-line-card);border-radius:8px;background:var(--df-chip-fill);padding:5px 2px 4px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--df-text);font-size:8.6px;line-height:1.15}.ap-add .ap-icon{width:30px;height:30px;color:var(--df-muted)}.ap-add:hover{box-shadow:0 0 0 2px var(--df-sage)}.ap-add:hover .ap-icon{color:var(--df-sage-dark)}.ap-itemhead{display:flex;align-items:center;gap:8px}.ap-itemhead b{flex:1;font-size:14px;display:flex;align-items:center;gap:7px}.ap-itemhead .ap-icon{width:22px;height:22px;color:var(--df-sage-dark)}.ap-link{border:0;background:none;color:var(--df-muted);font-size:10.5px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:2px;min-height:28px}.ap-remove{border:0;background:none;color:#b0564a;font-size:10.5px;cursor:pointer;padding:4px;min-height:32px}.ap-hero{display:flex;align-items:center;justify-content:center;height:104px;border-radius:8px;background:var(--df-chip-fill)}.ap-hero img{max-height:96px;max-width:88%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(117,107,91,.22))}.ap-hero .ap-icon{width:56px;height:56px;color:var(--df-muted)}.ap-pills{display:flex;gap:5px}.ap-pills button{flex:1;border:0;border-radius:6px;min-height:30px;font-size:10px;font-weight:600;cursor:pointer;color:var(--df-muted);background:var(--df-segmented-fill)}.ap-pills button[aria-pressed=true]{color:#fff}.ap-pills .staying[aria-pressed=true]{background:#7d8f74}.ap-pills .moving[aria-pressed=true]{background:#c08b3e}.ap-pills .removing[aria-pressed=true]{background:#c05b4a}.ap-pills .new[aria-pressed=true]{background:#4e9e6e}.ap-tier{height:26px}.ap-widths{display:flex;gap:5px;align-items:center}.ap-widths button{border:0;background:var(--df-segmented-fill);border-radius:5px;min-height:26px;min-width:40px;padding:2px 10px;font-size:10.5px;color:var(--df-muted);cursor:pointer}.ap-widths button[aria-pressed=true]{background:var(--df-sage-dark);color:#fff}.ap-widths .ap-std{flex:1;text-align:right;background:none;text-decoration:underline;text-underline-offset:3px;min-width:0}.ap-walls{display:flex;gap:4px;align-items:center;font-size:10px;color:var(--df-muted)}.ap-walls>span{flex-shrink:0}.ap-walls .wchip{border:1px solid var(--df-line-card);background:var(--df-chip-fill);border-radius:5px;min-width:26px;min-height:24px;font-size:10px;cursor:pointer;color:var(--df-text)}.ap-walls .wchip[aria-pressed=true]{background:var(--df-sage-dark);border-color:var(--df-sage-dark);color:#fff}.ap-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ap-thumbs .thumb-card{height:56px}.ap-thumbs .thumb-card .art{height:42px}.ap-thumbs .thumb-card img{max-height:40px;max-width:90%}.ap-thumbs .thumb-card .label{display:none}.ap-thumbs-empty{font-size:10px;color:var(--df-muted);text-align:center;padding:8px}.ap-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ap-fields .text-field{font-size:11px;padding:7px 9px;min-height:30px}.ap-photo{grid-column:1/-1;border:1px dashed var(--df-line-card);background:transparent;border-radius:8px;min-height:32px;font-size:10.5px;color:var(--df-muted);cursor:pointer}.ap-warns{display:flex;flex-direction:column;gap:4px}.ap-warns p{margin:0;font-size:10px;color:#9a5d18;background:#c9963f1c;border-radius:6px;padding:5px 8px}.ap-warns p.ok{color:#3f7050;background:#4e9e6e1a}.ap-legend{display:flex;justify-content:center;gap:12px;border-top:1px solid var(--df-line-card);padding-top:8px}.ap-legend button{display:flex;align-items:center;gap:5px;border:0;background:none;font-size:10px;color:var(--df-muted);cursor:pointer;padding:3px;min-height:28px}.ap-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.ap-legend .staying i{background:#7d8f74}.ap-legend .moving i{background:#c08b3e}.ap-legend .removing i{background:#c05b4a}.ap-legend .new i{background:#4e9e6e}.ap-legend button.open{color:var(--df-text);text-decoration:underline;text-underline-offset:3px}.ap-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.ap-chip{display:flex;align-items:center;gap:5px;border:1px solid var(--df-line-card);background:var(--df-chip-fill);border-radius:12px;padding:3px 8px;min-height:26px;font-size:10px;color:var(--df-text);cursor:pointer}.ap-chip .ap-icon{width:14px;height:14px}.ap-actions{display:flex;gap:8px}.ap-actions .ghost-button{flex:1;min-height:38px}.ap-actions .primary-button{flex:1.4;min-height:38px}.ap-bubble{position:absolute;z-index:9;transform:translate(-50%,-100%);max-width:250px;padding:8px 14px;border-radius:var(--df-radius-chip);background:var(--df-glass-gradient);border:var(--df-border);box-shadow:var(--df-shadow);font-size:11.5px;color:#575955;pointer-events:none;transition:opacity .15s ease}.ap-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;width:11px;height:11px;transform:translate(-50%) rotate(45deg);background:var(--df-glass);border-right:var(--df-border);border-bottom:var(--df-border)}.ap-bubble.warn{color:#8a521a}.ap-bubble.ok{color:#3f7050}.ap-size-read{font-size:10px;color:var(--df-muted)}.vf-stage .ap-title,.vf-stage .ap-mode{top:66px}.vf-stage .ap-map{top:136px}.vf-stage .ap-panel{top:60px;max-height:calc(100% - 74px)}.vf-stage.ap-on .vf-chip{display:none}.ap-widths .ap-std{white-space:nowrap;font-size:9.5px}@media(max-width:1180px){.ap-map{display:none}.ap-panel{width:min(330px,34vw)}}[data-theme=dark] .ap-root{--df-glass-gradient:linear-gradient(135deg,#2e2d27f0,#292821e8);--df-glass:#2b2a24;--df-text:#ece8de;--df-muted:#a8a29a;--df-line-card:#4a463e;--df-segmented-fill:#3a382f;--df-chip-fill:#33312a;--df-border:1px solid #ffffff24}.island-room-button{position:absolute;left:24px;top:112px;z-index:12;padding:10px 16px;font:13px DFInter,sans-serif;color:var(--df-text);border:var(--df-border);cursor:pointer}.island-studio{position:absolute;z-index:15;right:24px;top:112px;width:296px;max-height:440px;overflow:auto;padding:16px;color:var(--df-text);font:12px DFInter,sans-serif;box-sizing:border-box}.island-studio[hidden]{display:none}.island-studio header{display:flex;justify-content:space-between;align-items:center;color:var(--df-muted)}.island-studio h1{font:500 27px DFCormorant,serif;margin:4px 0 12px}.island-studio button,.island-studio input,.island-studio select{font:inherit;color:inherit;border:1px solid var(--df-line);border-radius:8px;background:var(--df-glass);padding:7px;box-sizing:border-box}.island-studio button{cursor:pointer}.island-studio button:disabled{opacity:.4}.island-actions{display:flex;gap:6px;margin-bottom:12px}.island-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.island-fields label{display:flex;flex-direction:column;gap:4px}.island-fields input,.island-fields select{width:100%;min-width:0}.island-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.island-toggles label{display:flex;align-items:center;gap:4px}.island-toggles input{accent-color:var(--df-sage-dark)}.island-count,.island-quote{line-height:1.6;margin:12px 0;color:var(--df-muted)}.island-warning{padding:10px;border:1px solid var(--df-line);border-radius:8px}.island-warning p{margin:4px 0 8px;line-height:1.5}.island-warning button,.island-studio .island-primary{background:var(--df-sage-dark);color:var(--df-white);border-color:var(--df-sage-dark)}.island-studio footer{display:flex;gap:8px;justify-content:space-between}.island-dimensions{position:absolute;inset:0;pointer-events:none;z-index:11}.island-clearance{position:absolute;transform:translate(-50%,-50%);padding:3px 8px;font:12px DFInter,sans-serif;white-space:nowrap;color:var(--df-text)}.island-editing .chipbar,.island-editing .dimension,.island-editing .wall-label,.island-editing .hint{visibility:hidden}.history-tools{position:absolute;inset:0;pointer-events:none!important;font-family:DFInter,sans-serif;color:var(--df-text);font-size:var(--df-font-ui)}.history-tools [hidden]{display:none!important}.history-launchers{position:absolute;left:24px;bottom:72px;display:flex;gap:var(--df-gap);pointer-events:auto}.history-tools button{font:inherit;color:inherit;cursor:pointer}.history-launchers button,.history-tape-hint{border:var(--df-border);border-radius:var(--df-radius-pill);background:var(--df-glass-gradient);box-shadow:var(--df-shadow-small);backdrop-filter:blur(12px);padding:8px 16px}.history-launchers button[aria-expanded=true],.history-launchers button[aria-pressed=true]{background:var(--df-sage);color:var(--df-white)}.history-tools kbd{font:inherit;opacity:.7;margin-left:4px}.history-panel{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:560px;max-width:calc(100% - 48px);padding:12px 16px;border:var(--df-border);border-radius:var(--df-radius-chip);background:var(--df-glass-gradient);box-shadow:var(--df-shadow);backdrop-filter:blur(12px);pointer-events:auto}.history-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.history-panel header>span{font-family:DFCormorant,serif;font-size:22px}.history-panel header button{width:28px;height:28px;border:0;border-radius:50%;background:var(--df-chip-fill);font-size:22px;line-height:1}.history-film{display:flex;gap:8px;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--df-sage) transparent;padding:2px}.history-frame{display:flex;flex-direction:column;flex:0 0 112px;min-height:40px;overflow:hidden;padding:4px;border:1px solid var(--df-line-card);border-radius:var(--df-radius-thumb);background:var(--df-chip-fill);text-align:left}.history-frame img{width:112px;max-width:100%;height:63px;object-fit:contain}.history-frame span{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px;font-size:var(--df-control-font)}.history-frame[aria-pressed=true]{border-color:var(--df-sage-dark);background:var(--df-chip-gradient);color:var(--df-white)}.history-frame:hover{outline:1px solid var(--df-sage)}.history-panel input{display:block;width:100%;height:16px;margin:8px 0;accent-color:var(--df-sage-dark);cursor:ew-resize}.history-status{display:block;color:var(--df-muted);font-size:var(--df-control-font);font-variant-numeric:tabular-nums}.immersive-chrome:has(.history-panel:not([hidden]))>.hint{visibility:hidden}.history-tape-hint{position:absolute;left:50%;bottom:56px;transform:translate(-50%);white-space:nowrap}.history-tape-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;visibility:hidden;pointer-events:none}.history-tape-line.is-visible{visibility:visible}.history-tape-line path{fill:none;stroke:var(--df-sage-dark);stroke-width:1.5;stroke-dasharray:4 3}.history-tape-line circle{fill:var(--df-glass);stroke:var(--df-sage-dark);stroke-width:1.5}.immersive-stage .island-studio{top:calc(100% * .145);bottom:12%;max-height:none;width:clamp(320px,27vw,440px);font-size:13px}.immersive-stage .island-editing .dimension{visibility:hidden}.island-editing .immersive-chrome .dimension{opacity:0}.island-studio .island-warning{margin-top:8px}.island-studio{scrollbar-width:thin;scrollbar-color:var(--df-sage) transparent}.island-studio footer{position:sticky;bottom:-16px;background:var(--df-glass);padding:8px 0}.island-studio .island-fit-note:empty{display:none}.immersive-chrome:has(.history-tape-hint:not([hidden]))>.hint{visibility:hidden}.layout-controls,.layout-issue{position:absolute;z-index:22;padding:16px;color:var(--df-text);font:13px DFInter,sans-serif;box-sizing:border-box}.layout-controls{left:24px;bottom:32px;width:320px}.layout-controls[hidden],.layout-issue[hidden],.layout-undo[hidden]{display:none}.layout-controls header{display:flex;justify-content:space-between;align-items:center;gap:8px}.layout-controls button,.layout-controls select,.layout-issue button,.layout-undo button{font:inherit;color:inherit;background:var(--df-glass);border:1px solid var(--df-line);border-radius:var(--df-radius-thumb);padding:8px;cursor:pointer}.layout-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.layout-buttons button:first-child,.layout-issue button:last-child{background:var(--df-sage-dark);color:var(--df-white)}.layout-options{display:flex;justify-content:space-between;align-items:center;gap:8px}.layout-options label{display:flex;gap:8px;align-items:center}.layout-controls p{color:var(--df-muted);margin:12px 0 0;line-height:1.5}.layout-issue{right:24px;bottom:96px;width:280px}.layout-issue p{line-height:1.5;margin:8px 0 12px}.layout-issue button+button{margin-left:8px}.layout-issue:after{content:"";position:absolute;bottom:-8px;left:24px;width:16px;height:16px;transform:rotate(45deg);background:var(--df-glass)}.layout-undo{position:absolute;z-index:24;left:24px;top:96px;padding:8px 12px;font:13px DFInter,sans-serif}.layout-controls button:disabled{opacity:.4;cursor:default}.photo-compare-tools{position:absolute;inset:0;pointer-events:none!important;font:var(--df-font-ui) DFInter,sans-serif;color:var(--df-text)}.photo-compare-tools [hidden],.photo-compare-surface[hidden],.photo-compare-surface [hidden]{display:none!important}.photo-compare-launch{position:absolute;left:24px;bottom:118px;display:flex;gap:12px;align-items:center;padding:10px 18px;border:var(--df-border);border-radius:var(--df-radius-pill);background:var(--df-glass-gradient);box-shadow:var(--df-shadow-small);pointer-events:auto}.photo-compare-launch:before{content:"";width:34px;height:20px;border-radius:var(--df-radius-pill);background:var(--df-line);box-shadow:inset -14px 0 var(--df-white)}.photo-compare-launch[aria-expanded=true]:before{background:var(--df-sage-dark);box-shadow:inset 14px 0 var(--df-white)}.photo-compare-panel{position:absolute;left:24px;bottom:168px;width:340px;padding:16px;pointer-events:auto;backdrop-filter:blur(16px)}.photo-compare-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px}.photo-compare-panel h2{font:500 26px DFCormorant,serif;margin:0}.photo-compare-panel header button{border:0;background:none;font-size:24px}.photo-compare-panel p{line-height:1.5;margin:12px 0}.photo-compare-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.photo-compare-actions label{position:relative;overflow:hidden;padding:10px 16px;cursor:pointer}.photo-compare-actions input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.photo-compare-actions :is(select,button){font:inherit;color:inherit;padding:8px;border:var(--df-border);border-radius:var(--df-radius-thumb);background:var(--df-chip-fill)}.photo-compare-panel .photo-compare-note{font-size:13px;color:var(--df-muted);margin-bottom:0}.photo-compare-note:empty{display:none}.photo-compare-surface{position:absolute;inset:0;z-index:2;pointer-events:none;--photo-split:50%}.photo-compare-photo{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--photo-split)) 0 0);background:var(--df-bg)}.photo-compare-photo img,.photo-compare-photo svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--photo-width);height:var(--photo-height)}.photo-compare-photo svg{overflow:visible;fill:var(--df-sage-dark);stroke:var(--df-white);stroke-width:.2;font:3px DFInter,sans-serif}.photo-compare-photo text{stroke:none;fill:var(--df-text)}.photo-compare-surface.is-matching .photo-compare-photo{clip-path:none;pointer-events:auto;cursor:crosshair}.photo-compare-line{position:absolute;left:var(--photo-split);top:0;bottom:0;width:2px;background:var(--df-white);box-shadow:var(--df-shadow-small);transform:translate(-50%)}.photo-compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--df-glass-gradient);border:var(--df-border);box-shadow:var(--df-shadow);font:22px DFInter,sans-serif;color:var(--df-text)}.photo-compare-divider{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:auto;cursor:ew-resize}.photo-compare-surface:has(.photo-compare-divider:focus-visible) .photo-compare-line span{outline:2px solid var(--df-sage-dark);outline-offset:3px}.photo-compare-before,.photo-compare-after{position:absolute;top:24%;padding:8px 16px;font:13px DFInter,sans-serif;color:var(--df-text)}.photo-compare-before{left:24px}.photo-compare-after{right:24px}.photo-compare-surface.is-matching :is(.photo-compare-after,.photo-compare-line){display:none}.immersive-stage.has-photo-compare .immersive-chrome{z-index:3}.immersive-stage.has-photo-compare .immersive-chrome>:is(.hint,.wall-label,.dimension,.chipbar,.history-tools,.price-ribbon){visibility:hidden}.photo-compare-tools :is(button,select,label):focus-visible,.photo-compare-actions label:focus-within{outline:2px solid var(--df-sage-dark);outline-offset:3px}.labels-tools{position:absolute;inset:0;pointer-events:none;font-family:DFInter,sans-serif;color:var(--df-text)}.labels-tools [hidden]{display:none!important}.labels-toggle{position:absolute;right:24px;bottom:80px;z-index:12;display:flex;align-items:center;gap:7px;padding:8px 16px;border:var(--df-border);border-radius:var(--df-radius-pill);background:var(--df-glass-gradient);box-shadow:var(--df-shadow-small);backdrop-filter:blur(12px);color:var(--df-text);font:var(--df-f-ui)/1.2 DFInter,sans-serif;pointer-events:auto}.labels-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.labels-toggle kbd{font:inherit;opacity:.55;margin-left:2px}.labels-toggle[aria-pressed=true]{background:var(--df-sage);border-color:var(--df-sage);color:var(--df-white)}.labels-toggle:focus-visible,.label-pill:focus-visible{outline:2px solid var(--df-sage-dark);outline-offset:3px}.labels-layer{position:absolute;inset:0;z-index:11;pointer-events:none}.labels-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.labels-leaders path{fill:none;stroke:var(--df-line-dimension);stroke-width:1;vector-effect:non-scaling-stroke}.labels-leaders circle{fill:var(--df-sage-dark);stroke:var(--df-glass);stroke-width:1;vector-effect:non-scaling-stroke}.labels-pills{position:absolute;inset:0;pointer-events:none}.label-pill{position:absolute;left:0;top:0;will-change:transform;pointer-events:auto;white-space:nowrap;padding:4px 9px;border:var(--df-border);border-radius:var(--df-radius-pill);background:#faf8f3f2;backdrop-filter:blur(12px);box-shadow:var(--df-shadow-small);color:#3e3a35;font:500 max(11px,var(--df-f-small))/1.25 DFInter,sans-serif;letter-spacing:.01em;cursor:pointer;transition:box-shadow .18s ease,background .18s ease}.label-pill:hover{box-shadow:0 0 0 2px var(--df-sage),var(--df-shadow-small)}[data-theme=dark] .label-pill,.immersive-stage[data-theme=dark] .label-pill{background:#2b2a24eb;color:#ece8de;border-color:#ffffff24}[data-theme=dark] .labels-leaders path,.immersive-stage[data-theme=dark] .labels-leaders path{stroke:#8d8a80}[data-theme=dark] .labels-toggle,.immersive-stage[data-theme=dark] .labels-toggle{background:linear-gradient(135deg,#2e2d27f0,#292821e8);color:#ece8de;border-color:#ffffff24}[data-theme=dark] .labels-toggle[aria-pressed=true],.immersive-stage[data-theme=dark] .labels-toggle[aria-pressed=true]{background:var(--df-sage-dark);color:var(--df-white)}@media(prefers-reduced-motion:reduce){.label-pill{transition:none}}.layout-editing .history-launcher,.layout-editing .history-tools,.layout-editing .price-ribbon{visibility:hidden}.layout-controls{background:var(--df-cream-bottom)}.photo-compare-surface:not(.is-matching) .photo-compare-photo svg{display:none}.immersive-stage.has-photo-compare .dimension{visibility:hidden}.light-rig-tools{position:absolute;inset:0;pointer-events:none;font-family:DFInter,sans-serif;color:var(--df-text);z-index:12}.light-rig-tools [hidden]{display:none!important}.light-rig{position:absolute;right:24px;bottom:118px;display:flex;gap:2px;padding:4px;border:var(--df-border);border-radius:var(--df-radius-pill);background:var(--df-glass-gradient);box-shadow:var(--df-shadow-small);backdrop-filter:blur(12px);pointer-events:auto}.light-rig button{display:flex;align-items:center;gap:6px;border:0;border-radius:var(--df-radius-pill);background:transparent;padding:7px 12px;font:600 11px/1 DFInter,sans-serif;color:var(--df-muted);cursor:pointer;white-space:nowrap;transition:background .18s ease,color .18s ease}.light-rig button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.light-rig button:hover{color:var(--df-text)}.light-rig button[aria-pressed=true]{background:var(--df-sage-dark);color:var(--df-white)}.light-rig button:focus-visible{outline:2px solid var(--df-sage-dark);outline-offset:2px}[data-theme=dark] .light-rig,.immersive-stage[data-theme=dark] .light-rig{background:linear-gradient(135deg,#2e2d27f0,#292821e8);border-color:#ffffff24;color:#ece8de}[data-theme=dark] .light-rig button,.immersive-stage[data-theme=dark] .light-rig button{color:#a8a29a}[data-theme=dark] .light-rig button:hover,.immersive-stage[data-theme=dark] .light-rig button:hover{color:#ece8de}[data-theme=dark] .light-rig button[aria-pressed=true],.immersive-stage[data-theme=dark] .light-rig button[aria-pressed=true]{background:var(--df-sage-dark);color:var(--df-white)}@media(prefers-reduced-motion:reduce){.light-rig button{transition:none}}.df-design .thumb-renderer-card,.df-design .thumb-renderer-card .art,.df-design .thumb-renderer-card img{background:none;box-shadow:none;border:0}.df-design .thumb-renderer-card:before,.df-design .thumb-renderer-card:after,.df-design .thumb-renderer-card .art:before,.df-design .thumb-renderer-card .art:after{content:none}.df-design .thumb-renderer-card img{object-fit:contain;filter:none}.df-design .thumb-renderer-card:hover img{filter:drop-shadow(0 4px 6px #756b5b26)}.df-design .thumb-renderer-card:focus-visible{outline:2px solid var(--df-sage-dark);outline-offset:3px}.df-design .thumb-renderer-card[aria-pressed=true]{background:none;box-shadow:none;border:0;color:var(--df-text)}.df-design .thumb-renderer-card[aria-pressed=true] .label{text-decoration:underline;text-decoration-color:var(--df-sage-dark);text-underline-offset:3px}.cam-chip{position:absolute;left:50%;bottom:20px;z-index:12;transform:translate(-50%,6px);padding:7px 14px;border:var(--df-border);border-radius:var(--df-radius-pill);background:var(--df-glass);box-shadow:var(--df-shadow-small);backdrop-filter:blur(12px);color:var(--df-text);font:var(--df-f-ui)/1.2 DFInter,sans-serif;letter-spacing:.02em;opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease}.cam-chip.show{opacity:1;transform:translate(-50%)}[data-theme=dark] .cam-chip,.immersive-stage[data-theme=dark] .cam-chip{background:#2b2a24eb;color:#ece8de;border-color:#ffffff24}@media(prefers-reduced-motion:reduce){.cam-chip{transition:none}}.flooring-page{margin:0;overflow:hidden;background:var(--df-bg)}.flooring-host{width:1024px;height:576px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scale,1));transform-origin:center}.flooring-studio{position:absolute;inset:0;overflow:hidden;background:linear-gradient(var(--df-cream-top),var(--df-cream-bottom));color:var(--df-text);font:12.8px DFInter,sans-serif;z-index:30}.flooring-studio[hidden]{display:none}.flooring-studio *{box-sizing:border-box}.flooring-studio h1{position:absolute;left:15.2px;top:12px;margin:0;font-size:22.4px;font-weight:400;color:var(--df-muted)}.flooring-canvas{position:absolute;inset:0;width:1024px;height:576px;touch-action:none}.flooring-map{position:absolute;left:14.4px;top:49.6px;width:136px;height:152px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.flooring-map img{width:107px;height:98px;object-fit:contain}.flooring-map span{font-size:11px;color:var(--df-muted)}.flooring-panel{position:absolute;left:691.2px;top:8px;width:314.4px;height:491.2px;padding:9.6px;display:flex;flex-direction:column;gap:7px}.flooring-macro{width:100%;height:85.6px;object-fit:cover;border-radius:var(--df-radius-thumb)}.flooring-name{position:relative;font-size:12.8px;min-height:18px;padding-right:20px}.flooring-tiers{height:23.2px;flex-shrink:0}.flooring-products{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.flooring-products .thumb-card{height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;line-height:11px}.flooring-products .thumb-card img{height:28px;width:65px;object-fit:cover;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.flooring-direction{display:flex;align-items:center;gap:12px;font-size:11px}.flooring-direction .segmented{height:24px;flex:1}.flooring-direction button{font-size:10.5px}.flooring-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px}.flooring-panel label{display:flex;flex-direction:column;gap:3px;font-size:10.5px;color:var(--df-muted)}.flooring-panel .text-field{height:26px;font-size:11px;padding:3px 5px;border-radius:5px}.flooring-trim{display:flex;align-items:center;justify-content:space-between;gap:7px}.flooring-trim label:first-child{flex-direction:row;align-items:center;white-space:nowrap}.flooring-trim input{accent-color:var(--df-sage-dark);margin:0 2px 0 0}.flooring-trim label:last-child{flex:1}.flooring-product-info{display:flex;justify-content:space-between;gap:4px;font-size:10px;margin-top:auto}.flooring-product-info a{color:var(--df-muted);text-underline-offset:2px}.flooring-product-info span,.flooring-sample-note{color:var(--df-muted);font-size:9.6px}.flooring-tray{position:absolute;left:14.4px;top:449.6px;width:652.8px;height:108px;padding:14px 20px;gap:10px;flex-wrap:wrap}.flooring-tray>span{width:100%;color:var(--df-muted);font-size:12px}.flooring-patterns{height:30px;flex:1}.flooring-patterns button{font-size:11px;padding:0 8px}.flooring-tray .ghost-button{height:30px;padding:0 10px;font-size:10.5px}.flooring-view{position:absolute;left:282px;top:403px;width:160px;height:26px}.flooring-view button{font-size:11px}.flooring-quantity{position:absolute;left:691.2px;top:504px;width:145px;display:flex;flex-direction:column;gap:3px;font-size:9.6px;color:var(--df-muted);line-height:1.25}.flooring-quantity strong{font-size:10.5px;font-weight:500;color:var(--df-text)}.flooring-quantity small{font-size:9px}.flooring-done{position:absolute;left:842.4px;top:515.2px;width:163.2px;height:38.4px;font-size:11px}.flooring-back{position:absolute;left:16px;top:404px;width:32px;height:28px}.flooring-save{position:absolute;left:505px;top:410px;min-width:150px;height:22px;font-size:9.6px;color:var(--df-muted)}.slab-place-open{--x:calc(var(--df-macro-x) + var(--df-macro-w) - 92px);--y:calc(var(--df-macro-y) + var(--df-macro-h) - 30px);--w:84px;--h:24px;font-size:var(--df-label-font);color:var(--df-text);background:var(--df-glass);box-shadow:var(--df-shadow-small);border:var(--df-border);cursor:pointer}.slab-place{--x:var(--df-segmented-x);--y:190px;--w:var(--df-segmented-w);--h:300px;display:flex;flex-direction:column;gap:var(--df-gap)}.slab-place[hidden],.slab-place-open[hidden]{display:none}.slab-placing .studio-grid,.slab-placing .studio-filters{visibility:hidden}.slab-frame{position:relative;width:100%;aspect-ratio:2/1;border-radius:var(--df-radius-thumb);overflow:hidden;box-shadow:var(--df-shadow-small)}.slab-photo{display:block;width:100%;height:100%;object-fit:fill}.slab-frame svg{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none;outline:none}.slab-frame svg:active{cursor:grabbing}.slab-frame svg:focus-visible{outline:2px solid var(--df-sage-dark);outline-offset:-2px}.slab-scrim{fill:var(--df-text);fill-opacity:.42;pointer-events:none}.slab-cut{fill:transparent;stroke:var(--df-white);stroke-width:2px}.slab-place-hint{margin:0;font-size:var(--df-font-ui);color:var(--df-text)}.slab-place-actions{display:flex;justify-content:space-between;gap:var(--df-gap)}.hover-info-layer{position:absolute;inset:0;pointer-events:none;z-index:25;font:var(--df-f-ui)/1.4 DFInter,sans-serif;color:var(--df-text)}.hover-name,.hover-card{position:absolute;backdrop-filter:blur(12px);transition:opacity .2s ease;box-sizing:border-box}.hover-name{padding:8px 16px;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:var(--df-radius-pill)}.hover-card{width:264px;padding:16px;border-radius:var(--df-radius-chip)!important;pointer-events:auto}.hover-card strong{font-weight:500}.hover-card strong:before{content:"\25cf";color:var(--df-sage-dark);margin-right:8px}.hover-card p{margin:8px 0;color:var(--df-muted);font-size:13px}.hover-card>div{display:flex;gap:8px;margin-top:16px}.hover-card button{font:inherit;padding:8px 12px;border:var(--df-border);border-radius:var(--df-radius-thumb);background:var(--df-glass);color:var(--df-text);cursor:pointer}.hover-card button:first-child{background:var(--df-sage-dark);color:var(--df-white)}.hover-card:after{content:"";position:absolute;left:var(--hover-pointer,24px);bottom:-6px;width:12px;height:12px;background:var(--df-glass);transform:rotate(45deg)}.hover-card[data-below=true]:after{bottom:auto;top:-6px}.hover-scene-order{position:absolute;inset:0;pointer-events:none}.hover-scene-order button,.hover-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hover-scene-order button:focus-visible{clip-path:none;width:auto;height:auto;left:24px;top:176px;padding:8px 16px;border:var(--df-border);border-radius:var(--df-radius-pill);background:var(--df-glass);color:var(--df-text);font:var(--df-f-ui) DFInter,sans-serif;outline:2px solid var(--df-sage-dark)}.hover-info-layer [hidden]{display:none}.main-stage:has(.hover-card:not([hidden])) .hint{visibility:hidden}@media(prefers-reduced-motion:reduce){.hover-name,.hover-card{transition:none}}.zoom-lens{position:absolute;z-index:30;margin:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease;color:var(--df-text);font:13px DFInter,sans-serif;text-align:center}.zoom-lens.is-open{opacity:1;visibility:visible}.zoom-lens canvas{display:block;width:100%;height:var(--lens-size,180px);border:4px solid var(--df-glass);box-sizing:border-box;border-radius:50%;background:var(--df-bg);box-shadow:var(--df-shadow)}.zoom-lens figcaption{display:block;margin:8px auto 0;padding:4px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:var(--df-shadow-small)}.studio-win .thumb-card{overflow:visible}.studio-win .thumb-card img{transition:transform .24s ease,filter .24s ease;position:relative;transform-origin:center}.studio-win .thumb-card:hover img,.studio-win .thumb-card:focus-visible img{transform:scale(1.6);filter:drop-shadow(var(--df-shadow-small));z-index:3}.studio-win .is-previewing .macro-label .check{visibility:hidden}.studio-win .is-previewing .macro:after{content:"Previewing \b7  click to keep";position:absolute;bottom:8px;left:8px;padding:4px 8px;border-radius:var(--df-radius-pill);background:var(--df-glass);color:var(--df-text);font:13px DFInter,sans-serif}@media(prefers-reduced-motion:reduce){.zoom-lens,.studio-win .thumb-card img{transition:none}}.swap-compare{position:absolute;left:83px;bottom:39px;z-index:12;padding:8px 16px;display:flex;align-items:center;gap:12px;border:var(--df-border);background:var(--df-glass-gradient);box-shadow:var(--df-shadow);color:var(--df-text);font:var(--df-f-ui) DFInter,sans-serif;cursor:pointer}.swap-compare:before{content:"";width:34px;height:20px;border-radius:var(--df-radius-pill);background:var(--df-sage);box-shadow:inset 14px 0 var(--df-white);border:2px solid var(--df-sage)}.swap-compare[aria-pressed=true]:before{box-shadow:inset -14px 0 var(--df-white)}.swap-wipe{position:absolute;left:0;top:80px;bottom:100px;width:100%;height:calc(100% - 180px);margin:0;z-index:11;appearance:none;background:transparent;cursor:ew-resize;touch-action:none;--swap-split:50%;background-image:linear-gradient(var(--df-sage),var(--df-sage));background-size:2px 100%;background-position:var(--swap-split) 0;background-repeat:no-repeat}.swap-wipe::-webkit-slider-thumb{appearance:none;width:28px;height:44px;border:var(--df-border);border-radius:var(--df-radius-pill);background:var(--df-glass);box-shadow:var(--df-shadow-small)}.swap-wipe::-moz-range-thumb{width:28px;height:44px;border:var(--df-border);border-radius:var(--df-radius-pill);background:var(--df-glass);box-shadow:var(--df-shadow-small)}.swap-wipe[hidden]{display:none}.swap-compare:focus-visible,.swap-wipe:focus-visible{outline:2px solid var(--df-sage-dark);outline-offset:4px}