.rg-roof,.rg-grids,.rg-preview{min-width:0}.rg-eyebrow{font:9px 'Segoe UI',sans-serif;letter-spacing:1.3px;color:#cbb17d;display:block;margin-bottom:7px}.rg-roof h3,.rg-grids h3,.rg-preview h3{font:21px Georgia,serif;margin:0 0 12px;color:#eee2cc}
.rg-roof-choices{display:flex;gap:8px;margin-bottom:13px}.rg-roof-choices button{flex:1;padding:11px;text-align:left;border:1px solid #49646a;border-radius:8px;background:#142a31;color:#dfdfcf}.rg-roof-choices strong,.rg-roof-choices small{display:block}.rg-roof-choices small{font-size:10px;margin-top:6px;color:#acc2c3}.rg-roof-choices [aria-pressed=true]{border-color:#cfaf75;background:#3a443d}.rg-roof-choices button:disabled{opacity:.45;cursor:not-allowed}
.rg-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;font-size:12px!important;color:#d7dfd8!important;margin:10px 0!important}.rg-toggle input{accent-color:#ceac73;width:15px;height:15px;flex:none}.rg-note{font-size:11px;line-height:1.65;color:#a6bdc0;margin:9px 0}.rg-warning{border-left:2px solid #d5a06e;font-size:11px;line-height:1.6;color:#dfb99b;padding:6px 10px;margin:10px 0}.rg-fit{font-size:12px;line-height:1.5;color:#a8dbcb}
.rg-railing-edges{font-size:11px;color:#c4d0cb}.rg-railing-edges summary{cursor:pointer;padding:5px 0}.rg-railing-edges>div{display:flex;gap:12px;flex-wrap:wrap;margin:5px 0}.rg-railing-edges label{display:flex!important;flex-direction:row!important;align-items:center;gap:5px}.rg-railing-edges input{accent-color:#ceac73}
.rg-grid-row{padding:2px 0 13px;border-bottom:1px solid #334d54}.rg-grid-row+.rg-grid-row{padding-top:8px}.rg-colors{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.rg-colors input[type=color]{width:34px;max-width:34px;height:30px;padding:2px;background:#14282d;border:1px solid #526b70;border-radius:5px;cursor:pointer}.rg-colors input.rg-hex{width:82px!important;max-width:82px!important;border:1px solid #48636a;background:#0f2229;border-radius:5px;color:#dce6de;font:11px monospace;padding:6px}.rg-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rg-colors button.rg-color{min-width:24px;width:24px;height:24px;border:2px solid #52656a;border-radius:50%;padding:0;background:var(--grid-color)}.rg-colors button.rg-color[aria-pressed=true]{outline:1px solid #e7cfa1;outline-offset:2px}.rg-colors button.rg-reset{font-size:10px;padding:5px 6px;border:0;color:#c9b484;background:none}.rg-colors :disabled{opacity:.45;cursor:not-allowed}.rg-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.rg-actions button{font-size:11px;padding:8px 10px;color:#dce5de;background:#1c343b;border:1px solid #527277;border-radius:6px}
.room-roof-grid-panel{display:grid;grid-template-columns:1.1fr 1.2fr .9fr;gap:22px}.room-roof-grid-panel>section+section{padding-left:20px;border-left:1px solid #354f54}.room-roof-grid-panel [hidden]{display:none!important}
.rg-coverage{margin:12px 0;border-top:1px solid #334d54;padding-top:10px}.rg-label{display:block;font-size:11px;color:#b9cbc8;margin-bottom:7px}.rg-segments{display:flex;gap:5px;flex-wrap:wrap}.rg-segments button{font-size:11px;padding:7px 9px;background:#142a31;color:#c3d4ce;border:1px solid #49646a;border-radius:6px}.rg-segments button[aria-pressed=true]{background:#314d4b;border-color:#8ad8d5;color:#eef5eb}.rg-segments button:disabled{opacity:.4;cursor:not-allowed}.rg-area-fields{display:flex;align-items:center;gap:12px;margin-top:12px}.rg-area-fields label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#b9cbc8}.rg-area-fields select{background:#142a31;color:#d8e4df;border:1px solid #49646a;border-radius:5px;padding:6px;max-width:110px}.rg-coverage-map{position:relative;width:64px;max-height:90px;flex:none;background:#20353b;border:1px solid #627c7d;overflow:hidden}.rg-coverage-map>div{position:absolute;background:#6ec5bb66;border:1px solid #96e9da;box-sizing:border-box}.rg-actions small{font-size:10px;color:#b4c8c4;line-height:1.5;align-self:center;max-width:180px}
@media(max-width:1100px){.room-roof-grid-panel{grid-template-columns:1fr 1fr}.room-roof-grid-panel>.rg-preview{grid-column:1/-1;border-left:0;border-top:1px solid #354f54;padding:12px 0 0}}
@media(max-width:760px){.room-roof-grid-panel{grid-template-columns:1fr;gap:12px}.room-roof-grid-panel>section+section{padding:12px 0 0;border-left:0;border-top:1px solid #354f54}.rg-roof h3,.rg-grids h3,.rg-preview h3{font-size:19px}.rg-colors{gap:9px}.rg-colors input[type=color]{width:38px;max-width:38px;height:34px}.rg-colors button.rg-color{width:27px;height:27px}}

.rg-pitch-fields{display:flex;gap:12px;flex-wrap:wrap}.rg-pitch-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b9cbc8}.rg-pitch-fields select{background:#142a31;color:#d8e4df;border:1px solid #49646a;border-radius:6px;padding:9px;min-height:36px}

.rg-fixed-pitch{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b9cbc8}.rg-fixed-pitch strong{font-weight:500;color:#d8e4df;padding:9px 0;min-height:36px}