/* Only the roof wizard uses these rules. */
.calc-workspace.roof-mode{display:block}.rw-shell{background:var(--panel);border:1px solid #284562;border-radius:12px;padding:26px;min-width:0}.rw-progress{display:flex;gap:7px;list-style:none;margin:0 0 18px;padding:0;flex-wrap:wrap}.rw-progress li{flex:1;min-width:90px}.rw-progress button{width:100%;padding:9px 7px;font-size:12px}.rw-progress button[aria-current]{background:#168aff;border-color:#168aff}.rw-progress button:disabled{opacity:.4;cursor:default}.rw-selected{font-size:13px;color:#8bbdec;padding:10px 13px;background:#102a45;border-radius:6px}.rw-body h2{font-size:25px;margin:22px 0}.rw-shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rw-shape{padding:12px 10px;text-align:left;background:#101c2b;border:1px solid #315270;min-width:0;display:flex;flex-direction:column}.rw-shape[aria-pressed=true]{background:#123459;border:2px solid #168aff;padding:11px 9px}.rw-shape strong{font-size:15px}.rw-shape small{font-size:11px;color:#9bb2c9;margin-top:5px;font-weight:normal}.rw-shape svg{height:115px;width:100%}.rw-shape .rw-dim,.rw-shape .rw-caption{display:none}.rw-shape .rw-complex-mark{font-size:45px}.rw-plane{fill:#1c609d;stroke:#6aa8df;stroke-width:2;stroke-linejoin:round}.rw-tone-1{fill:#164678}.rw-tone-2{fill:#0f355c}.rw-edge{stroke:#a2cff6;stroke-width:2}.rw-dash{stroke:#a2b8cd;stroke-width:1.5;stroke-dasharray:5 4}.rw-dim{stroke:#9ab2cc;stroke-width:1.5}.rw-dim text{fill:#dceeff;stroke:none;font:bold 17px Arial}.rw-caption{fill:#9bb5cf;font:12px Arial}.rw-complex-mark{fill:#93c8fa;font:bold 55px Georgia}.rw-dim.rw-active{stroke:#ffca6b;stroke-width:3}.rw-dim.rw-active text{fill:#ffca6b;font-size:22px}.rw-size-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:start}.rw-drawing{position:sticky;top:16px;padding:18px;background:#0c1725;border:1px solid #294966;border-radius:9px}.rw-drawing svg{width:100%;height:auto;max-height:390px}.rw-drawing p{font-size:11px;text-align:center;margin:10px 0 0}.rw-field{display:block;font-size:14px;margin:0 0 18px}.rw-field input,.rw-field select,.rw-field textarea{display:block;width:100%;min-width:0;margin:6px 0}.rw-field small{display:block;font-size:12px}.rw-field input:focus,.rw-field select:focus,.rw-field textarea:focus{outline:2px solid #168aff;outline-offset:2px}.rw-advanced{padding:14px;border:1px solid #2d4b68;border-radius:7px;background:#0e1a29;margin:18px 0}.rw-advanced summary{color:#8dc7ff;cursor:pointer;font-size:14px}.rw-advanced p{font-size:12px}.rw-advanced[open] summary{margin-bottom:16px}.rw-navigation{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #2a4059;padding-top:20px;margin-top:20px}.rw-navigation button:first-child:not(.primary){margin-right:auto}.rw-navigation button:disabled{opacity:.4;cursor:default}.rw-material-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.rw-results{width:100%;border-collapse:collapse;font-size:14px}.rw-results th,.rw-results td{padding:14px 10px;border-bottom:1px solid #2b4057;text-align:left;overflow-wrap:anywhere}.rw-results th{width:55%;font-weight:normal;color:#abc0d4;padding-left:0}.rw-results td{font-weight:bold;color:#eaf5ff}.rw-body>.muted{font-size:13px}.rw-body>.notice{font-size:13px}.rw-error{color:#ffca9b;font-size:14px;white-space:pre-line}.rw-body>.calc-actions button{min-height:48px}.rw-body>.calc-actions button:disabled{opacity:.4;cursor:default}.rw-body>svg{max-width:400px;width:100%;display:block;margin:auto}@media(max-width:1000px){.rw-size-grid{grid-template-columns:1fr}.rw-drawing{position:static;max-width:500px;margin:auto;width:100%}.rw-shapes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.rw-shell{padding:17px}.rw-body h2{font-size:22px}.rw-progress{gap:5px}.rw-progress li{min-width:75px}.rw-progress button{font-size:11px;padding:8px 4px}.rw-shape svg{height:100px}.rw-shape strong{font-size:13px}.rw-shape small{font-size:11px}.rw-shapes{gap:8px}.rw-material-filters{grid-template-columns:1fr}.rw-results th,.rw-results td{padding:12px 5px;font-size:12px}.rw-drawing{padding:10px}.rw-navigation button{padding:11px 13px;font-size:13px}}