@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:Golos Text,sans-serif;font-size:16px;color:#343b31;background:#f9f8f3;font-synthesis:none;--paper:#fffefa;--sage:#637356;--sage-light:#eaf0e1;--ink:#343b31;--muted:#626b59;--line:#dfdfd1;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:20px}button,input{font:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit;cursor:pointer;min-height:44px;font-size:16px;padding:10px 12px}button,a,input,summary{outline-offset:4px;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,.upload-button:focus-within{outline:3px solid #526c3b}button:disabled{opacity:.45;cursor:not-allowed}button,.primary{transition:transform .16s var(--ease-out),background-color .16s ease,border-color .16s ease}button:active,.primary:active{transform:scale(.975)}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.045em;font-weight:600}h3{font-size:16px;font-weight:550;line-height:1.5}p{font-size:16px;line-height:1.65}small,.helper,.muted{font-size:14px;color:var(--muted)}small{line-height:1.6}.helper{line-height:1.65;margin-top:12px}.muted{font-weight:400}svg{flex-shrink:0}input[type=checkbox]{width:20px;height:20px;accent-color:var(--sage);flex-shrink:0}main,.site-header,footer{max-width:1480px;margin:auto;padding-left:40px;padding-right:40px}.skip-link{position:fixed;left:10px;top:10px;padding:14px;background:#fffefa;z-index:50;transform:translateY(-160%)}.skip-link:focus{transform:none}[hidden]{display:none!important}.site-header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font:800 36px Manrope,sans-serif;letter-spacing:-.06em}.brand-symbol{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-9deg);margin-right:5px}.brand-symbol i{width:9px;height:9px;border-radius:2px;background:var(--sage)}.brand-symbol i:last-child{opacity:.55}.brand-description{font:400 14px Golos Text,sans-serif;letter-spacing:0;border-left:1px solid #d5d7c9;margin-left:12px;padding-left:18px;color:var(--muted);max-width:115px;line-height:1.4}.site-header nav{display:flex;gap:30px}.site-header nav a{display:flex;align-items:center;min-height:44px;font-size:16px;color:var(--muted)}.region{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.region>span,.live-dot{width:7px;height:7px;background:#79955c;border-radius:50%;display:inline-block;flex-shrink:0}.hero{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:35px 0 38px}.hero-label{font-size:14px;color:var(--muted);margin-bottom:13px}.hero h1{font-size:clamp(32px,3.5vw,47px);line-height:1.15}.hero-description{max-width:340px}.hero-description p{font-size:16px;color:var(--muted)}.hero-description>span{display:flex;align-items:center;gap:7px;color:#506741;font-size:14px;margin-top:17px}.workspace{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:24px;align-items:start;--preview-height:40svh;scroll-margin-top:20px}.preview-panel{position:sticky;top:24px;height:calc(100dvh - var(--workbench-top, 320px) - 24px);max-height:880px;border-radius:26px;background:#eeece2;display:flex;flex-direction:column;min-width:0;box-shadow:inset 0 0 0 1px #e7e4d7;z-index:12}.preview-panel.is-collapsed{height:auto;min-height:64px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 24px 0;min-height:62px}.preview-title{display:flex;align-items:center;gap:8px}.preview-title strong{font-size:16px;font-weight:500}.collapse-button{display:flex;align-items:center;gap:5px;font-size:14px;border-radius:9px;min-width:44px}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px}.segmented{display:flex;background:#e3e5d9;border-radius:12px;padding:4px;gap:3px;min-width:0}.segmented>button{border-radius:9px;min-height:44px;font-size:14px;flex:1;white-space:normal}.segmented>button.selected{color:#344b27;background:#fffef8;box-shadow:0 1px 4px #59604719}.preview-controls .segmented{min-width:160px}.material-badge{font-size:14px;line-height:1.4;background:#fffdf8;color:#454b3d;border:1px solid #d3d0bf;border-radius:8px;padding:8px 11px;font-weight:500;white-space:nowrap}.preview-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:5px 15px}.room-svg,.trace-canvas{display:block;width:100%;height:100%;min-height:0}.dimension-text{font-size:20px;font-family:Golos Text,sans-serif;fill:#4f5844}.preview-caption{display:flex;align-items:center;gap:13px;padding:20px 24px 24px;min-width:0}.preview-caption strong{display:block;font-size:16px;font-weight:500;line-height:1.45}.preview-caption div>span{display:block;font-size:14px;color:var(--muted);margin-top:6px;line-height:1.5}.mini-swatch{display:block;width:44px;height:44px;border-radius:9px;background-size:cover;border:1px solid #b8b49e;flex-shrink:0}.keyboard-cursor{display:none}html[data-input=keyboard] .trace-canvas:focus .keyboard-cursor{display:block}.trace-canvas{cursor:crosshair;touch-action:manipulation}.settings-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;min-width:0;height:calc(100dvh - var(--workbench-top, 320px) - 24px);max-height:880px;position:sticky;top:24px;display:flex;flex-direction:column;overflow:hidden}.step-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:12px 12px 10px;background:var(--paper);border-bottom:1px solid var(--line);flex-shrink:0;z-index:13}.step-tabs button{padding:9px 4px;border-radius:12px;display:flex;flex-direction:column;gap:7px;align-items:center;font-size:14px;color:var(--muted);min-height:72px}.step-tabs button>span{width:23px;height:23px;border-radius:50%;background:#eeefe5;display:grid;place-items:center;font-size:14px}.step-tabs button[aria-selected=true]{background:#edf2e6;color:#3e5730}.step-tabs button[aria-selected=true]>span{background:var(--sage);color:#fff}.step-content{padding:26px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bdc5ae transparent;flex:1;min-height:0;overscroll-behavior:contain}.step-content>section{min-width:0}.panel-heading{margin-bottom:24px}.panel-heading h2{font-size:29px;line-height:1.25}.panel-heading p{color:var(--muted);font-size:16px;margin-top:10px}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;border-top:1px solid var(--line);background:#fffefa;flex-shrink:0;z-index:15}.panel-footer>div{display:flex;flex-direction:column;gap:4px}.panel-footer>div>span{font-size:14px;color:var(--muted)}.panel-footer strong{font-size:26px;letter-spacing:-.035em;white-space:nowrap;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums}.primary,.small-primary{background:var(--sage);color:#fffef7;border-radius:12px;padding:13px 16px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:16px;font-weight:500;line-height:1.45}.small-primary{font-size:14px;min-height:44px;padding:10px 13px}.primary.disabled{pointer-events:none;opacity:.45}.next-step{width:100%;margin-top:24px;justify-content:space-between}.panel-footer .primary{font-size:14px;min-width:0}.quiet-button,.back-button{display:flex;gap:7px;align-items:center;color:#4d633d;font-size:14px;min-height:44px;border-radius:10px;padding:9px 10px;border:1px solid transparent}.back-button{padding-left:0;text-align:left}.error{color:#963b24;font-size:14px;line-height:1.6;margin-top:12px}.room-templates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px}.room-templates button{border:1px solid var(--line);border-radius:13px;padding:14px 2px;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:14px;min-width:0}.room-templates button.active,.layout-options button.active{background:#edf2e6;border-color:#7d9568;color:#3f5830;box-shadow:inset 0 0 0 1px #7d9568}.shape-modes{margin-top:14px}.shape-modes>button:first-child{flex:1.35}.shape-modes>button{padding:10px 5px;overflow-wrap:anywhere}.dimensions,.opening-fields{display:flex;align-items:flex-end;gap:12px;margin-top:22px}.dimensions>span{color:var(--muted);padding-bottom:15px}.number-label{display:flex;flex:1;flex-direction:column;gap:9px;font-size:14px;min-width:0;color:var(--muted)}.number-input{display:flex;align-items:center;border:1px solid #aeb59e;border-radius:11px;min-height:49px;background:var(--paper);padding-right:13px;gap:8px}.number-input:focus-within{outline:3px solid #6e86502b;border-color:#637c49}.number-input input{font-size:18px;padding:12px 0 12px 13px;min-width:0;width:100%;border:0;background:none;color:#343b31;outline:none;min-height:48px;font-variant-numeric:tabular-nums}.number-input>span{font-size:14px}.number-input:has(input[aria-invalid=true]){border-color:#a54d33}.panel-divider{height:1px;background:var(--line);margin:24px 0}.surface-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.surface-options label{display:flex;align-items:center;gap:7px;min-height:48px;background:#f0f3e9;border-radius:11px;padding:10px 9px;font-size:16px;cursor:pointer}.surface-options label>span{margin-left:auto;font-size:14px;color:var(--muted)}.wall-height{margin-top:20px}.wall-rule{background:#f2f4eb;padding:12px;border-radius:10px}.openings{margin:10px 0 20px}.opening{padding:12px 0;border-bottom:1px solid var(--line)}.opening-toggle{display:flex;align-items:center;gap:8px;min-height:44px;font-size:16px;cursor:pointer}.opening-toggle small{margin-left:auto;font-size:14px}.opening-fields{margin-top:8px;gap:12px}.shape-settings{margin-top:18px}.drawing-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.drawing-tools .quiet-button{border:1px solid var(--line);justify-content:center}.drawing-instruction{font-size:16px;line-height:1.6;margin-top:16px;color:#4d5f3d}.upload-button{display:flex;gap:10px;align-items:center;justify-content:center;min-height:72px;padding:18px 12px;border:1px dashed #8c9d78;border-radius:14px;position:relative;font-size:16px;color:#425b32;cursor:pointer;background:#f2f5ea;text-align:center}.upload-button input{position:absolute;width:100%;height:100%;opacity:0;inset:0;cursor:pointer}.plan-opacity{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px;font-size:14px}.plan-opacity span{margin-left:auto}.plan-opacity input{width:100%;min-height:44px;accent-color:var(--sage)}.calibration-box{padding:16px;background:#f2f4ea;border-radius:13px;margin-top:14px}.calibration-box>strong{font-size:16px}.calibration-box p{font-size:16px;margin-top:9px}.calibration-box .number-label{margin:14px 0}.calibration-box .small-primary{width:100%}.calibration-box p:has(svg){display:flex;align-items:center;gap:7px}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tile-card{border:1px solid var(--line);padding:6px;border-radius:16px;min-width:0;background:var(--paper)}.tile-card.is-selected{border-color:#637d4a;box-shadow:0 0 0 1px #637d4a}.tile-select{width:100%;display:block;padding:0;text-align:left;border-radius:11px;min-width:0}.tile-photo{background-size:cover;background-position:center;aspect-ratio:1.35;position:relative;min-width:0;border-radius:10px;box-shadow:inset 0 0 20px #4c42210d}.tile-size{position:absolute;top:8px;left:8px;padding:5px 7px;border:1px solid #d4cdbd;border-radius:6px;font-size:14px;line-height:1.35;background:#fffdf8;color:#343b31;opacity:1;font-weight:500}.tile-check{position:absolute;right:7px;bottom:7px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--sage)}.tile-info{display:flex;flex-direction:column;gap:8px;padding:13px 8px 6px}.tile-collection{font-size:14px;line-height:1.5;color:var(--muted)}.tile-info>strong{font-size:16px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.tile-price{font-size:18px;font-weight:550;letter-spacing:-.025em}.tile-price small{margin-left:3px;font-size:14px;font-weight:400;white-space:nowrap}.compare-toggle{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 3px;width:100%;min-height:44px;font-size:14px;border-radius:9px;color:#4d633d;margin-top:4px}.compare-toggle[aria-pressed=true]{background:#edf2e6}.compare-notice{margin:18px 0}.comparison{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.comparison-grid{display:grid;gap:9px;margin-top:18px}.comparison-grid article{min-width:0;border:1px solid var(--line);border-radius:12px;padding:9px;background:#f8f9f2}.compare-texture{width:100%;height:70px;background-size:cover;border-radius:7px}.comparison-grid h4{font-size:14px;line-height:1.5;font-weight:500;margin:12px 0 8px;overflow-wrap:anywhere}.comparison-grid p{font-size:14px;color:var(--muted)}.comparison-grid strong{display:block;font-size:17px;font-weight:550;margin-top:8px;line-height:1.5}.comparison-grid .quiet-button{font-size:14px;padding:8px 0;width:100%;justify-content:center}.layout-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.layout-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:13px;font-size:16px;min-height:100px}.rotate-button{width:100%;border-color:var(--line);margin-top:14px;padding:12px}.rotate-button>span{margin-left:auto}.grout-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;margin-top:15px}.grout-swatches button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:7px 0;min-height:70px;border-radius:10px}.grout-swatches button>span{width:40px;height:40px;border:4px solid var(--paper);box-shadow:0 0 0 1px #aaa995;border-radius:50%;display:grid;place-items:center;color:#343b31}.grout-swatches button.selected>span{box-shadow:0 0 0 2px #4c6636}.grout-swatches small{font-size:14px;overflow-wrap:anywhere;text-align:center;line-height:1.4}.grout-swatches .selected small{color:#344b27;font-weight:500}.step-content h3>.muted{display:block;margin-top:4px}.reserve{margin-top:15px}.reserve>button{font-size:16px}.bill-row{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.bill-row>svg{color:#6e7e5a;margin:0 10px;width:24px}.bill-row>div{min-width:0;flex:1}.bill-row strong{display:block;font-weight:500;font-size:16px;line-height:1.5}.bill-row div>span{display:block;font-size:14px;line-height:1.6;color:var(--muted);margin-top:6px}.bill-row>b{font-size:16px;white-space:nowrap;font-weight:550}.calculation-detail{margin:17px 0}.calculation-detail summary{font-size:14px;min-height:44px;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;color:#4d633d}.calculation-detail p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:14px}.total-panel{padding:24px;border-radius:18px;background:#edf1e4;margin-top:20px}.total-panel>span{font-size:14px;color:#536343}.total-panel>strong{display:block;font-size:40px;font-weight:600;letter-spacing:-.04em;margin:15px 0;line-height:1.2;font-variant-numeric:tabular-nums}.total-panel>p{font-size:16px;color:#59664a;line-height:1.65;margin:13px 0 22px}.whatsapp{justify-content:space-between;text-align:left;font-size:16px;min-height:64px}.whatsapp span{min-width:0}.total-panel>small{display:block;margin-top:16px;font-size:14px;line-height:1.65;color:#59664a}.result-footnote{margin-top:18px}.how-section{padding:60px 0}.how-section>h2{font-size:30px}.how-section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:30px}.how-section b{display:block;font-size:16px;color:var(--ink);margin-bottom:10px;font-weight:550}.how-section p{font-size:16px;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:30px;padding-bottom:32px}footer>span,footer>small{font-size:14px;color:var(--muted)}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled),.quiet-button:hover{background-color:#e8eddf}.tile-select:hover{background-color:transparent}.tile-card:hover{border-color:#879d71}.primary:hover,.small-primary:hover{background:#4e633e}.collapse-button:hover{background:#e2e5d6}.site-header nav a:hover{color:#2f4c21;text-decoration:underline;text-underline-offset:5px}}html[data-input=keyboard] *,html[data-input=keyboard] *:before,html[data-input=keyboard] *:after{transition:none!important;animation:none!important}html[data-input=keyboard] button:active{transform:none}@media(max-width:1199px)and (min-width:1024px){main,.site-header,footer{padding-left:24px;padding-right:24px}.workspace{gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.step-content{padding:20px}.panel-footer{padding:16px}.panel-footer strong{font-size:24px}.panel-footer .primary{padding:12px 10px}.preview-caption,.preview-toolbar{padding-left:19px;padding-right:19px}.tile-info{padding-left:5px;padding-right:5px}.tile-size{left:6px;top:6px;font-size:14px;padding:4px}.brand-description{display:none}.grout-swatches small{font-size:14px}.panel-heading h2{font-size:26px}}@media(max-width:1023px){html{scroll-padding-top:0}main,.site-header,footer{padding-left:24px;padding-right:24px}.site-header{height:82px}.hero{gap:26px;padding:28px 0}.hero h1{font-size:36px}.hero-description{max-width:280px}.workspace{display:block;--preview-height:40svh;scroll-margin-top:0}.workspace[data-collapsed=true]{--preview-height:64px}.preview-panel{top:0;height:var(--preview-height);min-height:230px;max-height:410px;width:100%;border-radius:20px 20px 0 0;z-index:20;box-shadow:0 8px 15px #77795809,inset 0 0 0 1px #dedfd0}.preview-panel.is-collapsed{min-height:64px;height:64px;border-radius:15px}.preview-toolbar{padding:5px 17px 0;min-height:51px;flex-shrink:0}.preview-title strong{font-size:16px}.collapse-button{min-height:44px;padding:8px;font-size:14px}.preview-controls{padding:4px 17px;flex-shrink:0}.preview-controls .segmented{padding:2px;min-width:146px}.preview-controls .segmented>button{min-height:44px;padding:7px 12px}.material-badge{font-size:14px;padding:7px 8px}.preview-stage{padding:0 8px}.preview-caption{padding:7px 18px 11px;gap:10px;flex-shrink:0;min-height:60px}.preview-caption .mini-swatch{width:35px;height:35px}.preview-caption strong{font-size:16px}.preview-caption div>span{font-size:14px;line-height:1.45;margin-top:3px}.dimension-text{font-size:36px}.settings-card{height:auto;max-height:none;position:static;overflow:visible;border-radius:0 0 20px 20px;border-top:0}.step-tabs{position:sticky;top:var(--preview-height);z-index:19;padding:8px 12px;border-bottom:1px solid var(--line);box-shadow:0 6px 12px #77795806}.step-tabs button{min-height:64px;font-size:14px;padding:7px 3px;gap:5px}.step-content{padding:26px;overflow:visible;min-height:480px;overscroll-behavior:auto}.panel-footer{position:fixed;bottom:0;left:0;right:0;z-index:30;min-height:88px;max-height:110px;padding:13px 24px calc(13px + env(safe-area-inset-bottom));background:#fffefaf5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -5px 20px #62694f0c}.panel-footer>div{flex-direction:row;align-items:center;gap:12px}.panel-footer .primary{font-size:16px}.panel-footer strong{font-size:28px}.how-section{padding:45px 0}.how-section>div{gap:23px}footer{padding-bottom:125px;flex-wrap:wrap}.tile-photo{aspect-ratio:1.8}.layout-options{grid-template-columns:repeat(4,minmax(0,1fr))}.grout-swatches{max-width:450px}.openings{max-width:none}.comparison-grid strong{font-size:22px}.comparison-grid h4{font-size:16px}.comparison-grid p{font-size:14px}.preview-panel.is-collapsed .preview-toolbar{min-height:64px}}@media(max-width:640px){main,.site-header,footer{padding-left:16px;padding-right:16px}.brand{font-size:32px}.brand-description,.site-header nav{display:none}.site-header{height:74px}.region{font-size:14px;gap:6px}.hero{display:block;padding:25px 0 24px}.hero-label{font-size:14px;margin-bottom:10px}.hero h1{font-size:34px;line-height:1.18}.hero-description{max-width:none;margin-top:15px}.hero-description p{font-size:16px;line-height:1.65}.hero-description>span{margin-top:11px;font-size:14px}.preview-panel{border-radius:17px 17px 0 0;min-height:270px;max-height:390px}.preview-toolbar{padding-left:13px;padding-right:10px}.preview-controls{padding-left:13px;padding-right:13px}.preview-caption{padding-left:13px;padding-right:13px;min-height:63px}.preview-caption strong{line-height:1.3}.preview-caption div>span{line-height:1.4}.preview-title{gap:6px}.preview-title strong{font-size:16px}.collapse-button{font-size:14px;padding:7px 5px;gap:1px}.preview-stage{padding:0}.dimension-text{font-size:38px}.step-tabs{padding:7px 6px;gap:3px}.step-tabs button{font-size:14px;min-height:67px;letter-spacing:-.015em}.step-content{padding:22px 17px;min-height:520px}.panel-heading h2{font-size:27px}.panel-heading{margin-bottom:21px}.panel-heading p{font-size:16px}.room-templates{gap:7px}.room-templates button{font-size:14px;padding:12px 1px;gap:8px}.shape-modes{padding:3px;gap:2px}.shape-modes>button{font-size:14px;padding:9px 3px;min-height:48px;line-height:1.35}.dimensions{gap:10px}.surface-options{gap:8px}.surface-options label{padding:10px 7px;gap:5px}.surface-options label>span{font-size:14px}.opening-toggle{gap:7px}.opening-fields .number-label{font-size:14px;line-height:1.4}.tile-grid{gap:11px}.tile-card{padding:5px;border-radius:14px}.tile-photo{aspect-ratio:1.1}.tile-size{font-size:14px;left:6px;top:6px;padding:4px 5px}.tile-info{padding:11px 5px 3px;gap:8px}.tile-collection{font-size:14px;line-height:1.4;min-height:39px}.tile-info strong{font-size:16px;line-height:1.4;min-height:45px}.tile-price{font-size:18px;display:flex;flex-wrap:wrap;gap:4px;line-height:1.5}.tile-price small{font-size:14px;margin-left:0}.compare-toggle{font-size:14px;gap:3px;padding:9px 1px}.layout-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.grout-swatches{gap:4px}.grout-swatches button{min-width:0}.grout-swatches small{font-size:14px;line-height:1.45}.grout-swatches button>span{width:38px;height:38px}.comparison-grid{gap:6px}.comparison-grid article{padding:7px}.comparison-grid h4{font-size:14px;line-height:1.4;min-height:60px}.comparison-grid strong{font-size:16px;white-space:normal;overflow-wrap:anywhere;letter-spacing:-.025em}.comparison-grid button{font-size:14px}.bill-row{gap:10px}.bill-row>b{font-size:16px}.bill-row .mini-swatch{width:33px;height:40px}.bill-row>svg{width:20px;margin:0 7px}.bill-row strong{font-size:16px}.bill-row div>span{font-size:14px}.total-panel{padding:21px 17px}.total-panel>strong{font-size:39px}.whatsapp{gap:9px;padding:12px;font-size:16px}.panel-footer{padding-left:16px;padding-right:16px;gap:10px}.panel-footer>div{flex-direction:column;gap:3px;align-items:flex-start}.panel-footer strong{font-size:25px}.panel-footer .primary{font-size:14px;padding:13px 12px;gap:7px}.how-section h2{font-size:28px}.how-section>div{grid-template-columns:1fr;gap:23px}.how-section p{font-size:16px}footer{gap:18px}footer>span{max-width:220px;flex:1;font-size:14px;text-align:right}footer>small{flex-basis:100%;font-size:14px;line-height:1.6}.helper,.back-button{font-size:14px}.upload-button{font-size:16px}.plan-opacity{font-size:14px}.preview-panel.is-collapsed{min-height:64px}}@media(max-width:355px){main,.site-header,footer{padding-left:12px;padding-right:12px}.hero h1{font-size:30px}.step-content{padding:20px 13px}.surface-options{grid-template-columns:1fr}.shape-modes>button{font-size:14px}.tile-info{padding-left:3px;padding-right:3px}.tile-size{left:4px;top:4px;font-size:14px;padding:4px}.tile-price{font-size:17px}.room-templates{grid-template-columns:repeat(2,1fr)}.preview-title strong,.preview-caption strong{font-size:16px}.bill-row{flex-wrap:wrap}.bill-row>b{margin-left:auto}.grout-swatches{grid-template-columns:repeat(2,1fr)}.panel-footer strong{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:opacity .12s ease!important;scroll-behavior:auto!important}button:active,.primary:active{transform:none!important}}.trace-canvas{outline:none}.trace-canvas:focus-visible{outline:3px solid #526c3b;border-radius:10px}