*{box-sizing:border-box}body{margin:0;background:#fff;color:#35434a;font:16px/1.5 Arial,Helvetica,sans-serif}button,select{font:inherit;color:inherit}button,summary{cursor:pointer}button,a,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #4b859f;outline-offset:4px}a{color:#476e80;text-underline-offset:4px}header{height:76px;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f1}header .brand{display:inline-flex;align-items:center;line-height:0}header img{width:150px;max-height:42px;object-fit:contain}header span{font-size:14px;color:#75858c}main{max-width:1330px;margin:0 auto;padding:36px 5% 28px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:64px;align-items:start}.visual{min-width:0;background:#ededed;border-radius:4px;position:relative}#stage{height:590px;position:relative}#scene{display:block;width:100%;height:100%;touch-action:none;border-radius:4px 4px 0 0}#loading{position:absolute;top:45%;width:100%;text-align:center;padding:24px}#loading.error{z-index:3;background:#f1f3f3;color:#763d32}#photo-view{position:absolute;inset:0;padding:42px 24px 76px;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s .24s}#reference{width:100%;height:100%;min-height:0;flex:1;object-fit:contain;mix-blend-mode:multiply}#photo-view p{flex:none;font-size:12px;color:#73828a;margin:12px 0 0}.view-bottom button{border:1px solid #d7e0e4;border-radius:5px;background:#fff;color:#506974;font-size:13px;padding:10px 14px;min-height:42px}.view-bottom button:hover{background:#f4f7f8;border-color:#aebfc7}#handles[aria-pressed=true],#open-doors[aria-pressed=true],#open-drawers[aria-pressed=true],#countertop[aria-pressed=true]{background:#eaf1f4;border-color:#8faab7;color:#365f73}#view-hint{position:absolute;inset:18px auto auto 20px;display:flex;align-items:center;justify-content:center;gap:7px;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;letter-spacing:.015em;color:#758187;opacity:.62}.drag-icon{width:21px;height:21px;background:currentColor;mask:url(assets/rotate-3d.svg) center/contain no-repeat;-webkit-mask:url(assets/rotate-3d.svg) center/contain no-repeat}summary{list-style:none;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:18px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:#7b8d96;font-size:17px;font-weight:400}details[open]>summary:after{content:"\2212"}aside{padding-top:27px}.product-heading{margin-bottom:34px}h1{font-family:Georgia,serif;font-weight:400;color:#34454e;font-size:34px;line-height:1.2;margin:0 0 10px}.product-heading p{margin:0;color:#7b8991;font-size:14px}.option{margin-bottom:29px}label,h2{display:block;font-size:14px;font-weight:400;margin:0 0 11px}select{width:100%;font-size:15px;background:#fff;border:1px solid #ccd8de;border-radius:4px;padding:12px;min-height:46px}.finish-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:15px}.finish-heading h2{margin:0}#finish-name{font-size:14px;color:#72858f}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px 7px}.swatch{width:39px;height:39px;border:1px solid #c3cdd2;background:var(--finish,#eee);border-radius:50%;box-shadow:inset 0 0 0 3px #fff;position:relative;padding:0;justify-self:center}.swatch[aria-pressed=true]{outline:2px solid #567e91;outline-offset:2px}.swatch:hover:after,.swatch:focus-visible:after{content:attr(data-name);position:absolute;bottom:47px;left:50%;transform:translate(-50%);background:#314b59;color:#fff;border-radius:3px;padding:5px 9px;font-size:12px;white-space:nowrap;z-index:6;pointer-events:none}.custom-colors{margin-top:20px}.custom-colors summary{font-size:13px;color:#63808d;justify-content:flex-start;gap:9px;padding:5px 0}.custom-colors[open] .swatch-grid{margin-top:14px}.product-details{border-top:1px solid #e1e8eb;padding-top:18px}.product-details>summary{color:#637985;min-height:28px}.details-body{padding-top:20px}.details-body>a{display:block;font-size:13px;margin-top:12px}.details-body>p{font-size:12px;color:#7a888f;margin:18px 0 0}.finish-detail{display:flex;gap:16px;align-items:center;margin:20px 0}.finish-detail img{width:50px;height:86px;object-fit:contain}.finish-detail p{font-size:12px;color:#73848e;margin:0 0 8px}.finish-detail a{font-size:13px}.preview-note{color:#89969d;font-size:12px;margin:23px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1450px){#stage{height:650px}}@media(max-width:1020px){main{padding:25px 4%}.studio{grid-template-columns:minmax(0,1fr) 270px;gap:30px}#stage{height:530px}.swatch{width:36px;height:36px}}@media(max-width:720px){header{height:65px;padding:15px 5%}header img{width:135px}header span{font-size:13px}main{padding:20px 5% 30px}.studio{display:flex;flex-direction:column;gap:28px}.visual{width:100%}#stage{height:360px}#photo-view{padding:32px 16px 74px}#view-hint{font-size:12px}aside{width:100%;padding:0}.product-heading{margin-bottom:25px}h1{font-size:30px}.swatch-grid{grid-template-columns:repeat(7,1fr);gap:12px 7px}.swatch{width:40px;height:40px}.option{margin-bottom:26px}.custom-colors summary,.product-details>summary{min-height:40px}.preview-note{margin-top:17px}}@media(max-width:370px){.swatch-grid{grid-template-columns:repeat(6,1fr)}}@media(pointer:coarse){.swatch:before{content:"";position:absolute;inset:-3px}.view-bottom button{min-height:44px}}.view-bottom{position:absolute;z-index:2;left:20px;right:20px;bottom:16px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:0;background:transparent;border:0}@media(max-width:720px){.view-bottom{left:14px;right:14px;bottom:14px;gap:8px}.view-bottom button{padding:10px 13px}#view-hint{left:16px;top:15px}}#scene,#view-hint,#loading{transition:opacity .24s ease}#stage[data-mode=photo] #scene,#stage[data-mode=photo] #view-hint,#stage[data-mode=photo] #loading{opacity:0;pointer-events:none}#stage[data-mode=photo] #photo-view{opacity:1;visibility:visible;transition-delay:0s}#viewphoto,#view3d{min-width:100px}@media(prefers-reduced-motion:reduce){#scene,#view-hint,#loading,#photo-view{transition:none}}#camera-controls{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:720px){#camera-controls{gap:8px}.view-bottom button{padding:10px}#viewphoto,#view3d{min-width:0}}.size-options{display:flex;gap:12px}.size-options>div:first-child{flex:1;min-width:76px}.size-options>div:last-child:not(:first-child){flex:2;min-width:0}.size-options select{padding-left:10px;padding-right:6px;font-size:14px}.product-heading{margin-bottom:25px}.option{margin-bottom:24px}#camera-controls{display:contents}@media(max-width:520px){#stage{height:420px}#scene{height:calc(100% - 92px)}.view-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.view-bottom button{width:100%;padding:10px 8px}.view-bottom #view3d{grid-column:2}#photo-view{padding-bottom:110px}}#scene{height:calc(100% - var(--action-space,74px))}@media(max-width:520px){#stage{height:460px}#photo-view{padding-bottom:160px}}#hardware-finishes{display:flex;align-items:center;justify-content:center;gap:2px;flex-shrink:0;order:1}.view-bottom #hardware-finishes .hardware-swatch{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:6px;border:0;border-radius:50%;background:transparent}.metal-sample{display:block;width:32px;height:32px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #bdc6ca;background:repeating-linear-gradient(100deg,transparent 0 2px,#ffffff13 2px 3px),var(--metal)}.metal-sample-dark{--metal:linear-gradient(125deg,#272b2e 5%,#656b70 43%,#353a3e 64%,#24272a)}.metal-sample-brass{--metal:linear-gradient(125deg,#a98242 5%,#edd39b 43%,#bb954e 64%,#dbc18b)}.hardware-swatch[aria-pressed=true] .metal-sample{outline:2px solid #567e91;outline-offset:3px}.hardware-swatch:hover .metal-sample{box-shadow:0 0 0 1px #758e9a}.header-actions{display:flex;align-items:center;gap:20px}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid #dce3e6;border-radius:6px;background:#fff;color:#607b88;font-size:13px}.quiet-button span{font:inherit;color:inherit}.quiet-button:hover{background:#f4f7f8}.quiet-button[aria-pressed=true]{background:#eaf1f4;border-color:#a9bec8}body.showroom{position:fixed;inset:0;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#ededed}.showroom>header{height:64px;flex-shrink:0;padding:10px 24px;background:#fff}.showroom>header img{width:126px;height:36px}.showroom .studio-label{display:none}.showroom>main{flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:0}.showroom .studio{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0;align-items:stretch}.showroom .visual{height:100%;min-height:0;border-radius:0}.showroom #stage{height:100%}.showroom #scene{border-radius:0}.showroom #photo-view{padding:36px 24px calc(var(--action-space,90px) + 8px)}.showroom #configuration{min-height:0;width:auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;padding:26px 22px 24px;border-left:1px solid #e1e6e8;scrollbar-width:thin}.showroom .product-heading{margin-bottom:25px}.showroom h1{font-size:30px}.showroom .option{margin-bottom:23px}.showroom select{min-height:48px}.showroom .swatch-grid{grid-template-columns:repeat(5,1fr);gap:12px 6px}.showroom .swatch{width:42px;height:42px}.showroom summary{min-height:44px}.showroom .view-bottom{display:flex;justify-content:center;left:22px;right:22px;bottom:22px;gap:10px}.showroom .view-bottom button{min-height:48px;padding:12px 18px;font-size:14px;width:auto}.showroom.showroom-preview-only .studio{grid-template-columns:minmax(0,1fr)}@media(max-width:1000px){.showroom .studio{grid-template-columns:minmax(0,1fr) 280px}.showroom #configuration{padding:22px 18px}.showroom .view-bottom{left:16px;right:16px;gap:8px}.showroom .view-bottom button{padding:11px 13px}}@media(max-width:720px){.header-actions{gap:8px}.header-actions .studio-label{display:none}.showroom>header{padding:8px 14px;height:60px}.showroom>header img{width:95px}.showroom .header-actions{gap:6px}.showroom .quiet-button{padding:8px;font-size:12px}.showroom .studio{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,1fr) minmax(0,40%)}.showroom #configuration{border-left:0;border-top:1px solid #e1e6e8}.showroom .swatch-grid{grid-template-columns:repeat(7,1fr)}.showroom.showroom-preview-only .studio{grid-template-rows:minmax(0,1fr)}.showroom .view-bottom{bottom:12px;gap:6px}.showroom .view-bottom button{font-size:12px;padding:9px 11px;min-height:44px}}