@font-face{font-family:Montserrat;src:url(/assets/brand/montserrat-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/brand/montserrat-semibold.woff2) format("woff2");font-weight:600 800;font-display:swap}:root{font-family:Montserrat,Arial,sans-serif;color:#303738;background:#e9edeb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #007483;--accent-dark: #005662;--ink: #263334;--muted: #626d6e;--line: #e2e7e5;--sidebar: 360px;--slide-duration: .46s;--slide-easing: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}img{max-width:100%}svg{flex-shrink:0}button[aria-disabled=true]{cursor:default}.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}.skip-link{position:absolute;top:12px;left:12px;z-index:100;padding:11px 16px;background:#fff;color:var(--accent-dark);font-size:13px;font-weight:600;border-radius:5px;box-shadow:0 5px 24px #14252322}.skip-link:not(:focus-visible){width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;box-shadow:none}.visualiser{position:relative;width:100%;height:100dvh;min-height:550px;overflow:hidden}.sidebar{position:absolute;inset:0 auto 0 0;width:var(--sidebar);z-index:30;background:#fff;transform:translate3d(-100%,0,0);transition:transform var(--slide-duration) var(--slide-easing);will-change:transform;border-right:1px solid #dde3df}.sidebar.open{transform:translateZ(0)}.sidebar-inner{height:100%;display:flex;flex-direction:column}.brand-header{background:#fff;min-height:124px;padding:23px 24px 16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.brand-header>a{display:flex;width:220px}.brand-header img{width:220px;height:auto}.brand-header>span{font-size:12px;letter-spacing:2.3px;color:var(--muted);font-weight:600}.mobile-close{display:none!important}.picker-scroll{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#bdcbc5 transparent;padding:22px 21px}.picker-scroll>section+section{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-heading h2{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.text-button{font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;padding:4px 0;color:var(--muted)}.text-button:hover,.text-button.active{color:var(--accent)}.current-space{width:100%;height:117px;border-radius:5px;padding:0;overflow:hidden;position:relative;text-align:left;background:#e9edeb}.current-space>img{width:100%;height:100%;object-fit:cover;object-position:center bottom;transition:transform .3s}.current-space:hover>img{transform:scale(1.025)}.current-space>span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#142523b3);color:#fff;padding:25px 13px 11px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.surface-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.surface-card{border:1px solid var(--line);border-radius:5px;min-height:96px;padding:11px 9px 10px;text-align:left;display:flex;flex-direction:column;gap:6px;position:relative}.surface-card:hover{border-color:#a4bfba}.surface-card.selected{border:1px solid var(--accent);background:#f3f9f8;box-shadow:inset 0 0 0 1px var(--accent)}.surface-title{font-size:10px;font-weight:600;display:flex;align-items:center;gap:6px;white-space:normal;min-height:28px;line-height:1.4}.surface-product{font-size:10px;line-height:1.45;color:var(--ink)}.surface-finish{font-size:9px;line-height:1.5;color:var(--muted);margin-top:auto}.search-field{height:37px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;gap:9px;color:#8a9594;padding:0 10px}.search-field:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.search-field input{background:transparent;min-width:0;width:100%;border:0;font-size:10px;outline:0!important;color:var(--ink);appearance:none;-webkit-appearance:none}.search-field input::-webkit-search-decoration,.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search-field input::placeholder{color:#6d7778;opacity:1}.search-field button{width:24px;height:24px;margin-right:-5px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:11px 0 13px;min-height:23px}.family-filter select{background:#fff;border:0;font-size:10px;color:var(--ink);max-width:146px;min-height:24px;padding:3px 14px 3px 0;cursor:pointer}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}.option-card{padding:0;text-align:left;display:flex;flex-direction:column;min-width:0;border-radius:4px}.option-image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#f7f8f6;position:relative;transition:border-color .18s}.option-image>img{width:100%;height:100%;object-fit:contain}.option-card:hover .option-image{border-color:#8bafaa}.option-card.selected .option-image{border:2px solid var(--accent)}.option-name{display:block;font-size:9px;line-height:1.55;font-weight:600;margin-top:7px;overflow-wrap:anywhere}.option-detail{font-size:8px;color:var(--muted);line-height:1.4;margin-top:3px}.option-card.awaiting .option-detail{color:#6d7778}.available-dot{position:absolute;width:6px;height:6px;background:var(--accent);border-radius:50%;bottom:6px;right:6px;box-shadow:0 0 0 2px #fff}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;width:100%;height:100%;color:#97a9a4;font-size:8px;padding:8px}.preview-placeholder>span{color:var(--muted)}.preview-placeholder.finish{color:#a7b2ad;font-size:7px}.preview-placeholder.finish svg{width:23px}.card-check{display:flex;position:absolute;right:4px;bottom:4px;background:var(--accent);color:#fff;border-radius:50%;width:19px;height:19px;align-items:center;justify-content:center}.chosen-profile{display:flex;gap:12px;margin-bottom:15px;align-items:center;width:100%;text-align:left;padding:10px;border:1px solid var(--line);border-radius:6px;background:#f7faf9}.chosen-profile:hover{border-color:var(--accent);background:#f0f7f5}.chosen-profile>svg{margin-left:auto;color:var(--accent)}.chosen-profile-copy{min-width:0}.chosen-profile-image{width:65px;height:65px;flex-shrink:0;border:1px solid var(--line);border-radius:4px;background:#f7f8f6;overflow:hidden}.chosen-profile-image img{width:100%;height:100%;object-fit:contain}.chosen-profile-copy strong{display:block;font-size:12px;line-height:1.6;font-weight:600}.chosen-profile-copy>span{font-size:9px;color:var(--muted);display:block;margin-top:4px;line-height:1.6}.empty-state{padding:20px 0;font-size:12px;line-height:1.8;color:var(--muted);display:flex;align-items:flex-start;flex-direction:column;gap:10px}.picker-footer{padding:14px 21px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#fff;min-height:53px}.picker-footer .text-button{font-size:10px;min-height:36px}.sidebar-toggle{position:absolute;left:0;top:50%;z-index:35;width:29px;height:62px;border-radius:0 6px 6px 0;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-left:0;transform:translate(0);transition:transform var(--slide-duration) var(--slide-easing);will-change:transform;color:var(--muted)}.picker-open .sidebar-toggle{transform:translate(var(--sidebar))}.workspace{position:absolute;inset:0;background:#e9edeb;transition:left var(--slide-duration) var(--slide-easing);isolation:isolate}.picker-open .workspace{left:var(--sidebar)}.workspace-header{position:absolute;inset:24px 28px auto;display:flex;justify-content:space-between;align-items:flex-start;z-index:3;gap:20px;pointer-events:none}.workspace-header>*{pointer-events:auto}.view-title{padding:10px 0}.view-title h2{font-size:22px;line-height:1.5;font-weight:400;letter-spacing:-.35px}.actions{display:flex;gap:9px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;min-height:46px;padding:11px 17px;border:1px solid transparent;white-space:nowrap;transition:background .15s}.button:hover{background:#f7faf9}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.design-stage{position:absolute;inset:0}.scene-canvas{position:absolute;inset:0;min-width:0;min-height:0;overflow:hidden}.scene-canvas canvas{width:100%;height:100%;display:block;touch-action:none;cursor:default}.scene-canvas canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.scene-canvas.selectable canvas{cursor:pointer}.zoom-reset{position:absolute;bottom:82px;right:28px;z-index:3;min-height:40px;padding:0 16px;background:#fffffff0;border:1px solid #dce5e2;border-radius:6px;color:var(--ink);font-size:13px;font-weight:600;box-shadow:0 2px 10px #1425230c}.zoom-reset:hover:not(:disabled){background:#eaf2ef}.scene-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#e9edeb;color:var(--ink);font-size:14px}.scene-message.updating{inset:auto 20px 90px auto;gap:10px;background:#fffffff2;border:1px solid #dce5e2;border-radius:6px;padding:10px 16px 10px 14px;flex-direction:row;box-shadow:0 2px 10px #1425230c;pointer-events:none}.scene-message.updating .spinner{width:18px;height:18px}.zoom-reset~.scene-message.updating{bottom:134px}.scene-message.error{padding:24px;line-height:1.7;text-align:center}.cladding-tooltip{position:absolute;width:280px;max-width:calc(100% - 24px);padding:17px 19px;display:flex;flex-direction:column;gap:7px;background:#fffffff7;border:1px solid var(--line);box-shadow:0 5px 24px #14252322;border-radius:7px;font-size:13px;line-height:1.5;opacity:0;transform:translateY(5px);transition:opacity .32s ease,transform .32s ease;pointer-events:none;z-index:2}.cladding-tooltip.visible{opacity:1;transform:translateY(0)}.cladding-tooltip strong{font-size:14px;color:var(--accent);margin-bottom:2px}.cladding-tooltip span:last-child{color:#526060}.spinner{display:inline-block;flex:none;width:24px;height:24px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;animation:spinner-rotate 2s linear infinite}.spinner-track{stroke-opacity:.16}.spinner-arc{stroke-dasharray:6 90;animation:spinner-arc 1.6s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-arc{0%{stroke-dasharray:6 90;stroke-dashoffset:0}50%{stroke-dasharray:40 90;stroke-dashoffset:-10}to{stroke-dasharray:6 90;stroke-dashoffset:-56.55}}.loading-status{animation:loading-status-reveal .25s ease-out .18s both}@keyframes loading-status-reveal{0%{opacity:0}}.disclaimer{position:absolute;bottom:18px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 48px);background:#ffffffc7;color:#303738;border-radius:5px;text-align:center;font-size:1rem;padding:12px 18px;line-height:1.5;z-index:3}.mobile-brand,.mobile-selection-summary{display:none}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--muted)}.icon-button:hover{background:#edf3f0}.space-dialog{border:0;border-radius:9px;max-width:910px;width:calc(100% - 60px);padding:30px;max-height:90dvh;background:#fff;color:var(--ink)}.space-dialog::backdrop{background:#1928258c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.dialog-header h2{font-weight:400;font-size:24px;letter-spacing:-.6px}.space-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.space-option{padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;text-align:left}.space-option>img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.space-option>span{display:flex;align-items:center;justify-content:space-between;padding:13px 11px;font-size:11px;font-weight:600;gap:5px}.space-option.selected{border:2px solid var(--accent);color:var(--accent)}.space-option:hover{border-color:var(--accent)}.space-option.awaiting{color:var(--muted)}.space-option.awaiting:hover{border-color:var(--line)}.space-option.awaiting>img{filter:grayscale(1);opacity:.55}.space-option small{font-size:10px;font-weight:400;white-space:nowrap}.toast{position:fixed;bottom:100px;left:calc(50% + 110px);transform:translate(-50%,15px);background:var(--ink);color:#fff;padding:13px 20px;font-size:14px;line-height:1.6;border-radius:6px;max-width:460px;z-index:80;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}.app-loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;color:var(--muted);font-size:14px;padding:24px;text-align:center}.app-loading>img{width:220px;height:auto;margin-bottom:20px}.app-loading .loading-status{display:flex;flex-direction:column;align-items:center;gap:22px}.app-loading .spinner{width:30px;height:30px}.saved-design-notice{position:absolute;top:100px;left:28px;right:28px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border-left:3px solid var(--accent);border-radius:4px;font-size:14px;line-height:1.6}.saved-design-notice .icon-button{flex-shrink:0}.option-name{font-size:10px}.option-detail{font-size:9px}.surface-product{font-size:11px}.surface-finish{font-size:10px}.search-field input,.section-heading h2{font-size:12px}.text-button,.family-filter select{font-size:11px}@media(min-width:1700px){:root{--sidebar: 390px}.picker-scroll{padding:25px}.option-grid{gap:16px 10px}.current-space{height:135px}.workspace-header{inset:28px 36px auto}}@media(max-width:1100px)and (min-width:761px){:root{--sidebar: 320px}.picker-scroll{padding:18px 16px}.workspace-header{inset:18px 20px auto;gap:10px}.view-title{padding:10px}.view-title h2{font-size:17px}.button{font-size:11px;padding:10px;gap:5px}.actions{gap:6px}.picker-footer{padding:10px 12px;gap:8px}.picker-footer .text-button{font-size:9px}.surface-card{padding:10px 8px}.surface-title{font-size:10px}}@media(max-width:760px){.visualiser{min-height:480px}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:80dvh;max-height:800px;border:0;border-radius:15px 15px 0 0;transform:translate3d(0,100%,0);z-index:50}.sidebar.open{transform:translateZ(0)}.sidebar-inner{border-radius:15px 15px 0 0;overflow:hidden}.brand-header{min-height:90px;padding:17px 20px;gap:9px;position:relative}.brand-header>a,.brand-header img{width:180px}.brand-header>span{font-size:11px;letter-spacing:1.8px}.mobile-close{display:flex!important;position:absolute;right:16px;top:23px}.picker-scroll{padding:19px 20px 24px}.picker-scroll>section+section{padding-top:20px;margin-top:20px}.current-space{height:110px}.surface-card{min-height:106px;padding:12px}.surface-title{font-size:11px;min-height:30px}.option-grid{gap:18px 12px}.search-field{height:42px}.search-field input{font-size:14px}.filter-row{margin:13px 0 17px}.chosen-profile-copy strong{font-size:14px}.chosen-profile-copy>span{font-size:11px}.chosen-profile-image{width:75px;height:75px}.picker-footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.picker-footer .text-button{font-size:10px}.sidebar-toggle{display:none}.workspace,.picker-open .workspace{left:0;overflow-y:auto;display:flex;flex-direction:column}.workspace-header{inset:0 0 auto;min-height:115px;padding:17px 18px;gap:10px;align-items:center}.view-title{background:none;padding:0}.view-title h2{font-size:15px;margin-top:10px}.mobile-brand{display:block;width:155px;height:auto}.actions{gap:7px}.actions .button{min-height:44px;padding:10px;font-size:10px;gap:5px}.actions .save-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.actions .primary svg{display:none}.design-stage{position:relative;inset:auto;flex:1 1 auto;width:100%;min-height:calc(56.25vw + 115px)}.scene-canvas{position:absolute;inset:0}.scene-message.updating{inset:auto 10px 76px auto;font-size:12px;padding:7px 10px}.zoom-reset~.scene-message.updating{bottom:112px}.scene-message.updating .spinner{width:16px;height:16px}.mobile-selection-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding:18px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.mobile-selection-summary>button{background:#fff;border-radius:5px;padding:14px 12px;text-align:left;display:flex;flex-direction:column;gap:9px;min-height:115px}.mobile-selection-summary>button>span{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5}.mobile-selection-summary>button>span>svg{margin-left:auto;color:var(--muted)}.mobile-selection-summary strong{font-size:11px;font-weight:600;line-height:1.5}.mobile-selection-summary small{font-size:11px;line-height:1.5;color:#526060}.disclaimer{position:absolute;bottom:8px;left:10px;transform:none;max-width:none;width:calc(100% - 20px);margin:0;padding:6px 8px;font-size:12px;line-height:1.4}.sheet-backdrop{position:fixed;inset:0;background:#19282566;z-index:45}.space-dialog{padding:21px;width:calc(100% - 28px);border-radius:9px;max-height:90dvh}.dialog-header{margin-bottom:20px}.dialog-header h2{font-size:21px}.space-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.space-option>span{font-size:10px;padding:11px 8px}.space-option>span>svg{width:13px}.toast{left:50%;width:calc(100% - 40px);max-width:420px;bottom:20px}.saved-design-notice{position:relative;inset:auto;margin:0 18px 12px;font-size:13px;padding:10px 12px}}@media(max-height:700px)and (min-width:761px){.brand-header{min-height:108px;padding-top:16px;padding-bottom:12px}.picker-scroll{padding-top:16px}.current-space{height:90px}.picker-scroll>section+section{margin-top:17px;padding-top:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner{animation:none}.spinner-arc{stroke-dasharray:40 90;stroke-dashoffset:0;animation:spinner-pulse 1.8s ease-in-out infinite;animation-duration:1.8s!important}}@keyframes spinner-pulse{50%{opacity:.3}}@media(forced-colors:active){.available-dot,.card-check{border:1px solid CanvasText}.current-space>span,.toast,.scene-message.updating,.cladding-tooltip{background:Canvas;border:1px solid CanvasText}.spinner-track{stroke-opacity:.4}}.reset-cladding{margin-left:auto;white-space:nowrap;min-height:32px}.design-stage .disclaimer{pointer-events:none}@media(max-width:760px){.zoom-reset{right:10px;bottom:68px;min-height:36px;padding:0 12px;font-size:12px}}.finish-grid{margin-top:16px}