:root{color:#f7f8f4;font-synthesis:none;text-rendering:optimizelegibility;--bg:#101510;--bg-soft:#171d17;--panel:#202720;--panel-2:#252d25;--line:#3a463b;--text:#f7f8f4;--muted:#aeb8ad;--yellow:#f0c400;--yellow-2:#ffd740;--green:#8fb43f;--orange:#d9902f;--danger:#ff6b4a;background:#101510;font-family:Montserrat,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{background:linear-gradient(180deg, var(--yellow-2), var(--yellow));color:#161800;cursor:pointer;border:1px solid #f0c40073;border-radius:6px;padding:.55rem .75rem;font-weight:800}button:hover,button.active{border-color:var(--yellow-2);background:#ffe36a}button:disabled{cursor:not-allowed;opacity:.55}input,select{width:100%;color:var(--text);background:#111711;border:1px solid #445044;border-radius:6px;padding:.55rem .65rem}input:disabled{color:var(--yellow-2);opacity:1;background:#272f24;border-color:#59643f}h1,h2,p{margin:0}h1{font-size:1.55rem;line-height:1.15}h2{font-size:1rem}.home-shell{background:radial-gradient(circle at 18% 10%,#f0c40033,#0000 28%),linear-gradient(135deg,#0b100b 0%,#171f17 58%,#0e130e 100%);place-items:center;min-height:100vh;padding:1rem;display:grid}.home-hero{border:1px solid var(--line);background:linear-gradient(150deg,#f0c40029,#0000 38%),#171d17f5;border-radius:8px;gap:1.2rem;width:min(980px,100%);padding:clamp(1.2rem,4vw,2.4rem);display:grid;box-shadow:0 22px 70px #00000057}.home-logo{width:min(300px,84%);height:auto}.home-hero>p:not(.eyebrow){max-width:760px;color:var(--muted);line-height:1.55}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.5rem;display:grid}.demo-card,.back-link{color:inherit;text-decoration:none}.demo-card{background:#111711;border:1px solid #4c563f;border-radius:8px;gap:.55rem;min-height:172px;padding:1rem;transition:border-color .16s,background .16s,transform .16s;display:grid}.demo-card:hover{border-color:var(--yellow);background:#1e2518;transform:translateY(-2px)}.demo-card span,.back-link{color:var(--yellow);text-transform:uppercase;font-size:.78rem;font-weight:800}.demo-card strong{max-width:22rem;font-size:1.25rem;line-height:1.2}.demo-card small{color:var(--muted);align-self:end;line-height:1.35}.back-link{width:fit-content}.back-link:hover{color:var(--yellow-2)}.app-shell{background:radial-gradient(circle at 20% 0,#f0c40021,#0000 30%),linear-gradient(135deg,#0c110c 0%,#161d16 55%,#0e130e 100%);grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:1rem;min-height:100vh;padding:1rem;display:grid}.sidebar,.workspace{flex-direction:column;gap:1rem;display:flex}.brand-block,.panel,.metric,.demo-warning{border:1px solid var(--line);background:#202720f5;border-radius:8px;box-shadow:0 12px 34px #0000003d}.brand-block{background:linear-gradient(160deg,#f0c4002e,#0000 42%),#171d17;gap:.65rem;padding:1.2rem;display:grid}.brand-block p:last-child{color:var(--muted);line-height:1.45}.eyebrow{color:var(--yellow);letter-spacing:0;font-size:.75rem;font-weight:800}.brand-logo{object-fit:contain;width:min(220px,80%);height:auto;display:block}.panel{padding:1rem}.input-panel{gap:1rem;display:grid}label{color:var(--muted);gap:.35rem;font-size:.86rem;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.checkline{align-items:center;gap:.5rem;display:flex}.checkline input{width:auto}.preset-row,.toggle-row{flex-wrap:wrap;gap:.5rem;display:flex}.toggle-row button{color:#ffe36a;background:#111711;border-color:#6b6a34;box-shadow:inset 0 0 0 1px #ffe36a14}.toggle-row button:hover{border-color:var(--yellow);background:#222917}.toggle-row button.active{background:linear-gradient(180deg, var(--yellow-2), var(--yellow));border-color:var(--yellow-2);color:#111300;box-shadow:0 0 0 2px #f0c4002e}.choice-block{gap:.45rem;display:grid}.derived-box{background:#171d17;border:1px solid #455044;border-radius:8px;gap:.75rem;padding:.75rem;display:grid}.choice-block>span{color:var(--muted);font-size:.86rem}.demo-warning{color:#ffe38a;background:#282412;border-color:#f0c4008c;padding:.85rem 1rem;line-height:1.4}.summary-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:.75rem;display:grid}.metric{gap:.25rem;padding:.85rem;display:grid}.metric span,.metric small{color:var(--muted)}.metric strong{color:var(--yellow-2);font-size:1.25rem}.section-title{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.section-title span{color:var(--muted);font-size:.9rem}.plan-svg{background:#131913;border:1px solid #3c473c;border-radius:8px;width:100%;min-height:280px}.radiator-svg{background-color:#131913;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #3c473c;border-radius:8px;width:100%;min-height:330px}.drawing-field{fill:#1a211ab8;stroke:#66715f;stroke-width:1.5px;stroke-dasharray:7 6}.radiator-tube{stroke:#ffffffb8;stroke-width:1px}.support-line{fill:none;stroke:var(--yellow);stroke-width:4px;stroke-linecap:round}.dimension-lines path,.connection-route{fill:none}.dimension-lines path{stroke:#f7f8f49e;stroke-width:1px}.room-rect{fill:#1a211a;stroke:#66715f;stroke-width:2px}.outer-wall{stroke:var(--yellow);stroke-width:5px}.row-guide{stroke:#4d594d;stroke-dasharray:4 5}.row-label,.segment-label,.dimension-label,.legend-title{fill:var(--text);font-size:12px}.segment-label{text-anchor:middle}.dimension-label{text-anchor:middle;font-weight:700}.vertical{writing-mode:vertical-rl}.flow-arrow{stroke:var(--orange);stroke-width:2px;fill:none}.return-arrow{stroke:var(--green);stroke-width:2px;fill:none}.main-supply{stroke:var(--orange);stroke-width:3px;stroke-dasharray:7 4}.main-return{stroke:var(--green);stroke-width:3px;stroke-dasharray:7 4}.supply-dot{fill:var(--orange)}.return-dot{fill:var(--green)}.connection-label{fill:var(--muted);font-size:11px}.collector-line{stroke:var(--orange);stroke-width:2px}.collector-line.return{stroke:var(--green)}.loop-line{fill:none;stroke:var(--yellow);stroke-width:2px;stroke-dasharray:3 3}.module-rect{stroke:#fffc;stroke-width:.7px}.table-wrap{margin-top:.75rem;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #394439;padding:.55rem;font-size:.86rem}th{color:var(--yellow);background:#171d17}.message-list,.assumption-list{gap:.5rem;margin:.75rem 0 0;padding-left:1.25rem;display:grid}.message-list li{padding-left:.25rem}.message-list .error{color:#ff8a70}.message-list .warning{color:var(--yellow-2)}.message-list .info{color:#a6d77a}.message-list span{margin-top:.15rem;display:block}.export-panel{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem;display:flex}.tabs button{color:#ffe36a;background:#111711;border-color:#6b6a34}.tabs button.active{background:linear-gradient(180deg, var(--yellow-2), var(--yellow));color:#111300}.price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.panel-subgrid{color:var(--muted);gap:.75rem;line-height:1.5;display:grid}.json-preview{color:#dfe8d9;background:#0d120d;border:1px solid #394439;border-radius:8px;max-height:420px;padding:1rem;font-size:.82rem;line-height:1.45;overflow:auto}.app-footer{color:var(--muted);text-align:center;padding:.75rem;font-size:.88rem}.app-footer a{color:var(--yellow);font-weight:800;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-actions,.price-grid{grid-template-columns:1fr}}@media (width<=700px){.app-shell{padding:.6rem}.field-grid,.summary-grid{grid-template-columns:1fr}.export-panel{flex-direction:column;align-items:flex-start}.home-shell{padding:.6rem}.demo-card{min-height:150px}}