.hh-container{width:min(1600px,calc(100% - 48px))}.hh-main{padding-top:26px}button:disabled{opacity:.45;cursor:not-allowed}.product-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.product-heading h1{font-size:32px;margin:6px 0}.product-heading h1 span{color:var(--hh-primary)}.product-heading p{color:var(--hh-muted);margin:0;font-size:15px}.workspace-status{border-block:1px solid var(--hh-border);display:flex;justify-content:space-between;gap:16px;padding:12px 0;margin-bottom:24px;color:var(--hh-muted);font-size:12px}.workspace-status i{display:inline-block;width:7px;height:7px;background:#30886c;border-radius:50%;margin-right:7px}.masonry-workspace{display:grid;grid-template-columns:320px minmax(0,1fr) 310px;gap:20px;align-items:start}.hh-card{padding:20px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-title h2{font-size:16px;margin:0}.step{display:grid;place-items:center;width:27px;height:27px;background:var(--hh-soft);color:var(--hh-primary);font-size:11px;font-weight:700;border-radius:7px;flex-shrink:0}.hh-field{font-size:12px;font-weight:500;margin-bottom:12px}.hh-field input,.hh-field select,select{min-height:46px;border:1px solid var(--hh-border);border-radius:7px;color:var(--hh-text);background:var(--hh-bg);padding:9px;width:100%;min-width:0;font-size:14px}.hh-field input{font-variant-numeric:tabular-nums}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fields.triple{grid-template-columns:repeat(3,1fr)}.input-column h3{font-size:13px;margin:20px 0 12px}.presets{display:grid;gap:7px}.presets button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--hh-border);border-radius:8px;background:var(--hh-surface);color:var(--hh-text);padding:10px;font-size:12px;min-height:48px}.presets button:hover,.presets button:focus-visible{border-color:var(--hh-primary);background:var(--hh-soft)}.presets button b{margin-left:auto;font-weight:400}.brick-icon{font-size:23px;color:var(--hh-primary)}.subhead{display:flex;align-items:center;justify-content:space-between;gap:8px}.subhead select{width:70px;min-height:36px}.subhead h3{margin:20px 0 12px}details{border-top:1px solid var(--hh-border);padding-top:12px;margin-top:12px}summary{cursor:pointer;font-weight:650;font-size:13px;min-height:44px;display:list-item;padding-top:8px}details[open] summary{margin-bottom:8px}.hint{font-size:12px;color:var(--hh-muted);line-height:1.6;margin:10px 0 0}.opening{border:1px solid var(--hh-border);border-radius:8px;padding:12px;margin:10px 0}.delete{background:transparent;color:var(--hh-danger);border:0;min-width:44px;min-height:44px;font-size:23px}.wide{width:100%;margin-top:10px;font-size:13px}.live{font-size:10px;color:#237b62;background:#e2f2ea;border-radius:5px;padding:3px 7px;margin-left:auto;font-weight:700;letter-spacing:.05em}.drawing-card{padding:20px 0 0;overflow:hidden}.drawing-card .section-title{padding:0 20px}.drawing-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:10px 16px;border-block:1px solid var(--hh-border);font-size:12px;color:var(--hh-muted)}.drawing-toolbar>div{display:flex;align-items:center;gap:7px}.drawing-toolbar .hh-btn{padding:4px 10px;font-size:13px;min-width:38px}.canvas{overflow:auto;background:#f5f9fe;min-height:340px;display:flex;align-items:center}.blueprint{display:block;flex-shrink:0;max-height:none}.canvas .blueprint{height:auto;min-height:340px}.empty{padding:32px;color:#476583}.legend{display:flex;flex-wrap:wrap;gap:16px;padding:13px 16px;font-size:11px;color:var(--hh-muted);border-top:1px solid var(--hh-border)}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}.clay{background:#e3bfa8}.concrete{background:#7389a2}.tie{background:#d78d13}.drawing-footer{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--hh-bg);border-top:1px solid var(--hh-border)}.drawing-footer small{font-size:11px;flex:1;color:var(--hh-muted)}.drawing-footer button{font-size:12px;padding:6px 10px}.alert{border:1px solid #e6c77f;background:#fff7e4;color:#735323;border-radius:10px;padding:17px;margin-top:18px;font-size:13px}.alert strong{font-size:14px}.alert p{margin:8px 0 0}.alert.error{background:#fff0f0;border-color:#e8a7a7;color:#9b2626}.geometry{margin-top:18px}.geometry h3{font-size:14px}.area-flow{display:flex;justify-content:space-between;gap:8px;align-items:center}.area-flow small{display:block;font-size:11px;color:var(--hh-muted)}.area-flow b{font-size:23px;font-weight:650}.area-flow em{font-size:12px;font-style:normal;font-weight:400}.area-flow>div:last-child b{color:var(--hh-primary)}.method-note{display:flex;gap:12px;margin:22px 5px;color:var(--hh-muted);font-size:12px}.method-note>span{flex-shrink:0;border:1px solid var(--hh-border);width:20px;height:20px;text-align:center;border-radius:50%}.primary-kpi{padding:20px;border-radius:10px;background:var(--hh-soft);border:1px solid var(--hh-border)}.primary-kpi>span,.budget>small{font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--hh-muted)}.primary-kpi strong{display:block;font-size:39px;line-height:1.5;color:var(--hh-primary);font-variant-numeric:tabular-nums}.primary-kpi strong small{font-size:14px;font-weight:400}.primary-kpi>small{font-size:11px;color:var(--hh-muted)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.kpi-grid>div{border-bottom:1px solid var(--hh-border);padding-bottom:13px}.kpi-grid small{display:block;font-size:11px;color:var(--hh-muted)}.kpi-grid b{font-size:23px;display:block;margin:3px 0}.kpi-grid span{font-size:11px;color:var(--hh-muted)}.quantity-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:10px 0}.quantity-row span{color:var(--hh-muted)}.quantity-row b{font-weight:600;text-align:right}.budget{border-top:1px solid var(--hh-border);padding-top:20px;margin-top:20px}.budget>strong{display:block;font-size:28px;line-height:1.6;color:var(--hh-primary)}.budget>strong span{font-size:16px}.cost-bar{display:flex;height:7px;border-radius:5px;overflow:hidden;margin:12px 0 18px}.cost-bar i:nth-child(1){background:#185ac3}.cost-bar i:nth-child(2){background:#88ace0}.cost-bar i:nth-child(3){background:#f8c154}.next-tools{margin-top:18px}.next-tools>a{display:block;border-bottom:1px solid var(--hh-border);padding:14px 0;text-decoration:none;font-size:13px;font-weight:600}.next-tools .hh-eyebrow{font-size:10px}.tool-menu{position:relative}.tool-menu summary{list-style:none;padding:8px 12px;border:1px solid var(--hh-border);border-radius:8px;font-size:13px}.tool-menu{margin:0;border:0;padding:0}.tool-menu[open] summary{margin:0}.tool-menu>div{position:absolute;right:0;top:50px;min-width:240px;padding:12px;background:var(--hh-surface);border:1px solid var(--hh-border);box-shadow:var(--hh-shadow);z-index:5;border-radius:10px}.tool-menu a{display:block;padding:10px;text-decoration:none}.report-modal{border:0;padding:0;width:100vw;max-width:none;height:100vh;max-height:none;background:#e5eaf0;color:#152b42}.report-modal::backdrop{background:#102d4380}.report-toolbar{position:sticky;top:0;display:flex;justify-content:center;align-items:center;gap:16px;padding:12px;background:var(--hh-surface);color:var(--hh-text);z-index:10}.report-scroll{overflow:auto;padding:24px}.a4-page{position:relative;width:210mm;min-height:297mm;height:297mm;box-sizing:border-box;padding:12mm 12mm 15mm;margin:0 auto 24px;background:#fff;color:#152b42;font:10pt/1.5 Arial,sans-serif;box-shadow:0 2px 15px #102d4320;overflow:hidden}.a4-page>header{display:flex;align-items:center;gap:12px;border-bottom:2px solid #185ac3;padding-bottom:10px;font-size:10pt}.report-brand{background:#f8c154;padding:8px;border-radius:6px;color:#152b42;font-size:17pt}.a4-page header small{display:block;font-size:9pt}.report-title{display:flex;gap:10px;align-items:center;margin:18px 0}.report-title>span{color:#185ac3;font-size:18pt}.report-title h2{font-size:18pt;margin:0}.a4-page h3{font-size:12pt;margin:20px 0 10px}.a4-page table{width:100%;border-collapse:collapse;font-size:9pt;margin:14px 0;table-layout:fixed}.a4-page th,.a4-page td{border:1px solid #cbd5e1;padding:7px 6px;overflow-wrap:anywhere;text-align:left}.a4-page th{background:#dbeafe}.a4-page th:first-child{width:7%}.a4-page th:nth-child(2){width:30%}.a4-page td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.a4-page tr{break-inside:avoid}.a4-page thead{display:table-header-group}.a4-page footer{position:absolute;bottom:10mm;left:12mm;right:12mm;display:flex;justify-content:space-between;border-top:1px solid #cbd5e1;padding-top:6px;font-size:9pt}.a4-page a{color:#185ac3}.a4-page .blueprint{width:100%;max-height:95mm}.report-drawing .blueprint{max-height:65mm}.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-kpis>div{background:#edf3fb;padding:12px;border-radius:8px}.report-kpis span{display:block;font-size:9pt}.report-kpis strong{font-size:17pt;color:#185ac3;display:block}.report-callout{padding:14px;background:#edf3fb;border-left:3px solid #185ac3;margin:16px 0}.report-callout h3{margin:0 0 10px}.report-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.a4-page .opening-table th,.a4-page .opening-table td{padding:3px 4px;font-size:9pt}.a4-page .opening-table th:nth-child(2){width:16%}.a4-page .opening-table th:first-child{width:6%}.a4-page ul{padding-left:20px}.a4-page li{margin-bottom:9px}@media(max-width:1250px){.masonry-workspace{grid-template-columns:290px minmax(0,1fr)}.result-column{grid-column:2}.input-column{grid-row:1/3}.center-column{grid-column:2}.product-heading h1{font-size:28px}.hh-container{width:calc(100% - 32px)}}@media(max-width:900px){.masonry-workspace{grid-template-columns:1fr 1fr}.input-column{grid-row:auto}.center-column{grid-column:1/-1;grid-row:1}.result-column{grid-column:2;grid-row:2}.workspace-status>span:last-child{display:none}.product-heading{align-items:flex-start}.product-heading>.hh-btn{max-width:175px}}@media(max-width:767px){.masonry-workspace{display:flex;flex-direction:column;gap:18px}.masonry-workspace>section{width:100%}.center-column{order:1}.input-column{order:0}.result-column{order:2}.hh-container{width:calc(100% - 24px)}.product-heading{display:block}.product-heading>.hh-btn{margin-top:16px;max-width:none}.product-heading h1{font-size:30px}.product-heading p{font-size:16px}.hh-field{font-size:15px}.hh-field input,.hh-field select,select{font-size:17px}.section-title h2{font-size:20px}.input-column h3,summary{font-size:16px}.presets button,.hh-btn,.wide,.next-tools>a{font-size:15px}.hint,.method-note,.legend,.drawing-footer small,.kpi-grid small,.kpi-grid span,.quantity-row,.primary-kpi>small{font-size:14px}.area-flow{flex-wrap:wrap}.area-flow small{font-size:13px}.area-flow b{font-size:24px}.primary-kpi>span,.budget>small,.workspace-status{font-size:13px}.fields{gap:12px}.fields.triple{gap:7px}.fields.triple .hh-field{font-size:14px}.alert{font-size:15px}.alert strong{font-size:16px}.drawing-toolbar{font-size:14px}.drawing-toolbar .hh-btn,.drawing-footer button{font-size:15px}.drawing-footer{flex-wrap:wrap}.drawing-footer small{flex-basis:100%}.canvas,.canvas .blueprint{min-height:220px}.tool-menu summary{font-size:15px}.hh-header-actions{justify-content:space-between}.report-toolbar{justify-content:flex-start;flex-wrap:wrap;gap:8px}.report-scroll{padding:12px}.report-toolbar strong{width:100%;font-size:16px}.hh-brand-text small{letter-spacing:0}.hh-header-inner{flex-wrap:wrap}.a4-page{margin-left:0}}@page{size:A4 portrait;margin:0}@media print{html,body{background:#fff!important;color:#152b42!important}body>*{visibility:hidden}#root{visibility:visible}#root>header,#root>footer,.hh-skip,.hh-main>*:not(.report-modal){display:none!important}.hh-main{padding:0!important;margin:0!important;width:auto!important;min-height:0!important}.report-modal{display:block!important;position:static!important;overflow:visible!important;width:auto!important;height:auto!important;max-height:none!important;background:#fff!important;margin:0!important}.report-modal::backdrop{display:none}.report-toolbar{display:none!important}.report-scroll{padding:0;overflow:visible}.a4-page{visibility:visible;margin:0!important;box-shadow:none;break-after:page;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.a4-page:last-child{break-after:auto}.a4-page *{visibility:visible}button{display:none!important}}:root{color-scheme:light;--hh-bg: #f6f8fc;--hh-surface: #ffffff;--hh-text: #152b42;--hh-muted: #56687a;--hh-border: #dce4ee;--hh-navy: #102d43;--hh-primary: #185ac3;--hh-soft: #edf3fb;--hh-gold: #f8c154;--hh-shadow: 0 8px 30px #12345808;--hh-danger: #b91c1c;--hh-focus: #185ac3;--hh-button-foreground: #ffffff;--hh-font: Inter, "Segoe UI", Arial, sans-serif;--hh-font-mono: Consolas, "SFMono-Regular", monospace;--hh-radius-sm: 7px;--hh-radius-button: 8px;--hh-radius-card: 12px;--hh-radius-feature: 16px;--hh-content-width: 1200px;--hh-space-1: 4px;--hh-space-2: 8px;--hh-space-3: 12px;--hh-space-4: 16px;--hh-space-5: 20px;--hh-space-6: 24px;--hh-space-8: 32px}:root[data-theme=dark]{color-scheme:dark;--hh-bg: #0c1724;--hh-surface: #142337;--hh-text: #eff5ff;--hh-muted: #acbfd5;--hh-border: #30445d;--hh-navy: #0b1928;--hh-primary: #8fbbff;--hh-soft: #1b3049;--hh-shadow: none;--hh-danger: #fda4af;--hh-focus: #8fbbff;--hh-button-foreground: #102b43}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--hh-bg: #0c1724;--hh-surface: #142337;--hh-text: #eff5ff;--hh-muted: #acbfd5;--hh-border: #30445d;--hh-navy: #0b1928;--hh-primary: #8fbbff;--hh-soft: #1b3049;--hh-shadow: none;--hh-danger: #fda4af;--hh-focus: #8fbbff;--hh-button-foreground: #102b43}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{margin:0;min-width:280px;background:var(--hh-bg);color:var(--hh-text);font-family:var(--hh-font);font-size:1rem;line-height:1.6}a{color:var(--hh-primary);text-underline-offset:3px}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--hh-focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.02em;line-height:1.25}h1{font-size:clamp(1.85rem,2.8vw,2.4rem)}h2{font-size:clamp(1.25rem,2vw,1.5rem)}h3{font-size:1.2rem}.hh-container{width:min(var(--hh-content-width),calc(100% - 32px));margin-inline:auto}.hh-skip{position:fixed;inset:-100px auto auto 12px;padding:10px 14px;border-radius:6px;background:var(--hh-gold);color:#102d43;z-index:1000}.hh-skip:focus{top:12px}.hh-header{background:var(--hh-surface);border-bottom:1px solid var(--hh-border)}.hh-header-inner{display:flex;gap:16px;min-height:78px;justify-content:space-between;align-items:center}.hh-brand{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none;border-radius:10px}.hh-brand:hover .hh-brand-text strong{color:var(--hh-primary)}.hh-brand-mark{display:grid;place-items:center;position:relative;width:40px;height:40px;flex:none;border-radius:10px;background:var(--hh-text);color:var(--hh-surface);font-size:.85rem;font-weight:750}.hh-brand-mark:after{content:"";position:absolute;width:8px;height:8px;top:4px;right:4px;border-radius:2px;background:var(--hh-gold)}.hh-brand-text{display:flex;flex-direction:column;min-width:0}.hh-brand-text strong{line-height:1.2;font-size:1.1rem}.hh-brand-text small{color:var(--hh-muted);font-size:.75rem;margin-top:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hh-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hh-theme-toggle{display:flex;gap:2px;align-items:center}.hh-icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid transparent;border-radius:var(--hh-radius-button);background:transparent;color:var(--hh-muted);font-size:1.2rem}.hh-icon-button:hover,.hh-icon-button[aria-pressed=true]{background:var(--hh-soft);border-color:var(--hh-border);color:var(--hh-primary)}.hh-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hh-border);border-radius:var(--hh-radius-button);padding:8px 15px;background:var(--hh-surface);color:var(--hh-text);font-size:.9375rem;font-weight:650;text-decoration:none}.hh-btn:hover{filter:brightness(.97)}.hh-btn-primary{background:var(--hh-primary);border-color:var(--hh-primary);color:var(--hh-button-foreground)}.hh-btn-muted{background:var(--hh-bg)}.hh-main{min-height:min(70vh,720px);padding-top:28px;padding-bottom:40px}.hh-hero{margin:0 0 26px}.hh-eyebrow{text-transform:uppercase;color:var(--hh-primary);font-weight:700;font-size:.75rem;letter-spacing:.12em}.hh-hero h1{margin:8px 0 12px}.hh-hero p{max-width:740px;color:var(--hh-muted);margin:0}.hh-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:18px}.hh-card{min-width:0;border-radius:var(--hh-radius-card);background:var(--hh-surface);border:1px solid var(--hh-border);padding:24px;box-shadow:var(--hh-shadow)}.hh-card h2{margin:0 0 12px}.hh-muted{color:var(--hh-muted)}.hh-caption{font-size:.875rem;color:var(--hh-muted)}.hh-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.hh-field{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:.9rem}.hh-field input{width:100%;min-width:0;min-height:46px;border:1px solid var(--hh-border);background:var(--hh-bg);border-radius:var(--hh-radius-sm);padding:10px 12px;color:var(--hh-text)}.hh-field input:focus{border-color:var(--hh-primary)}.hh-actions{display:flex;gap:12px;margin-top:18px}.hh-result{background:var(--hh-soft)}.hh-result-label{color:var(--hh-muted);font-size:.9rem;font-weight:600;margin-top:20px}.hh-result-number{font-family:var(--hh-font-mono);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.25;overflow-wrap:anywhere;color:var(--hh-primary);margin:10px 0 24px}.hh-result-number span{font-family:var(--hh-font);font-size:1.2rem}.hh-error{color:var(--hh-danger);font-weight:600;font-size:.875rem}.hh-guide{margin-top:20px;padding:4px 0;max-width:820px}.hh-guide h2{margin-bottom:8px}.hh-guide p{margin-bottom:10px}.hh-footer{background:var(--hh-surface);border-top:1px solid var(--hh-border);color:var(--hh-muted);font-size:.85rem}.hh-footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-block:22px}@media(max-width:800px){.hh-workspace{grid-template-columns:1fr}}@media(max-width:640px){.hh-header-inner{padding-block:12px;align-items:stretch;flex-direction:column;min-height:0}.hh-brand-text strong{font-size:1.05rem}.hh-header-actions{justify-content:space-between;gap:6px}.hh-main{padding-top:24px}.hh-card{padding:18px}.hh-field-grid{grid-template-columns:1fr;gap:12px}.hh-footer-inner{flex-direction:column;gap:8px}}@media(min-width:361px)and (max-width:640px){.hh-header-actions{justify-content:flex-end;gap:6px}.hh-lang{font-size:.84rem;padding-inline:10px}}@media(max-width:360px){.hh-brand-mark{width:34px;height:34px;border-radius:8px}.hh-lang{padding-inline:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:767px){body{font-size:16px;line-height:1.6}h1,.hh-hero h1{font-size:clamp(28px,6vw,32px);line-height:1.2}h2,.hh-card h2{font-size:21px;line-height:1.3}h3{font-size:18px}.hh-hero p,.hh-guide p{font-size:16px}.hh-field,.hh-result-label{font-size:15px;line-height:1.5}.hh-field input,select,textarea{font-size:17px;min-height:46px}.hh-btn{font-size:15px;min-height:44px}.hh-caption{font-size:14px;line-height:1.6}.hh-eyebrow,.hh-brand-text small{font-size:13px;letter-spacing:.08em}.hh-card,.hh-field-grid>*{min-width:0}}