.kpp-tool{--kpp-navy: #1f3a5f;--kpp-terracotta: #e07a3f;--kpp-sage: #6fa8a0;--kpp-off-white: #faf7f2;--kpp-charcoal: #22262b;--kpp-line: #e0d8cc;--kpp-muted: #3e4650;--kpp-error: #7a2430;--kpp-font-heading: Fraunces, Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif;--kpp-font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;box-sizing:border-box;display:block;width:100%;max-width:1024px;margin:0 auto 1.5em;padding:1em;background:var(--kpp-off-white);color:var(--kpp-charcoal);font-family:var(--kpp-font-body);font-size:16px;line-height:1.5;color-scheme:light;border:1px solid var(--kpp-line);border-radius:16px;box-shadow:0 10px 28px #1f3a5f0d;container-type:inline-size;container-name:kpp}.kpp-tool *,.kpp-tool *:before,.kpp-tool *:after{box-sizing:border-box}.kpp-tool [hidden]{display:none!important}.kpp-tool h1,.kpp-tool h2,.kpp-tool h3,.kpp-tool p,.kpp-tool ul,.kpp-tool ol,.kpp-tool dl,.kpp-tool dd,.kpp-tool dt,.kpp-tool figure{margin:0;padding:0}.kpp-tool ul,.kpp-tool ol{list-style:none}.kpp-tool button,.kpp-tool input,.kpp-tool select{font:inherit;color:inherit}.kpp-tool__intro{margin-bottom:1em}.kpp-tool__title{font-family:var(--kpp-font-heading);font-weight:600;font-size:1.85em;line-height:1.15;letter-spacing:-.03em;color:var(--kpp-navy)}.kpp-tool__title:after{content:"";display:block;width:3em;height:.16em;margin-top:.4em;background:var(--kpp-terracotta);border-radius:999px}.kpp-tool__lede,.kpp-tool__noscript,.kpp-note,.kpp-method p{max-width:68ch}.kpp-tool__lede{margin-top:.75em}.kpp-tool__noscript{margin-top:.8em}.kpp-layout{display:flex;flex-direction:column;gap:1em}.kpp-form{display:block}.kpp-tool fieldset{border:1px solid var(--kpp-line);margin:0 0 .8em;padding:.75em 1em 1em;min-inline-size:0;background:#fff;border-radius:14px}.kpp-legend,.kpp-results__title,.kpp-method__title{font-family:var(--kpp-font-heading);font-weight:600;color:var(--kpp-navy);letter-spacing:-.02em}.kpp-legend{padding:0 .35em;font-size:1.15em}.kpp-results__title,.kpp-method__title{font-size:1.35em;line-height:1.2}.kpp-grid{display:grid;gap:.75em 1em;margin-bottom:.75em}.kpp-grid--2,.kpp-grid--3{grid-template-columns:1fr}.kpp-field{min-width:0}.kpp-label{display:block;margin-bottom:.3em;font-weight:700;color:var(--kpp-navy)}.kpp-input{display:block;width:100%;min-height:44px;padding:.5em .7em;background:#fff;border:1px solid #c9c2b6;border-radius:8px}.kpp-tool .kpp-input:focus-visible,.kpp-tool button:focus-visible,.kpp-tool summary:focus-visible{outline:3px solid var(--kpp-navy);outline-offset:2px}.kpp-hint{margin-top:.3em;color:var(--kpp-muted);font-size:.875em}.kpp-error{margin-top:.3em;color:var(--kpp-error);font-size:.875em;font-weight:700}.kpp-input[aria-invalid=true]{border-color:var(--kpp-error)}.kpp-checks{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:.75em}.kpp-check{display:inline-flex;align-items:center;gap:.5em;min-height:44px;margin:0;padding:.25em .75em;background:#fff;border:1px solid var(--kpp-line);border-radius:999px;cursor:pointer}.kpp-check input{width:1.15em;height:1.15em;margin:0;accent-color:var(--kpp-navy)}.kpp-actions{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:.8em}.kpp-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55em 1.1em;border-radius:999px;border:1px solid var(--kpp-navy);background:transparent;color:var(--kpp-navy);font-weight:700;line-height:1.2;cursor:pointer}.kpp-button--primary{width:100%;background:var(--kpp-navy);color:var(--kpp-off-white)}.kpp-button:hover{background:#1f3a5f0f}.kpp-button--primary:hover{background:#18324f}.kpp-button:disabled{opacity:.45;cursor:not-allowed}.kpp-tool details{margin:0 0 .9em;padding:.25em .9em .85em;background:#fff;border:1px solid var(--kpp-line);border-radius:14px}.kpp-tool summary{display:flex;align-items:center;min-height:44px;color:var(--kpp-navy);font-weight:700;cursor:pointer}.kpp-details__body{margin-top:.5em;margin-bottom:0}.kpp-banner{margin-bottom:1em;padding:.8em 1em;background:#fff;color:var(--kpp-navy);font-weight:700;border:1px solid var(--kpp-navy);border-left:6px solid var(--kpp-terracotta);border-radius:12px}.kpp-results{min-height:10em;padding:1em;background:#fff;border:1px solid var(--kpp-line);border-left:5px solid var(--kpp-sage);border-radius:14px}.kpp-results__lead{margin-top:.35em}.kpp-range{margin:.2em 0;font-family:var(--kpp-font-heading);font-size:1.8em;font-weight:600;line-height:1.15;letter-spacing:-.03em;color:var(--kpp-navy)}.kpp-buy{display:grid;gap:.1em;padding:.7em 0;border-top:1px solid var(--kpp-line)}.kpp-buy:first-child{border-top:0;padding-top:.35em}.kpp-buy__label{font-weight:700;color:var(--kpp-navy)}.kpp-buy__qty{font-family:var(--kpp-font-heading);font-size:1.35em;font-weight:600;line-height:1.2;color:var(--kpp-navy)}.kpp-buy__meta{color:var(--kpp-muted);font-size:.875em}.kpp-buy-list{margin-top:.6em}.kpp-dl{display:grid;gap:.65em;margin-top:.9em}.kpp-dl div{display:grid;gap:.1em}.kpp-dl dt{color:var(--kpp-navy);font-size:.82em;font-weight:700}.kpp-warning{margin-top:.7em;padding:.6em .75em;color:#6d2a14;background:#fff4ec;border:1px solid var(--kpp-terracotta);border-radius:8px}.kpp-error-list{margin-top:.6em;padding-left:1.15em;list-style:disc}.kpp-method{display:grid;gap:.65em;margin-top:1.25em}.kpp-note{margin-top:.75em}@container kpp (min-width: 560px){.kpp-grid--2{grid-template-columns:1fr 1fr}.kpp-grid--3{grid-template-columns:1fr 1fr 1fr}.kpp-button--primary{width:auto}}@container kpp (min-width: 840px){.kpp-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(16em,.85fr);gap:1.25em;align-items:start}.kpp-results{position:sticky;top:1em}}.kpp-tool[data-kpp-tool=paint-calculator] .kpp-tool__mount{min-height:1976px}.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:2976px}@container kpp (min-width: 280px){.kpp-tool[data-kpp-tool=paint-calculator] .kpp-tool__mount{min-height:1832px}.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:2700px}}@container kpp (min-width: 320px){.kpp-tool[data-kpp-tool=paint-calculator] .kpp-tool__mount{min-height:1764px}.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:2540px}}@container kpp (min-width: 360px){.kpp-tool[data-kpp-tool=paint-calculator] .kpp-tool__mount{min-height:1600px}.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:2400px}}@container kpp (min-width: 400px){.kpp-tool[data-kpp-tool=paint-calculator] .kpp-tool__mount{min-height:1572px}.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:2308px}}@container kpp (min-width: 440px){.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:2208px}}@container kpp (min-width: 480px){.kpp-tool[data-kpp-tool=paint-calculator] .kpp-tool__mount{min-height:1548px}.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:2156px}}@container kpp (min-width: 520px){.kpp-tool[data-kpp-tool=paint-calculator] .kpp-tool__mount{min-height:1524px}.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:2088px}}@container kpp (min-width: 560px){.kpp-tool[data-kpp-tool=paint-calculator] .kpp-tool__mount{min-height:1140px}.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:1856px}}@container kpp (min-width: 640px){.kpp-tool[data-kpp-tool=paint-calculator] .kpp-tool__mount{min-height:1116px}}@container kpp (min-width: 680px){.kpp-tool[data-kpp-tool=paint-calculator] .kpp-tool__mount{min-height:1096px}.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:1836px}}@container kpp (min-width: 720px){.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:1816px}}@container kpp (min-width: 840px){.kpp-tool[data-kpp-tool=paint-calculator] .kpp-tool__mount{min-height:808px}.kpp-tool[data-kpp-tool=cost-estimator] .kpp-tool__mount{min-height:1376px}}@media(prefers-reduced-motion:reduce){.kpp-tool *,.kpp-tool *:before,.kpp-tool *:after{scroll-behavior:auto!important;transition:none!important}}