#roof-workspace{padding:12px;flex:1;min-height:0;overflow:auto}
.rf-layout{display:grid;grid-template-columns:175px minmax(0,1fr) minmax(0,1fr) 330px;gap:12px;height:calc(100dvh - 225px);min-height:450px}
.rf-grid,.rf-views{display:contents}.rf-navigation{min-width:0;overflow:auto;padding:12px 4px}.rf-heading h1{font-size:23px;margin:0 0 10px}.rf-heading p,.rf-navigation p{font-size:13px;line-height:1.7;color:var(--dim,#a8b3c5)}
.rf-roofs{display:flex;flex-direction:column;gap:10px;margin:24px 0}.rf-roofs button{text-align:left;white-space:normal;padding:12px}
.rf-panel{min-width:0;border:1px solid var(--line,#353b48);border-radius:10px;background:var(--panel,#171b23);padding:16px}
.rf-views>.rf-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.rf-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.rf-bar b{flex-basis:100%;font-size:15px;margin-bottom:8px}.rf-bar button,.rf-plan-tools button,.rf-detail-actions button{font-size:12px;padding:7px 9px}.rf-bar span,.rf-panel p{font-size:12px;color:var(--dim,#a8b3c5);line-height:1.5}
.rf-plan-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px}.rf-plan-tools label{display:flex;gap:5px;align-items:center;font-size:12px}.rf-plan-tools select{width:auto;padding:5px;font-size:12px}.rf-plan-tools input{width:auto}.rf-plan-tools label:last-child{flex-basis:100%}#rf-prompt{min-height:36px;margin:10px 0}
#rf-plan,#rf-3d{flex:1;min-height:120px;min-width:0;overflow:hidden}#rf-plan svg{display:block;width:100%;height:100%;touch-action:none}#rf-plan:focus-visible{outline:2px solid var(--accent,#5984ff)}#rf-3d canvas{display:block;width:100%;height:100%}
.rf-settings{overflow:auto}.rf-detail-actions{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.rf-settings h2{margin:0}.rf-settings label{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-size:13px}.rf-settings input,.rf-settings select{width:100%;min-width:0}.rf-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rf-settings .rf-check{flex-direction:row;align-items:center}.rf-check input{width:auto}.rf-settings details{border-top:1px solid var(--line,#353b48);padding:14px 0}.rf-settings summary{cursor:pointer;font-weight:600}.rf-submit{position:sticky;top:-16px;background:var(--panel,#171b23);z-index:2;padding:6px 0 12px}.rf-generate{width:100%;margin:4px 0 8px}#rf-status{font-size:12px;line-height:1.5;color:var(--dim,#a8b3c5)}
.rf-cutlist{margin-top:12px}.rf-cutlist>summary{padding:10px;cursor:pointer}.rf-cutlist .rf-panel{overflow:auto}#rf-results h2{margin-top:0}#rf-results table{width:100%;border-collapse:collapse}#rf-results th,#rf-results td{text-align:left;padding:10px;border-bottom:1px solid var(--line,#353b48)}.rf-issue{color:#e6b879!important}
@media(min-width:1700px){.rf-layout{grid-template-columns:210px minmax(0,1fr) minmax(0,1fr) 380px}}
@media(max-width:1350px){.rf-layout{grid-template-columns:145px minmax(0,1fr) minmax(0,1fr) 280px;gap:8px}.rf-panel{padding:12px}.rf-fields{grid-template-columns:1fr}.rf-heading h1{font-size:20px}}
@media(max-width:1050px){.rf-layout{grid-template-columns:145px minmax(0,1fr) 280px;height:auto}.rf-views>.rf-panel{grid-column:2;min-height:400px}.rf-navigation{grid-column:1;grid-row:1/3}.rf-settings{grid-column:3;grid-row:1/3;max-height:850px}}
@media(max-width:720px){.rf-layout{display:flex;flex-direction:column}.rf-roofs{flex-direction:row;margin:8px 0}.rf-navigation>p,.rf-heading p{display:none}.rf-views>.rf-panel{height:430px;flex:none}.rf-settings{max-height:none}.rf-fields{grid-template-columns:1fr 1fr}}

/* Compact view controls share one baseline; drawing tools occupy one extra row. */
.rf-view-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:30px;padding-bottom:8px;border-bottom:1px solid var(--line,#353b48);margin-bottom:8px}.rf-view-head b{font-size:14px;margin-right:auto;white-space:nowrap}.rf-view-head button,.rf-edit-tools button,.rf-edit-tools select{height:28px;min-height:28px;padding:3px 8px;font-size:12px;line-height:20px;white-space:nowrap}.rf-tool-group{display:inline-flex;align-items:center;gap:0;flex:none}.rf-tool-group button{border-radius:0;margin-left:-1px}.rf-tool-group button:first-child{border-radius:5px 0 0 5px;margin-left:0}.rf-tool-group button:last-child{border-radius:0 5px 5px 0}.rf-underlay{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.rf-underlay input{width:auto;margin:0}.rf-edit-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.rf-edit-tools select{width:auto;max-width:115px}.rf-orbit-hint{font-size:11px;color:var(--dim,#a8b3c5)}#rf-prompt.rf-view-status,.rf-view-status{flex:none;min-height:0;margin:8px 0 0;font-size:11px;line-height:16px;color:var(--dim,#a8b3c5)}