.roof-pitch-visual{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:24px;align-items:center;margin:22px 0 4px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.roof-pitch-svg-wrap{min-width:0;background:linear-gradient(180deg,rgba(15,118,110,.05),rgba(15,118,110,.015));border:1px solid var(--line);border-radius:14px;padding:10px}
.roof-pitch-svg-wrap svg{display:block;width:100%;height:auto;max-height:260px}
.roof-pitch-svg-wrap line{stroke:currentColor;stroke-width:3;stroke-linecap:round}.roof-pitch-svg-wrap [data-pitch-slope-line]{stroke-width:5}.roof-triangle-fill{fill:rgba(15,118,110,.08);stroke:none}.roof-pitch-svg-wrap text{fill:currentColor;font:600 14px system-ui,sans-serif}
.calc-form .field[hidden]{display:none!important}.calc-form select[data-mode-controller]{width:100%}
@media(max-width:760px){.roof-pitch-visual{grid-template-columns:1fr;padding:16px}.roof-pitch-svg-wrap{padding:6px}}
@media print{.roof-pitch-visual{break-inside:avoid}.roof-pitch-visual .btn{display:none}}