.tile-tool{background:#f1f3ee;color:#203a31}.tile-tool p{word-break:keep-all}.tile-tool button,.tile-tool input,.tile-tool select{font-size:1rem}.tile-intro{padding-top:26px;padding-bottom:36px}.tile-breadcrumb{display:flex;align-items:center;gap:12px;font-size:.83rem;color:#526358;margin-bottom:24px}.tile-breadcrumb a{display:inline-flex;min-height:36px;align-items:center}.tile-breadcrumb a:hover{text-decoration:underline}.tile-kicker{font-size:.83rem;color:#526358;font-weight:600}.tile-intro h1{font-size:clamp(2rem,3.6vw,3rem);margin:9px 0 16px;letter-spacing:-.055em;font-weight:650}.tile-intro-copy{font-size:1rem;line-height:1.9}.tile-intro-note{margin-top:13px;font-size:.86rem;color:#526358}.tile-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:start;padding-bottom:64px}.tile-form,.tile-controls{min-width:0}.tile-controls{border:0;margin:0;padding:0}.tile-form-intro{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:17px;font-size:.9rem}.tile-step{min-width:0;border:1px solid #ccd4ca;border-radius:12px;padding:0;margin:0 0 22px;background:#fffefa}fieldset.tile-step{padding-top:4px}.tile-step>legend,.tile-step-title{display:flex;align-items:center;gap:12px;font-size:1.1rem;line-height:1.5;font-weight:650;letter-spacing:-.025em}.tile-step>legend{margin-left:20px;padding:0 8px}.tile-step-title{padding:23px 28px 0}.tile-step-title h2{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.tile-step-number{display:inline-grid;place-items:center;border:1px solid #c7d1c5;background:#e7ede3;min-width:30px;height:30px;border-radius:50%;font-size:.9rem;font-weight:700}.tile-step-body{padding:22px 28px 26px}.tile-surfaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile-mode{position:relative;cursor:pointer;min-width:0}.tile-mode input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.tile-surface-content{display:grid;justify-items:center;align-content:center;min-height:137px;padding:15px 6px;gap:7px;border:1px solid #bcc9ba;border-radius:9px;background:#fff;text-align:center;transition:background .15s,border-color .15s}.tile-surface-content svg{width:40px;height:37px;stroke:#526c5c;fill:none;stroke-width:1.4;stroke-linejoin:round}.tile-surface-content strong{font-weight:650;font-size:1rem}.tile-surface-content small{font-size:.75rem;color:#526358;word-break:keep-all}.tile-mode input:checked+.tile-surface-content{border:2px solid #245341;padding:14px 5px;background:#eaf1e7}.tile-mode input:focus-visible+span{outline:3px solid #925039;outline-offset:3px}.tile-other-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.tile-other-modes .tile-mode>span{display:flex;justify-content:center;align-items:center;padding:10px 8px;min-height:46px;border:1px solid #bcc9ba;border-radius:7px;font-size:.85rem;background:#fff;text-align:center}.tile-other-modes input:checked+span{background:#eaf1e7;border-color:#245341;box-shadow:inset 0 0 0 1px #245341;font-weight:650}.tile-help{font-size:.88rem;color:#526358;line-height:1.8}#tile-mode-help{margin-top:16px}#tile-space-help{margin:14px 0 18px}.tile-measure-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.tile-measure-heading label{display:flex;align-items:center;gap:12px;font-size:.88rem;font-weight:600}.tile-measure-heading select{min-height:44px;border:1px solid #9aaa9d;border-radius:6px;padding:7px 30px 7px 10px;background:#fff;color:#203a31}.tile-measure-heading>p{font-size:.8rem;color:#526358;flex-basis:100%}.tile-measure-visual{background:#f3f5f0;border-radius:8px;margin-top:20px;text-align:center}.tile-measure-visual svg{display:block;width:240px;max-width:100%;height:115px;margin:auto}.tile-measure-visual rect{fill:#e4ebde;stroke:#7e947d;stroke-width:1.4}.tile-measure-visual path{fill:none;stroke:#526c5c;stroke-width:1}.tile-measure-visual text{fill:#405543;font-size:12px}.tile-room-guide{display:flex;align-items:center;gap:18px;background:#f3f5f0;border-radius:8px;margin-top:20px;padding:12px}.tile-room-guide svg{flex:0 1 190px;width:190px;min-width:130px;height:125px}.tile-room-guide path{stroke:#698064;fill:none;stroke-width:1.3}.tile-room-guide text{font-size:12px;fill:#405543}.tile-room-guide p{font-size:.84rem;color:#526358}.tile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.tile-space-fields{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.tile-fields label,.tile-preset{display:grid;align-content:start;gap:8px;min-width:0}.tile-fields label>span,.tile-preset>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:.93rem;font-weight:600;line-height:1.6}.tile-fields label>span small,.tile-preset>span small{font-weight:400;color:#526358;font-size:.82rem;white-space:nowrap}.tile-fields input,.tile-preset select{width:100%;min-width:0;min-height:50px;border:1px solid #93a28f;border-radius:6px;padding:11px 12px;color:#203a31;background:#fff;font-size:1.05rem;line-height:1.4;font-variant-numeric:tabular-nums}.tile-fields input::placeholder{color:#697666;font-size:.94rem}.tile-fields input[aria-invalid=true]{border:2px solid #a23126}.tile-fields .tile-field-hint{font-size:.8rem;font-weight:400;color:#526358;line-height:1.75}.tile-adjustments{border-top:1px solid #d7ddd3;margin-top:23px;padding-top:9px}.tile-adjustments summary{font-size:.88rem;min-height:46px;cursor:pointer;line-height:1.8;align-content:center;padding:7px 0}.tile-adjustments summary span{display:block;margin-left:16px;font-size:.77rem;color:#526358}.tile-adjustments .tile-fields{margin-top:18px}.tile-adjustments .tile-help{margin-top:16px}.tile-spec{padding:0;border:0;margin:0;min-width:0}.tile-spec+.tile-spec{border-top:1px solid #d4dcd0;margin-top:26px;padding-top:24px}.tile-spec legend{font-size:.95rem;font-weight:650;margin-bottom:16px;padding:0}.tile-preset,.tile-custom-size{margin-bottom:21px}.tile-pack-summary{font-size:.85rem;color:#3c5945;background:#edf2e8;padding:12px 14px;border-radius:6px;margin-top:20px;line-height:1.7;font-variant-numeric:tabular-nums}.tile-notice{margin-top:23px;border-left:3px solid #8d9b72;padding:4px 0 4px 13px;color:#4d5d42;font-size:.85rem;line-height:1.8}.tile-notice strong{font-weight:650}.tile-waste-note{margin-top:15px;font-size:.83rem}.tile-form-actions{display:flex;gap:16px;align-items:stretch}.tile-form-actions .button{flex:1;justify-content:center;min-height:56px;border-radius:8px;font-size:1rem}.tile-reset{min-width:80px;padding:12px;min-height:48px;border:1px solid #a5b2a0;border-radius:8px;background:#fffefa;color:#405543}.tile-reset:hover{background:#e7ede3}.tile-example-button{border:0;background:transparent;color:#355942;text-decoration:underline;text-underline-offset:5px;min-height:44px;font-size:.88rem!important;padding:8px 0}.tile-error{background:#fff1ed;border:1px solid #c58172;color:#842b20;border-radius:6px;padding:14px;line-height:1.8;font-size:.94rem;margin-bottom:18px}.tile-results-column{position:sticky;top:108px;min-width:0}.tile-result-shell{border:1px solid #bdcbbb;border-top:4px solid #2b5841;border-radius:12px;background:#fffefa;padding:26px}.tile-result-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:22px;border-bottom:1px solid #d9dfd5}.tile-result-heading h2{font-size:1.18rem;font-weight:650;letter-spacing:-.035em}.tile-result-heading h2:focus{outline:0}.tile-result-heading>span{color:#526358;font-size:.76rem;background:#eff2eb;border-radius:5px;padding:4px 9px}.tile-result-empty{padding:28px 0 8px}.tile-result-empty svg{width:66px;height:66px;stroke:#617a59;fill:#e9efdf;stroke-width:1.5}.tile-result-empty h3{font-size:1.55rem;line-height:1.5;margin:18px 0 15px;font-weight:550;letter-spacing:-.045em}.tile-result-empty>p{color:#526358;font-size:.94rem;line-height:1.9}.tile-result-empty ol{padding-left:23px;margin:23px 0 0;font-size:.89rem;line-height:2.1;color:#526358}.tile-example-badge{font-size:.83rem;background:#fff0d7;color:#735019;padding:10px 12px;border-radius:5px;margin-top:20px;line-height:1.75}.tile-result-mode{margin-top:24px;font-size:.96rem;color:#435b47}.tile-total{display:flex;align-items:baseline;gap:12px;line-height:1.2;margin:8px 0 12px;color:#214a36}.tile-total strong{font-size:clamp(3.5rem,5vw,4.7rem);font-weight:600;letter-spacing:-.06em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}.tile-total>span{font-size:1.25rem;flex-shrink:0}.tile-total-caption{font-size:1rem;line-height:1.8;color:#435b47}.tile-result-lines{margin-top:25px}.tile-result-line{padding:22px 0;border-top:1px solid #d4dcd0}.tile-result-line h3{font-size:1rem;font-weight:650;letter-spacing:-.025em}.tile-line-spec{font-size:.83rem;color:#526358;line-height:1.8;margin-top:6px}.tile-result-line dl{margin:18px 0 0;font-size:.88rem}.tile-result-line dl>div{display:flex;justify-content:space-between;gap:16px;margin-top:10px}.tile-result-line dt{color:#526358}.tile-result-line dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:550}.tile-result-line .tile-order-row{padding-top:13px;margin-top:15px;border-top:1px dashed #c6d0c1;font-size:.98rem}.tile-result-line .tile-order-row dt,.tile-result-line .tile-order-row dd{color:#214a36;font-weight:650}.tile-line-explanation{margin-top:18px;padding:12px 13px;border-radius:6px;background:#eef3e8;font-size:.87rem;line-height:1.85;color:#385239}.tile-result-note{border-top:1px solid #d4dcd0;padding-top:18px;font-size:.85rem;line-height:1.9;color:#526358}.tile-copy{display:block;width:100%;min-height:50px;border:1px solid #2b5841;border-radius:7px;background:#2b5841;color:#fff;padding:11px;margin-top:21px;font-weight:550}.tile-copy:hover{background:#183b2c}.tile-copy-status{font-size:.85rem;margin-top:12px;color:#355942;line-height:1.8}.tile-copy-status:empty{display:none}#tile-copy-fallback{margin-top:15px}#tile-copy-fallback label{display:block;font-size:.86rem;margin-bottom:9px}#tile-copy-text{width:100%;min-height:175px;resize:vertical;padding:12px;font-size:.86rem;line-height:1.8;border:1px solid #93a28f;border-radius:6px;background:#fff;color:#203a31}.tile-result-consult{margin-top:24px;padding-top:18px;border-top:1px solid #d4dcd0}.tile-result-consult p{font-size:.85rem;color:#526358}.tile-result-consult a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:.94rem;font-weight:600;text-decoration:underline;text-underline-offset:5px}.tile-result-consult small{display:block;font-size:.8rem;line-height:1.8;color:#526358}.tile-local-note{font-size:.8rem;line-height:1.9;color:#526358;margin:16px 3px 0}.tile-guide{border-top:1px solid #c8d2c4;padding:44px 0 72px}.tile-guide>h2{font-size:1.45rem;font-weight:600;line-height:1.5;margin-bottom:22px}.tile-guide-list{background:#fffefa;padding:0 26px;border:1px solid #ccd4ca;border-radius:10px}.tile-guide-list details+details{border-top:1px solid #d9dfd5}.tile-guide-list summary{cursor:pointer;font-size:.99rem;font-weight:550;padding:22px 0;line-height:1.8}.tile-guide-list details>div{color:#526358;font-size:.92rem;line-height:1.95;padding-bottom:24px;max-width:60rem}.tile-guide-list p+p{margin-top:13px}@media(min-width:820px)and (max-width:1060px){.tile-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.tile-step-body,.tile-step-title{padding-inline:20px}.tile-step>legend{margin-left:13px}.tile-result-shell{padding:21px}.tile-surface-content small{font-size:.72rem}.tile-fields{gap:18px 13px}.tile-fields label>span{font-size:.86rem;flex-wrap:wrap;gap:1px 5px}.tile-room-guide{flex-wrap:wrap;justify-content:center;text-align:center}}@media(max-width:819px){.tile-intro{padding-top:18px;padding-bottom:27px}.tile-breadcrumb{margin-bottom:17px;font-size:.8rem}.tile-intro h1{font-size:clamp(1.8rem,6.7vw,2.3rem);margin-top:8px}.tile-intro-copy{font-size:.94rem}.tile-intro-note{font-size:.81rem;line-height:1.85}.tile-workspace{grid-template-columns:1fr;gap:29px;padding-bottom:42px}.tile-form-intro{font-size:.85rem}.tile-step{margin-bottom:22px}.tile-step>legend,.tile-step-title{font-size:1rem;gap:9px}.tile-step>legend{margin-left:11px;padding-inline:6px}.tile-step-title{padding:20px 18px 0}.tile-step-body{padding:18px}.tile-step-number{min-width:28px;height:28px}.tile-surfaces{gap:7px}.tile-surface-content{min-height:130px;padding:12px 4px}.tile-mode input:checked+.tile-surface-content{padding:11px 3px}.tile-surface-content strong{font-size:.94rem}.tile-surface-content small{font-size:.72rem}.tile-surface-content svg{width:35px;height:33px}.tile-other-modes{gap:7px}.tile-other-modes .tile-mode>span{font-size:.8rem}.tile-fields{gap:18px 12px}.tile-fields label>span{font-size:.89rem;flex-wrap:wrap;gap:1px 6px}.tile-fields .tile-field-hint{font-size:.78rem}.tile-space-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-space-fields:has(#areaM2:not(:disabled)),.tile-space-fields:has(#boxCount:not(:disabled)){grid-template-columns:1fr}.tile-measure-heading label{flex-wrap:wrap;gap:8px}.tile-measure-heading select{font-size:.92rem}.tile-help{font-size:.86rem}.tile-adjustments summary{font-size:.84rem}.tile-room-guide{flex-wrap:wrap;justify-content:center;text-align:center}.tile-room-guide p{font-size:.86rem}.tile-notice{font-size:.83rem}.tile-reset{min-width:78px;font-size:.94rem!important}.tile-results-column{position:static}.tile-result-shell{padding:23px}.tile-total strong{font-size:4rem}.tile-result-line dl{font-size:.88rem}.tile-result-line dl>div{gap:12px}.tile-result-line .tile-order-row{font-size:.94rem}.tile-guide{padding-top:32px;padding-bottom:48px}.tile-guide>h2{font-size:1.2rem}.tile-guide-list{padding-inline:20px}.tile-guide-list summary{font-size:.93rem}.tile-guide-list details>div{font-size:.88rem}}@media(max-width:360px){.tile-step-body{padding-inline:14px}.tile-surface-content small{font-size:.69rem}.tile-surface-content strong{font-size:.86rem}.tile-other-modes .tile-mode>span{font-size:.75rem;padding-inline:5px}.tile-fields label>span{font-size:.85rem}.tile-result-shell{padding:19px}.tile-form-actions{gap:9px}.tile-form-actions .button{font-size:.93rem;padding-inline:12px}}
