.grout-calculator[data-v-5d64ead7]{background:#fffefa;border:1px solid #dbe8e5;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #234c4112}.grout-header[data-v-5d64ead7]{background:linear-gradient(115deg,#e9f3ed,#f4f5e9 55%,#f9eadd);grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:1.5rem;padding:2rem;display:grid}.eyebrow[data-v-5d64ead7]{color:#9a6b4c;letter-spacing:.13em;font-size:.69rem;font-weight:800}.grout-header h2[data-v-5d64ead7],.panel-heading h3[data-v-5d64ead7],.field-group h4[data-v-5d64ead7]{font-family:var(--font-heading);letter-spacing:-.04em}.grout-header h2[data-v-5d64ead7]{color:#234d3c;max-width:640px;margin-top:.4rem;font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.16}.grout-header>div>p[data-v-5d64ead7]:last-child{color:#627a69;max-width:720px;margin-top:.8rem;font-size:.85rem;line-height:1.65}.tile-art[data-v-5d64ead7]{aspect-ratio:1;background:#8aafab;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;width:165px;padding:6px;display:grid;transform:rotate(-8deg);box-shadow:12px 12px #7b9c9233}.tile-art span[data-v-5d64ead7]{background:#f8f5e9;border-radius:3px}.tile-art span[data-v-5d64ead7]:nth-child(3n+2){background:#efe8d4}.tile-art span[data-v-5d64ead7]:nth-child(4){background:#e6e4d2}.workbench[data-v-5d64ead7]{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1rem;padding:1.5rem;display:grid}.input-panel[data-v-5d64ead7],.output-panel[data-v-5d64ead7]{border-radius:17px;min-width:0;padding:1.5rem}.input-panel[data-v-5d64ead7]{background:#f7faf5;border:1px solid #e0e9dd}.output-panel[data-v-5d64ead7]{color:#fff;background:#245642;flex-direction:column;display:flex}.panel-heading[data-v-5d64ead7]{align-items:center;gap:.7rem;display:flex}.heading-icon[data-v-5d64ead7]{color:#397052;background:#e2eee2;border-radius:12px;flex:0 0 42px;place-items:center;height:42px;display:grid}.panel-heading h3[data-v-5d64ead7]{color:#294f39;margin-top:.15rem;font-size:1.15rem}.output-panel .heading-icon[data-v-5d64ead7]{color:#edf8eb;background:#ffffff26}.output-panel .eyebrow[data-v-5d64ead7]{color:#c5e0ce}.output-panel h3[data-v-5d64ead7]{color:#fff}.reset-button[data-v-5d64ead7]{color:#456f53;font:inherit;cursor:pointer;background:#fff;border:1px solid #cddfd0;border-radius:9px;align-items:center;gap:.4rem;margin-left:auto;padding:.55rem .7rem;font-size:.72rem;font-weight:800;display:inline-flex}.reset-button[data-v-5d64ead7]:hover{background:#ecf4e9}.reset-button[data-v-5d64ead7]:focus-visible,.back-to-tiles[data-v-5d64ead7]:focus-visible,input[data-v-5d64ead7]:focus-visible{outline-offset:2px;outline:2px solid #5b8e6d}.field-group[data-v-5d64ead7]{border-top:1px solid #dbe7da;margin-top:1.4rem;padding-top:1.25rem}.field-group h4[data-v-5d64ead7]{color:#315b43;font-size:.98rem}.field-group>p[data-v-5d64ead7]{color:#718574;margin-top:.3rem;font-size:.73rem;line-height:1.5}.fields[data-v-5d64ead7]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.9rem;display:grid}.field[data-v-5d64ead7]{min-width:0}.field label[data-v-5d64ead7]{color:#365c45;margin-bottom:.4rem;font-size:.73rem;font-weight:800;display:block}.field label small[data-v-5d64ead7]{color:#7a8d7f;font-weight:500}.input-wrap[data-v-5d64ead7]{background:#fff;border:1px solid #cbdbce;border-radius:10px;align-items:center;gap:.35rem;min-height:45px;padding:.45rem .65rem;display:flex}.input-wrap[data-v-5d64ead7]:focus-within{border-color:#609271;box-shadow:0 0 0 3px #6092712a}.input-wrap[data-v-5d64ead7]:has(input[aria-invalid=true]){border-color:#c77a65}.input-wrap input[data-v-5d64ead7]{color:#234e38;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:.96rem;font-weight:800}.input-wrap span[data-v-5d64ead7]{color:#748a79;flex:none;font-size:.67rem;font-weight:800}.field-help[data-v-5d64ead7],.field-error[data-v-5d64ead7]{margin-top:.35rem;font-size:.69rem;line-height:1.45}.field-help[data-v-5d64ead7]{color:#748879}.field-error[data-v-5d64ead7]{color:#a54d3e}.primary-result[data-v-5d64ead7]{background:#ffffff14;border:1px solid #ffffff39;border-radius:13px;gap:.1rem;margin-top:1.6rem;padding:1.2rem;display:grid}.primary-result span[data-v-5d64ead7]{color:#d8ebd8;font-size:.78rem;font-weight:800}.primary-result strong[data-v-5d64ead7]{font-family:var(--font-heading);letter-spacing:-.05em;font-size:clamp(2rem,4vw,3rem)}.primary-result strong small[data-v-5d64ead7]{font-size:.45em}.primary-result p[data-v-5d64ead7]{color:#c7ddce;font-size:.73rem}.result-rows[data-v-5d64ead7]{gap:.7rem;margin:1.3rem 0 0;display:grid}.result-rows>div[data-v-5d64ead7],.cost-result[data-v-5d64ead7]{justify-content:space-between;align-items:baseline;gap:.7rem;display:flex}.result-rows dt[data-v-5d64ead7],.cost-result span[data-v-5d64ead7]{color:#d3e6d6;font-size:.73rem}.result-rows dd[data-v-5d64ead7]{text-align:right;white-space:nowrap;margin:0;font-size:.78rem;font-weight:800}.cost-result[data-v-5d64ead7]{background:#ffffff1c;border-radius:10px;margin-top:1.25rem;padding:.9rem}.cost-result strong[data-v-5d64ead7]{font-family:var(--font-heading);text-align:right;font-size:1.05rem}.result-hint[data-v-5d64ead7],.empty-result p[data-v-5d64ead7],.output-note[data-v-5d64ead7]{color:#c9dfd1;font-size:.74rem;line-height:1.6}.result-hint[data-v-5d64ead7]{margin-top:1rem}.empty-result[data-v-5d64ead7]{margin-top:1.5rem}.empty-result strong[data-v-5d64ead7]{font-family:var(--font-heading);font-size:3rem}.share-action[data-v-5d64ead7]{align-self:flex-start;margin-top:1.3rem}.output-note[data-v-5d64ead7]{margin-top:auto;padding-top:1.5rem}.after-result[data-v-5d64ead7]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.8rem 1.6rem;display:flex}.after-result[data-v-5d64ead7] .add-row{margin-top:0}.back-to-tiles[data-v-5d64ead7]{color:#2d6747;align-items:center;gap:.35rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.back-to-tiles[data-v-5d64ead7]:hover{text-decoration:underline}.method-note[data-v-5d64ead7]{background:#f7f6ee;border-top:1px solid #e3e8da;padding:1.15rem 1.8rem}.method-note strong[data-v-5d64ead7]{color:#315a42;font-size:.78rem}.method-note p[data-v-5d64ead7]{color:#687b6c;max-width:900px;margin-top:.25rem;font-size:.72rem;line-height:1.6}.method-note a[data-v-5d64ead7]{color:#276342;text-underline-offset:2px;font-weight:800}@media (width<=850px){.workbench[data-v-5d64ead7]{grid-template-columns:1fr}.tile-art[data-v-5d64ead7]{width:125px}}@media (width<=600px){.grout-header[data-v-5d64ead7]{grid-template-columns:1fr;padding:1.4rem}.tile-art[data-v-5d64ead7]{display:none}.workbench[data-v-5d64ead7]{padding:.9rem}.input-panel[data-v-5d64ead7],.output-panel[data-v-5d64ead7]{padding:1.2rem}.panel-heading[data-v-5d64ead7]{flex-wrap:wrap}.reset-button[data-v-5d64ead7]{margin-left:0}.fields[data-v-5d64ead7]{grid-template-columns:1fr}.after-result[data-v-5d64ead7]{padding:.3rem 1.2rem 1.3rem}.method-note[data-v-5d64ead7]{padding:1.1rem 1.2rem}}