:root{--ink:#112b2d;--text-2:#344847;--text-3:#4f6160;--mineral:#173b3f;--mineral-hover:#21494d;--brass:#b08d57;--brass-text:#775b2c;--band:#eef0ef;--band-hover:#e4e7e6;--ground:#f7f8f7;--paper:#fcfcfc;--line:#dce0df;--line-strong:#c7cdcc;--focus:#8a6a34;--error:#9e281b;--whatsapp:#075e54;--r-sm:2px;--r-md:6px;--r-lg:10px;--serif:Erode, "Times New Roman", serif;--sans:Switzer, Arial, sans-serif;--bar-h:68px;--note-h:0px}*{box-sizing:border-box}[x-cloak]{display:none!important}.designer:not(.ready){min-height:calc(100dvh - var(--note-h));overflow-x:clip}.designer:not(.ready) :is(.modal,.view-menu){display:none}.designer:not(.ready) .stage>:not(.poster),.designer:not(.ready) .preview>:not(.stage),.designer:not(.ready) .panel *{visibility:hidden}.designer:not(.ready) :is(.panel-head,.panel-head *,[data-first],[data-first] *,fieldset:has([data-first])>legend,#s-product>h1,#s-product>h1+.lead),html[data-product] .designer:not(.ready) #h-design{visibility:visible}html,body{margin:0}body{background:var(--ground);color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{color:var(--ink);background:#b08d574d}html{accent-color:var(--mineral);caret-color:var(--mineral)}.panel{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}.panel::-webkit-scrollbar-track{background:0 0}button,.tile,.swatch,.tool,.btn-primary,.btn-ghost{transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out}.btn-primary:active,.btn-ghost:active,.tool:active,.tile:active{transform:translateY(1px)}body:has(.draft-note){--note-h:31px}.draft-note{color:var(--brass-text);text-align:center;background:#f4ecdc;margin:0;padding:6px 16px;font-size:13px}.designer{height:calc(100dvh - var(--note-h));grid-template:"head head""preview panel"1fr"bar bar"/minmax(0,1.55fr) minmax(360px,1fr);display:grid}.d-head{background:var(--paper);border-bottom:1px solid var(--line);grid-area:head;align-items:center;gap:14px;padding:12px 24px;display:flex}.brand{border-radius:2px;line-height:0;display:block}.brand img{width:auto;height:31px;display:block}.brand-sub{color:var(--text-2);border-left:1px solid var(--brass);white-space:nowrap;padding-left:14px;font-size:14px;line-height:20px}.head-call{white-space:nowrap;color:var(--mineral);align-items:center;gap:8px;margin-left:auto;padding:6px 2px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.head-call:hover .call-long{text-underline-offset:3px;text-decoration:underline}.head-call .call-short{display:none}.preview{border-right:1px solid var(--line);background:#f1efea;flex-direction:column;grid-area:preview;min-height:0;display:flex}.stage{flex:1;min-height:0;position:relative}.drawing,.scene{position:absolute;inset:0}.drawing{touch-action:pan-y;padding:24px;overflow:hidden}.drawing.zoomed{touch-action:none;cursor:grab}.drawing.zoomed:active{cursor:grabbing}.drawing-inner{transform-origin:0 0;will-change:transform;width:100%;height:100%;transition:transform .12s ease-out}.drawing.zoomed .drawing-inner{transition:none}.drawing svg{width:100%;height:100%;display:block}.scene canvas{touch-action:none;opacity:0;transition:opacity .4s;display:block}.scene.shown canvas{opacity:1}.poster{z-index:1;pointer-events:none;display:block;position:absolute;inset:0}.poster img{object-fit:cover;width:100%;height:100%;display:block}.no-poster .poster{display:none}@media (prefers-reduced-motion:reduce){.scene canvas{transition:none}}.stage-msg,.stage-hint{color:var(--text-3);border-radius:var(--r-round,999px);background:#fcfcfcd9;margin:0;padding:4px 10px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.stage-msg{top:50%}.stage-hint{pointer-events:none;bottom:12px}.tools{border-top:1px solid var(--line);background:var(--paper);flex-wrap:wrap;gap:8px;padding:10px 16px;display:flex}.wa-float{right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(var(--bar-h) + 16px + env(safe-area-inset-bottom,0px));z-index:15;background:var(--whatsapp);color:#fff;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;position:fixed;box-shadow:0 4px 14px #112b2d33}.wa-float:hover{background:#064c44}.wa-float:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.wa-float svg{width:26px;height:26px;display:block}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body:has(#vayton-cookie-panel:not([hidden])) .wa-float{display:none}@media print{.wa-float{display:none}}.legal{border-top:1px solid var(--line);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:14px;margin:28px 0 0;padding-top:14px;font-size:13px;display:flex}.legal a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--brass);text-decoration-color:var(--brass);text-underline-offset:3px}html body .legal #vayton-cookie-settings{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;margin:0;padding:4px 8px}.seg{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper);display:inline-flex;overflow:hidden}.seg button{border:0;border-right:1px solid var(--line);background:0 0;min-height:40px;padding:8px 14px;font-size:14px}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--mineral);color:#fff}.seg.wide{display:flex}.seg.wide button{text-align:center;flex:1}.seg.wrap{background:var(--line);flex-wrap:wrap;gap:1px;display:flex}.seg.wrap button{background:var(--paper);text-align:center;border-right:0;flex:auto}.seg.wrap button[aria-pressed=true]{background:var(--mineral)}.seg.wrap button:hover:not([aria-pressed=true]){background:var(--band)}.tool{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper);min-height:40px;color:var(--ink);align-items:center;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-flex}.tool:hover,.seg button:hover:not([aria-pressed=true]){background:var(--band)}.tool[aria-pressed=true]{border-color:var(--mineral);box-shadow:inset 0 0 0 1px var(--mineral)}.tool:disabled,.btn-primary:disabled{opacity:.6;cursor:progress}.download-msg{margin:10px 0 0;font-size:14px}.tool.whatsapp{color:var(--whatsapp);border-color:#075e5459}.panel{background:var(--paper);scroll-behavior:smooth;grid-area:panel;padding:0 28px 88px;overflow-y:auto}h1,h2{font:500 34px/1.1 var(--serif);letter-spacing:-.01em;margin:0 0 8px}h2{font-size:30px}h3{font:600 17px/1.3 var(--sans);margin:26px 0 6px}.lead{color:var(--text-2);margin:0 0 20px}.small{color:var(--text-3);margin:6px 0;font-size:14px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tile{text-align:left;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--paper);flex-direction:column;gap:4px;padding:14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative}.tile:hover{background:var(--ground)}.tile[aria-checked=true]{border-color:var(--mineral);box-shadow:inset 0 0 0 1px var(--mineral);background:#f3f6f5}.check-tile:has(input:checked){border-color:var(--mineral);box-shadow:inset 0 0 0 1px var(--mineral);background:#f3f6f5}.t-name{font-size:15px;font-weight:600}.t-note{color:var(--text-3);font-size:13px;line-height:1.4}.t-price{color:var(--brass-text);margin-top:auto;padding-top:6px;font-size:13px;font-weight:500}.thumb{aspect-ratio:4/2.4;border-radius:var(--r-md);background:#f1efea;margin-bottom:6px;display:block;overflow:hidden}.thumb svg{width:100%;height:100%}.small-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tiles.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-tile{padding:8px 8px 10px}.product-tile .thumb{aspect-ratio:4/2.2}.product-tile .t-price{padding-top:2px}.product-blurb{color:var(--text-2);margin:12px 0 4px;font-size:15px}h2.sub{margin:26px 0 10px;font-size:22px}.measure-tip{margin:-4px 0 16px}.choice.bay{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);margin-top:14px;padding:12px 12px 10px}.choice.bay legend{margin-left:-6px;padding:0 6px}.mat-chip.panel-plain{background:#efebe4}.mat-chip.panel-fluted{background:repeating-linear-gradient(90deg,#efebe4 0 6px,#d9d3c8 6px 8px)}.mat-chip.panel-slats{background:repeating-linear-gradient(90deg,#c8a67b 0 7px,#2b2b2a 7px 11px)}.check-tile{cursor:pointer;padding-left:42px}.check-tile input,.row-check input{width:18px;height:18px;accent-color:var(--mineral);position:absolute;top:16px;left:14px}.choice{border:0;margin:22px 0 0;padding:0}.choice legend{margin-bottom:8px;padding:0;font-weight:600}.legend-note{color:var(--text-3);margin-left:6px;font-weight:400}.measure-diagram{background:var(--ground);border-radius:var(--r-lg);margin:0 0 18px;padding:12px}.measure-diagram svg{width:100%;max-width:460px;height:auto;margin:0 auto;display:block}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;transition:opacity .2s;display:grid}.fields.muted{opacity:.45}.field{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.input{border-radius:var(--r-md);background:#fff;border:1px solid #84918e;align-items:center;display:flex}.input input{font-variant-numeric:tabular-nums;background:0 0;border:0;width:100%;min-width:0;padding:10px 12px;font-size:17px}.input input:focus{outline:none}.input:focus-within{outline:2px solid var(--focus);outline-offset:1px}.input em{color:var(--text-3);padding-right:12px;font-style:normal}.input:has(input:disabled){background:var(--band);border-color:var(--line-strong)}.input input:disabled{color:var(--text-3);cursor:not-allowed}.input input::placeholder{color:#6b7a78}.msg{color:var(--error);font-weight:400}.check{background:var(--band);border-radius:var(--r-lg);color:var(--text-2);cursor:pointer;align-items:flex-start;gap:10px;margin-top:18px;padding:14px;font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--mineral);flex:none;margin-top:2px}.list-checks{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.row-check{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;padding:12px 14px 12px 42px;display:flex;position:relative}.row-check:last-child{border-bottom:0}.row-check>span{flex-direction:column;font-size:15px;display:flex}.row-check small{color:var(--text-3);font-size:13px}.row-check em{color:var(--brass-text);text-align:right;margin-left:auto;font-size:13px;font-style:normal}.row-check.fixed{cursor:default;background:var(--ground)}.row-check .tick{background:var(--brass);border-radius:3px;width:16px;height:16px;position:absolute;left:15px}.stepper-row{border-bottom:1px solid var(--line);cursor:default;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.stepper-row>span:first-child{flex-direction:column;display:flex}.stepper-row small{color:var(--text-3);font-size:13px}.stepper{border:1px solid var(--line-strong);border-radius:var(--r-md);align-items:center;display:inline-flex}.stepper button{background:0 0;border:0;width:42px;height:42px;font-size:20px}.stepper button:hover{background:var(--band)}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:30px;font-weight:600}.switch{appearance:none;background:var(--line-strong);cursor:pointer;border-radius:999px;flex:none;width:46px;height:26px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch:checked{background:var(--mineral)}.switch:checked:after{transform:translate(20px)}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{background:var(--sw);border:1px solid #112b2d40;border-radius:50%;width:46px;height:46px}.swatch:hover{transform:scale(1.06)}.swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--mineral)}.swatch.metal{background:radial-gradient(circle at 34% 30%, #ffffffbf 0 8%, transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--sw) 70%, #fff) 0%, var(--sw) 45%, color-mix(in srgb, var(--sw) 62%, #000) 100%);width:40px;height:40px}.swatches.tight{gap:8px}.swatch.metal.wood{background:repeating-linear-gradient(100deg, #5a3c1e2e 0 2px, transparent 2px 6px), radial-gradient(circle at 34% 30%, #ffffff59 0 8%, transparent 34%), var(--sw)}@media (width>=900px){.swatches.tight .swatch.metal{width:36px;height:36px}}.swatch.fabric{border-radius:var(--r-md);background:repeating-linear-gradient(0deg, #0000000d 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #ffffff14 0 1px, transparent 1px 3px), var(--sw);width:40px;height:40px}.swatch.fabric.stripe{background:repeating-linear-gradient(90deg, #2f3e57 0 3px, var(--sw) 3px 9px)}.swatch.fabric.none{background:linear-gradient(135deg, transparent 47%, #112b2d66 47% 53%, transparent 53%), var(--paper)}.cover{border-collapse:collapse;width:100%;margin:4px 0 8px;font-size:14px}.cover td{border-bottom:1px solid var(--line);white-space:normal;padding:8px 0}.cover td:last-child{text-align:right;white-space:nowrap;font-weight:600}.modal-card h3{margin-top:20px}.spec{border-top:1px solid var(--line);margin:0 0 18px}.spec div{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;gap:10px;padding:9px 0;font-size:15px;display:grid}.spec dt{color:var(--text-3)}.spec dd{margin:0}.price-card{border-radius:var(--r-lg);background:var(--mineral);color:#fff;padding:18px}.price-card .big{font:500 34px/1.1 var(--serif);margin:0}.price-card .small{color:#dce6e7}.lines{border-top:1px solid #425c5f;margin:12px 0 0;padding:0;font-size:14px;list-style:none}.lines li{border-bottom:1px solid #425c5f;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.notes{color:var(--text-2);margin:0;padding-left:18px;font-size:14px}.notes li{margin-bottom:6px}.actions{flex-wrap:wrap;gap:10px;margin:22px 0 12px;display:flex}.share{border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:14px;padding:14px}.share p{margin:0 0 10px;font-size:14px}.share-row{flex-wrap:wrap;gap:8px;display:flex}.btn-primary,.btn-ghost{border-radius:var(--r-md);justify-content:center;align-items:center;min-height:46px;padding:10px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--mineral);color:#fff;border:1px solid var(--mineral)}.btn-primary:hover{background:var(--mineral-hover)}.btn-ghost{background:var(--paper);color:var(--mineral);border:1px solid var(--line-strong)}.btn-ghost:hover{background:var(--band)}.link{color:var(--mineral);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:14px;text-decoration:underline}.workshop{border-top:3px solid var(--brass);margin-top:28px;padding-top:18px}.workshop h3 small{color:var(--brass-text);margin-left:6px;font-size:13px;font-weight:400}.sheets{margin:8px 0 12px;padding-left:18px;font-size:14px}.workshop h4{font:600 14px/1.3 var(--sans);color:var(--mineral);margin:22px 0 6px}.tool-row{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.tool.primary{background:var(--mineral);color:var(--paper);border-color:var(--mineral)}.tool.primary:hover{background:color-mix(in srgb, var(--mineral) 86%, #000)}.table-wrap{margin-bottom:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 8px}th{color:var(--text-3);font-weight:500}.price-bar{padding:10px 24px calc(10px + env(safe-area-inset-bottom));min-height:var(--bar-h);background:var(--paper);border-top:1px solid var(--line-strong);z-index:5;grid-area:bar;align-items:center;gap:18px;display:flex;box-shadow:0 -6px 18px #112b2d0d}.pb-price{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.pb-price strong{font:500 26px/1.1 var(--serif);font-variant-numeric:tabular-nums}.pb-price .caption{color:var(--text-3);font-size:14px}.price-bar{position:relative}.pb-wa{background:var(--whatsapp);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:none}.pb-wa:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.nudge{background:var(--band);border-top:1px solid var(--line-strong);align-items:center;gap:8px;padding:6px 12px 6px 16px;display:flex;position:absolute;bottom:100%;left:0;right:0}.nudge-open{min-height:44px;color:var(--mineral);text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:1;padding:0 4px;font-weight:600;text-decoration:underline}.nudge-close{border-radius:var(--r-md);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:0 0 44px;font-size:24px;line-height:1}@media (width>=901px){.nudge{border:1px solid var(--line-strong);border-radius:var(--r-md);width:min(440px,100% - 32px);bottom:calc(100% + 10px);left:auto;right:16px;box-shadow:0 6px 24px #112b2d1f}body:has(.price-bar .nudge:not([x-cloak]):not([style*=none])) .wa-float{display:none}}.pb-next{margin-left:auto}.modal{z-index:20;background:#112b2d73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:var(--paper);border-radius:var(--r-lg);width:100%;max-width:520px;max-height:85dvh;padding:26px;position:relative;overflow:auto}.modal-card h2{font-size:26px}.close{width:40px;height:40px;color:var(--text-3);background:0 0;border:0;font-size:26px;position:absolute;top:10px;right:12px}.included{padding-left:20px}.included li{margin-bottom:6px}.brief{white-space:pre-wrap;background:var(--ground);border:1px solid var(--line);border-radius:var(--r-md);font:13px/1.5 var(--sans);padding:12px}.mat-chip{border-radius:var(--r-sm);background:var(--sw);border:1px solid #112b2d26;width:100%;height:34px;margin-bottom:6px;display:block}.mat-chip.mat-painted{background:linear-gradient(90deg,#ebe7de 0 25%,#9aa48d 25% 50%,#5b6f7c 50% 75%,#3f2e3a 75%)}.door-tile{align-items:flex-start}.door-thumb{border-radius:var(--r-md);background:#f1efea;width:100%;height:132px;margin-bottom:6px;padding:10px 0;display:block}.door-thumb svg{width:100%;height:100%}.seg.zoom button{place-items:center;width:42px;padding:0;display:inline-grid}.swatch-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;display:grid}.swatch-group{margin-bottom:12px}.group-name{color:var(--text-3);margin:0 0 6px;font-size:13px}.swatch-group .swatch{width:44px;height:44px}.paint .fields{margin:10px 0 14px}.input.select select{appearance:auto;background:0 0;border:0;width:100%;padding:10px 12px;font-size:16px}.input.select select:focus{outline:none}.sheen-label{margin-top:4px}.trust{background:var(--ground);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--text-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:22px 0 0;padding:14px 16px;font-size:14px;list-style:none;display:grid}.trust li{padding-left:22px;position:relative}.trust li:before{content:"";border-left:2px solid var(--brass);border-bottom:2px solid var(--brass);width:12px;height:7px;position:absolute;top:5px;left:0;transform:rotate(-45deg)}.trust.compact{margin-top:14px}.help-link{color:var(--whatsapp);text-underline-offset:3px;margin-top:16px;font-size:14px;display:inline-block}.tip{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);margin:12px 0 16px}.tip summary{cursor:pointer;min-height:44px;color:var(--mineral);border-radius:var(--r-md);align-items:center;gap:10px;padding:11px 12px;font-size:14px;font-weight:500;list-style:none;display:flex}.tip summary::-webkit-details-marker{display:none}.tip summary:before{content:"";border-right:1.6px solid var(--brass);border-bottom:1.6px solid var(--brass);flex:none;width:7px;height:7px;margin:0 2px;transition:transform .18s ease-out;transform:rotate(-45deg)}.tip[open] summary:before{transform:rotate(45deg)translate(-2px,-1px)}.tip summary:hover{background:var(--band)}.tip p{color:var(--text-2);margin:0;padding:0 12px 12px;font-size:14px}.unit-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.unit-row .seg button{min-height:44px;padding:0 14px}.unit-row .hint{margin-left:auto}.choice.first{margin-top:4px;margin-bottom:8px}.lead-time{color:#dce6e7;margin-top:10px}.reassure{margin-top:-4px;margin-bottom:14px}.drawing .dim-hit{cursor:pointer}.drawing .dim-hit:hover text,.drawing .dim-hit:focus text{fill:var(--brass-text);font-weight:600}.drawing .dim-hit:focus{outline:none}@media (width<=900px){.designer{height:auto;min-height:calc(100dvh - var(--note-h));grid-template:"head""preview""panel"1fr"bar"/minmax(0,1fr)}.d-head{z-index:6;gap:10px;height:51px;padding:12px 16px;position:sticky;top:0}.brand img{width:auto;height:22px}.brand-sub{padding-left:10px;font-size:13px}.head-call .call-long{display:none}.head-call .call-short{display:inline}@media (width<=359px){.brand-sub{display:none}}.preview{z-index:4;border-right:0;border-bottom:1px solid var(--line);height:42dvh;position:sticky;top:51px}.drawing{padding:10px}.tools{gap:6px;padding:8px 12px}.seg button,.tool{min-height:38px;padding:6px 11px;font-size:13px}.panel{padding:0 16px 88px;overflow:visible}.swatch-groups{grid-template-columns:1fr}.swatch-groups.handle-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}.handle-groups .swatches.tight{gap:6px}.handle-groups .swatch.metal{width:34px;height:34px}.pb-included.on-summary{display:none}h1{font-size:28px}h2{font-size:25px}.tiles.checks,.trust{grid-template-columns:1fr}.unit-row .hint{width:100%;margin-left:0}.fields{grid-template-columns:1fr}.price-bar{padding:8px 16px calc(8px + env(safe-area-inset-bottom));gap:10px;position:sticky;bottom:0}.pb-price strong{white-space:nowrap;font-size:19px}.pb-next{white-space:nowrap;min-height:42px;padding:8px 14px;font-size:14px}.pb-next .to,.pb-price .caption{display:none}.price-bar .link{font-size:13px}.pb-wa{margin-left:auto;display:inline-flex}.pb-wa+.pb-quote{margin-left:0}.wa-float,.stage-hint{display:none}.door-thumb{height:96px}.seg.zoom button{width:38px}}@media (width<=420px){.tiles.designs{grid-template-columns:1fr 1fr;gap:8px}.design-tile .t-note{display:none}.spec div{grid-template-columns:110px 1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.sect{border-top:1px solid var(--line);padding:36px 0 12px;scroll-margin-top:12px}.sect:first-of-type{border-top:0;padding-top:8px}.progress-line{z-index:2;background:0 0;height:2px;margin:0 -28px 18px;position:sticky;top:0}.progress-line span{background:var(--brass);transform-origin:0;height:100%;display:block}details.more{margin:18px 0 4px}details.more>summary{cursor:pointer;min-height:44px;color:var(--mineral);align-items:center;gap:6px;font-weight:500;list-style:none;display:flex}details.more>summary::-webkit-details-marker{display:none}details.more>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;margin:-3px 0 0 6px;transition:transform .2s;transform:rotate(45deg)}details.more[open]>summary:after{margin-top:3px;transform:rotate(-135deg)}details.fold{border-top:1px solid var(--line);margin:14px 0;padding-top:10px}details.fold>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:500;display:flex}.see-drawing{margin:6px 0 10px;display:inline-block}.next-steps{margin:12px 0 18px}@media (width<=900px){.progress-line{margin:0 -16px 14px;top:calc(51px + 42dvh)}}h1,h2{font:500 40px/1.08 var(--serif);letter-spacing:-.015em;text-wrap:balance;margin:0 0 10px}.sect{padding:56px 0 18px}.sect:first-of-type{padding-top:24px}.sect>.lead{max-width:60ch}.panel{scroll-padding:16px 0 24px}.seg button,.tool,.btn-primary,.btn-ghost{min-height:44px}.stepper button,.swatch,.swatch.metal,.swatch.fabric,.swatches.tight .swatch.metal{width:44px;height:44px}.link,.panel button.link{align-items:center;min-height:44px;display:inline-flex}.tile{border-color:var(--line)}.tile:hover{background:var(--ground);border-color:var(--line-strong)}.tile[aria-checked=true]{background:var(--paper);border-color:var(--mineral);box-shadow:inset 0 0 0 1px var(--mineral)}.tile[aria-checked=true]:after{content:"";background:var(--mineral) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.5 11.3l3 3 6-6.4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px no-repeat;border-radius:50%;width:22px;height:22px;position:absolute;top:10px;right:10px}.view-wrap{position:relative}.view-menu{z-index:8;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);gap:6px;min-width:220px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 10px 28px #112b2d29}.view-menu .seg{display:flex}.view-menu .seg button{flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.view-menu .tool{justify-content:flex-start}.view-options:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin:-3px 0 0 9px;transform:rotate(-135deg)}.view-options[aria-expanded=true]:after{margin-top:-6px;transform:rotate(45deg)}.price-bar .caption{color:var(--text-2)}.pb-quote{margin-left:auto;padding:10px 22px;font-weight:600}body:has(.panel input:focus,.panel select:focus) .wa-float{display:none}@media (width<=900px){h1,h2{font-size:30px}.sect{padding:44px 0 14px}.sect:first-of-type{padding-top:18px}html{scroll-padding-top:calc(67px + 42dvh);scroll-padding-bottom:calc(var(--bar-h) + 24px)}.tools{flex-wrap:nowrap}.tools .seg button,.tools .tool{padding:8px 12px}}.reveal{transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1)}html.js-motion .reveal:not(.in){opacity:0;transform:translateY(12px)}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.swatch:not(.metal):not(.fabric){background:var(--sw) url(/furniture-designer/thumbs/paint-texture.jpg) center / 160px;background-blend-mode:multiply}.mat-chip.mat-oak{background:url(/furniture-designer/thumbs/wood-oak.jpg) 50%/cover}.mat-chip.mat-walnut{background:url(/furniture-designer/thumbs/wood-walnut.jpg) 50%/cover}.mat-chip.mat-birch{background:url(/furniture-designer/thumbs/wood-birch.jpg) 50%/cover}.price-card .promise{margin-top:14px}.price-card .saved-estimate{color:var(--mineral);font-weight:500}.price-card .launch-note{color:var(--mineral);margin-top:2px;font-weight:500}.price-card .can-change summary{cursor:pointer;min-height:44px;padding:11px 0;font-weight:500}.price-card .can-change ul{margin:0 0 8px;padding-left:20px}.company-footer{text-align:center;color:var(--text-3);padding:24px 16px 32px;font-size:12px}.company-footer p{max-width:720px;margin:0 auto}.aw-side{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 8px;display:flex}.aw-label{min-width:96px;font-weight:500}.aw-line{margin:4px 0 0}.camera-btn{z-index:3;border:1px solid var(--line-strong);min-height:44px;color:var(--mineral);background:#fcfcfcf0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 14px #112b2d1f}.camera-btn:hover{background:var(--paper)}.camera-panel{z-index:4;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);width:min(340px,100% - 24px);padding:18px 18px 14px;position:absolute;top:64px;right:12px;box-shadow:0 10px 28px #112b2d2e}.camera-panel .close{width:44px;height:44px;color:var(--text-3);background:0 0;border:0;font-size:24px;position:absolute;top:4px;right:4px}.camera-panel .btn-primary{width:100%;margin:4px 0 10px}.camera-panel .qr{text-align:center}.camera-panel .qr-code{width:180px;height:180px;margin:6px auto 8px}.camera-panel .qr-code svg{width:100%;height:100%}.camera-panel .qr p{margin:0 0 8px;font-weight:500}.camera-panel .no-camera p{margin:0 32px 10px 0;font-weight:500}.camera-panel .no-camera .btn-ghost{width:100%;min-height:44px;margin-bottom:10px}.camera-panel .share-fallback{word-break:break-all;font-size:13px;font-weight:400}@media (width<=900px){.camera-btn{padding:6px 12px;font-size:13px;top:8px;right:8px}.camera-panel{top:58px;right:8px}}.full-link{color:var(--text-3);margin:-2px 0 18px;font-size:14px}.full-link a{color:var(--mineral);text-underline-offset:3px}.page-text{max-width:72ch;color:var(--ink);margin:0 auto;padding:64px 24px 96px}.page-text h1{font:500 40px/1.08 var(--serif);letter-spacing:-.015em;margin:0 0 14px}.page-text h2{font:500 26px/1.15 var(--serif);margin:44px 0 12px}.page-text .lead{font-size:18px}.page-text ul{margin:10px 0;padding-left:20px}.page-text li{margin:6px 0}.page-text .examples{border-top:1px solid var(--line);padding:0;list-style:none}.page-text .examples li{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;margin:0;padding:12px 0;display:flex}.page-text .examples strong{white-space:nowrap;color:var(--brass-text);font-weight:600}.page-text .faq{border-bottom:1px solid var(--line)}.page-text .faq summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.page-text .faq p{color:var(--text-2);margin:0 0 14px}.page-text .links a{color:var(--mineral);text-underline-offset:3px}@media (width<=900px){.page-text{padding:44px 16px 120px}.page-text h1{font-size:30px}.page-text .examples li{flex-direction:column;gap:2px}}.share-fallback{margin-top:10px;display:block}.share-fallback input{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper);width:100%;min-height:44px;padding:8px 10px;font-size:14px}.render-box{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);margin:10px 0 6px;padding:14px 16px}.render-box p{margin:0 0 10px}.render-box .check{margin:0 0 12px}.starters{margin:0 0 22px}.starters h2{margin:0 0 10px;font-size:22px}.starter-row{scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.starter{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper);cursor:pointer;scroll-snap-align:start;flex:0 0 220px;padding:0;position:relative;overflow:hidden}.starter img{aspect-ratio:8/5;object-fit:cover;width:100%;height:auto;display:block}.starter:hover{border-color:var(--mineral)}.starter:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.starter-label{border-radius:var(--r-sm);color:var(--ink);background:#fcfcfceb;padding:2px 8px;font-size:12px;position:absolute;bottom:8px;left:8px}@media (width<=900px){.starter{flex-basis:62vw}}.designer:not(.ready) :is(.starters,.starters *){visibility:visible}.start-designs{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.start-design{margin:0}.start-design img{aspect-ratio:8/5;object-fit:cover;border-radius:var(--r-md);width:100%;height:auto;display:block}.start-design figcaption{color:var(--text-2);margin-top:6px;font-size:14px}.step-row,.full-btn{display:none}@media (width<=900px){.progress-line{display:none}.step-row{scrollbar-width:none;background:var(--paper);border-top:1px solid var(--line);flex:none;gap:2px;padding:0 6px;display:flex;overflow-x:auto}.step-row::-webkit-scrollbar{display:none}.step{min-height:44px;color:var(--text-2);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:0 10px;font-size:14px;display:inline-flex}.step .tick{color:var(--brass-text);display:none}.step.done .tick{display:inline}.step[aria-current=step]{color:var(--ink);border-bottom-color:var(--brass);font-weight:600}.step:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.full-btn{z-index:3;border:1px solid var(--line-strong);border-radius:var(--r-md);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fcfcfceb;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:10px;right:10px}}html.full-open{overflow:hidden}.designer.full .preview{inset:0 0 var(--bar-now,var(--bar-h)) 0;z-index:20;border:0;flex-direction:column;height:auto;display:flex;position:fixed}.designer.full .preview>:not(.stage){display:none}.designer.full .stage{flex:auto;height:auto;min-height:0}.designer.full .price-bar{z-index:21;position:fixed;bottom:0;left:0;right:0}.designer.full .full-btn{z-index:3;border:1px solid var(--line-strong);border-radius:var(--r-md);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fcfcfceb;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:10px;right:10px}.brand,.head-call{align-items:center;min-height:44px;margin-block:-6px;display:inline-flex}.help-link,.measure-photo{align-items:center;min-height:44px;display:flex}.input.select select{min-height:44px}