.studio-intro{padding-top:35px;padding-bottom:38px}.studio-intro .back-home{margin-bottom:25px}.studio-heading{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:60px}.studio-heading .eyebrow{font-size:9px;margin-bottom:17px}.studio-heading h1{font-size:clamp(48px,6vw,80px);line-height:1.02}.studio-heading>div>p:last-child:not(.eyebrow){font-size:14px;line-height:1.8;color:#526c75;margin-top:18px;max-width:390px}.studio-badge{display:inline-block;border:1px solid #a7c1c6;color:#176b85;background:#e1e9e6;font-size:8px;letter-spacing:1.4px;padding:8px 11px}.studio-steps{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #b7cccc}.studio-steps li{padding-top:16px;font-size:11px;color:#506f79;display:flex;gap:13px;align-items:center}.studio-steps span{font-size:11px;color:#087b9c;font-weight:700}.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start;scroll-margin-top:130px;padding-bottom:70px}.visual-panel{min-width:0;background:#f5f2eb;border:1px solid #c1d0ce;padding:24px}.visual-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.visual-toolbar .eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:9px}.visual-toolbar h2{font-size:25px;letter-spacing:-.7px}.canvas-tag{font-size:7px;color:#34616e;white-space:nowrap;letter-spacing:1px}.view-tabs{display:flex;gap:5px;margin:22px 0 15px}.view-tabs button{border:1px solid #bcced0;background:transparent;color:#3d626e;padding:10px 15px;font-size:10px;min-height:38px}.view-tabs button[aria-pressed=true]{background:#0b526f;color:white;border-color:#0b526f}.view-tabs button:disabled{opacity:.35;cursor:not-allowed}.pool-canvas{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ccdad9;isolation:isolate}.pool-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pool-canvas #design-photo{clip-path:inset(0 0 0 50%)}.canvas-label{position:absolute;bottom:14px;background:#092c42d9;color:#f5faf7;font-size:7px;letter-spacing:1px;padding:7px 9px;z-index:2}.original-label{left:12px}.design-label{right:12px}.compare-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;z-index:3}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:#0b607d;width:39px;height:39px;display:grid;place-items:center;font-size:22px;box-shadow:0 1px 12px #0b324450}.compare-control{padding:17px 0 6px}.compare-control label{display:block;text-align:center;font-size:10px;color:#4d707b}.compare-control input{width:100%;accent-color:#087da4;padding:0;background:transparent;border:0;height:32px;cursor:ew-resize;box-shadow:none}.render-note{font-size:10px;color:#5c7580;line-height:1.7;margin-top:13px}.sample-designs{border-top:1px solid #c6d2ce;margin-top:23px;padding-top:20px}.sample-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.sample-heading h3{font-size:16px;font-weight:550}.sample-heading>span{font-size:6px;letter-spacing:1px;color:#6c858c}.look-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.look-option{position:relative;text-align:left;padding:0;border:1px solid #becdcb;background:#ebece4;color:#153d4f;overflow:hidden}.look-option[aria-pressed=true]{border-color:#087c9f;box-shadow:0 0 0 1px #087c9f}.look-option>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.look-option>span{display:block;padding:12px}.look-option b{display:block;font-size:12px;font-weight:600}.look-option small{display:block;font-size:9px;margin-top:5px;color:#53717c}.look-option i{position:absolute;right:10px;top:10px;background:#f6f5eddf;padding:1px 7px;font-size:18px;font-style:normal}.design-controls{background:#e1e7e3;border:1px solid #bacfce;padding:25px}.design-controls>.eyebrow{font-size:8px;margin-bottom:12px}.design-controls>h2{font-size:31px;letter-spacing:-1px}.control-section{border-top:1px solid #b9cdcc;padding-top:21px;margin-top:23px}.control-section>h3{font-size:13px;font-weight:600;display:flex;align-items:center;gap:11px;margin-bottom:15px}.control-section>h3>span{font-size:9px;color:#0b809e}.photo-upload{position:relative;display:flex;flex-direction:column;align-items:center;border:1px dashed #7ba7b0;padding:20px 10px;background:#eef0e8;cursor:pointer;text-align:center}.photo-upload>span{font-size:26px;color:#087da1}.photo-upload b{font-size:12px;font-weight:600;margin:7px 0}.photo-upload small{font-size:9px;color:#5b7781}.photo-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-upload:focus-within{outline:2px solid #0781a4;outline-offset:3px}.photo-help,.favorites-note{font-size:10px;color:#536f79;line-height:1.7;margin-top:12px;overflow-wrap:anywhere}.favorites-note a{color:#086f94;text-decoration:underline}.palette-fields{display:grid;gap:13px;margin-top:16px}.palette-fields label{display:grid;gap:7px;color:#254e60;font-size:10px;font-weight:550}.palette-fields select{width:100%;color:#153f52;background:#f5f2eb;border:1px solid #9bb9bf;font-size:11px;color-scheme:light;padding:12px 10px;border-radius:0}.visualize-button,.estimate-button{width:100%;justify-content:space-between;font-size:11px;padding:14px;min-height:45px}.estimate-button{margin-top:17px;background:#173c50!important}.studio-status{font-size:10px;line-height:1.7;color:#2a596a;background:#f1f0e7;border-left:2px solid #1388a8;padding:12px;margin-top:13px}.studio-text-button{display:inline-block;font-size:10px;color:#0a7194;border:0;border-bottom:1px solid #8aafb7;background:transparent;margin-top:14px;padding:3px 0;text-align:left}.upload-error{font-size:11px;color:#8c3030;line-height:1.5;margin-top:12px}.custom-cover{position:absolute;inset:0;background:#072d40e8;color:#f4f5ed;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.custom-cover>span{font-size:40px;color:#68c8e4}.custom-cover h3{font-size:28px;margin-top:12px;font-weight:500;letter-spacing:-1px}.custom-cover p{max-width:340px;font-size:12px;color:#c1d5da;line-height:1.8;margin:15px 0 22px}.custom-cover .button{font-size:11px;padding:12px 16px}.studio-closing{border-top:1px solid #b6cccb;padding-top:50px;padding-bottom:65px}.studio-closing h2{font-size:40px}.studio-closing>.eyebrow{font-size:9px}.studio-closing>p:not(.eyebrow){max-width:480px;font-size:13px;color:#557580;margin:22px 0}.showroom-page [hidden]{display:none!important}.showroom-page button:focus-visible,.showroom-page a:focus-visible{outline:2px solid #0781a4;outline-offset:3px}@media(max-width:1000px){.studio-workspace{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.visual-panel{padding:18px}.design-controls{padding:20px}.studio-heading{gap:30px}.canvas-tag{display:none}.visual-toolbar h2{font-size:22px}.look-grid{gap:10px}.look-option>span{padding:10px}.sample-heading>span{display:none}}@media(max-width:800px){.studio-workspace{grid-template-columns:1fr}.studio-heading{grid-template-columns:1fr 1fr}.studio-heading h1{font-size:57px}.studio-steps{gap:15px}.studio-steps li{font-size:10px;gap:7px}.design-controls{padding:25px}.palette-fields{grid-template-columns:1fr 1fr;gap:18px}.photo-upload{padding:20px}.visual-toolbar h2{font-size:28px}.canvas-tag{display:inline-block}.custom-cover h3{font-size:30px}}@media(max-width:550px){.studio-intro{padding-top:22px}.studio-heading{grid-template-columns:1fr;gap:23px}.studio-heading h1{font-size:57px}.studio-heading>div>p:last-child:not(.eyebrow){font-size:13px}.studio-steps{gap:12px;margin-top:25px}.studio-steps li{font-size:9px;align-items:start;line-height:1.5;display:block}.studio-steps span{display:block;margin-bottom:5px}.visual-panel{padding:14px}.visual-toolbar h2{font-size:23px}.canvas-tag{font-size:6px}.view-tabs{margin-top:19px}.view-tabs button{flex:1;padding:10px 5px;font-size:9px}.canvas-label{font-size:6px;padding:6px}.look-option small{font-size:8px}.look-option b{font-size:11px}.compare-control label{font-size:9px}.custom-cover{padding:20px}.custom-cover>span{font-size:27px}.custom-cover h3{font-size:23px}.custom-cover p{font-size:10px;line-height:1.6;margin:10px 0 15px}.custom-cover .button{font-size:9px;padding:10px}.palette-fields{grid-template-columns:1fr}.studio-closing h2{font-size:33px}.studio-workspace{padding-bottom:45px}}