.tech-panel{gap:var(--pl-space-md);flex-direction:column;display:flex}.tech-panel__hint,.tech-panel__empty{color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-sm);margin:0}.tech-panel__group,.tech-panel__selected{gap:var(--pl-space-sm);flex-direction:column;display:flex}.tech-panel__title{font-size:var(--pl-font-size-md);margin:0}.tech-panel__grid{gap:var(--pl-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tech-panel__card{align-items:center;gap:var(--pl-space-xs);min-width:0;padding:var(--pl-space-sm);text-align:center;background:var(--pl-color-surface);border:1.5px solid var(--pl-color-border);border-radius:var(--pl-radius-md);color:var(--pl-color-text-secondary);cursor:pointer;flex-direction:column;display:flex}.tech-panel__card:hover{border-color:var(--pl-color-primary)}.tech-panel__card--active{border-color:var(--pl-color-primary);background:var(--pl-color-primary-subtle)}.tech-panel__card:disabled{cursor:not-allowed;opacity:1;background:var(--pl-color-neutral-100);border-color:var(--pl-color-neutral-300)}.tech-panel__icon{width:2.4rem;height:2.4rem;overflow:visible}.tech-panel__card-name{color:var(--pl-color-text-primary);font-size:var(--pl-font-size-sm);font-weight:var(--pl-font-weight-semibold);line-height:1.2}.tech-panel__systems,.tech-panel__zones{gap:var(--pl-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tech-panel__system-item{align-items:center;gap:var(--pl-space-xs);display:flex}.tech-panel__chip{align-items:center;gap:var(--pl-space-xs);min-width:0;padding:var(--pl-space-xs) var(--pl-space-sm);background:var(--pl-color-surface);border:1.5px solid var(--pl-color-border);border-radius:var(--pl-radius-full);color:var(--pl-color-text-primary);cursor:pointer;flex:1;display:flex}.tech-panel__chip--active{border-color:var(--pl-color-primary);background:var(--pl-color-primary-subtle)}.tech-panel__dot{border-radius:var(--pl-radius-full);flex:none;width:.75rem;height:.75rem}.tech-panel__chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tech-panel__rename{flex:1;min-width:0}.tech-panel__icon-btn{border:1.5px solid var(--pl-color-border);border-radius:var(--pl-radius-md);width:1.75rem;height:1.75rem;color:var(--pl-color-text-secondary);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.tech-panel__zone-tool,.tech-panel__zone-row{width:100%;padding:var(--pl-space-sm);text-align:left;background:var(--pl-color-surface);border:1.5px solid var(--pl-color-border);border-radius:var(--pl-radius-md);color:var(--pl-color-text-primary);cursor:pointer}.tech-panel__zone-tool--active,.tech-panel__zone-row--active{border-color:var(--pl-color-primary);background:var(--pl-color-primary-subtle)}.tech-panel__zone-row{flex-direction:column;gap:2px;display:flex}.tech-panel__zone-row small{color:var(--pl-color-text-secondary)}.tech-panel__selected{padding-top:var(--pl-space-md);border-top:1px solid var(--pl-color-border)}.tech-panel__field{justify-content:space-between;align-items:center;gap:var(--pl-space-sm);font-size:var(--pl-font-size-sm);display:flex}.tech-panel__field--column{flex-direction:column;align-items:stretch}.tech-panel__field input,.tech-panel__field select{min-width:0}.tech-panel__metrics{gap:var(--pl-space-xs) var(--pl-space-sm);font-size:var(--pl-font-size-sm);grid-template-columns:1fr auto;display:grid}.tech-panel__metrics strong{text-align:right}.tech-panel__warning{margin:var(--pl-space-xs) 0 0;padding:var(--pl-space-xs) var(--pl-space-sm);border-left:3px solid var(--pl-color-action-primary);background:var(--pl-color-surface-muted);font-size:var(--pl-font-size-sm);line-height:1.4}.tech-panel__energy{padding-bottom:var(--pl-space-md);border-bottom:1px solid var(--pl-color-border)}.tech-panel__pv-array{gap:var(--pl-space-sm);padding:var(--pl-space-sm);background:var(--pl-color-surface-muted);border:1px solid var(--pl-color-border);border-radius:var(--pl-radius-md);flex-direction:column;display:flex}.tech-panel__pv-heading{justify-content:space-between;align-items:center;gap:var(--pl-space-sm);display:flex}.tech-panel__pv-counts{gap:var(--pl-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roof-panel{margin-bottom:var(--pl-space-xl)}.roof-panel__title{margin:0 0 var(--pl-space-xs);font-size:var(--pl-font-size-md)}.roof-panel__hint{margin:0 0 var(--pl-space-md);color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-sm)}.roof-panel__grid{gap:var(--pl-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roof-panel__card{align-items:center;gap:var(--pl-space-xs);padding:var(--pl-space-sm);text-align:center;background:var(--pl-color-surface);border:1.5px solid var(--pl-color-border);border-radius:var(--pl-radius-md);color:var(--pl-color-text-secondary);cursor:pointer;flex-direction:column;transition:border-color .12s,background .12s,color .12s;display:flex}.roof-panel__card:hover{border-color:var(--pl-color-primary);color:var(--pl-color-text-primary)}.roof-panel__card--active{border-color:var(--pl-color-primary);background:var(--pl-color-primary-subtle);color:var(--pl-color-primary)}.roof-panel__icon{width:100%;max-width:3rem;height:auto}.roof-panel__card-name{font-size:var(--pl-font-size-sm);font-weight:var(--pl-font-weight-semibold);color:var(--pl-color-text-primary)}.roof-panel__card--active .roof-panel__card-name{color:var(--pl-color-primary)}.roof-panel__card-desc{font-size:var(--pl-font-size-xs);line-height:var(--pl-line-height-tight);color:var(--pl-color-text-muted)}.roof-panel__controls{margin-top:var(--pl-space-lg);gap:var(--pl-space-md);flex-direction:column;display:flex}.roof-panel__field{align-items:stretch;gap:var(--pl-space-xs);font-size:var(--pl-font-size-sm);flex-direction:column;display:flex}.roof-panel__field input[type=range]{width:100%}.roof-panel__field-hint{margin:calc(-1 * var(--pl-space-xs)) 0 0;color:var(--pl-color-text-secondary);font-size:var(--pl-font-size-xs)}.roof-panel__overhang-sides{gap:var(--pl-space-sm);flex-direction:column;display:flex}.roof-panel__overhang-row{align-items:flex-end;gap:var(--pl-space-xs);display:flex}.roof-panel__overhang-row .editor-props__field{flex:1;min-width:0}.roof-panel__overhang-reset{border:1.5px solid var(--pl-color-border);border-radius:var(--pl-radius-sm);background:var(--pl-color-surface);width:1.75rem;height:1.75rem;color:var(--pl-color-text-secondary);cursor:pointer;flex:none;justify-content:center;align-items:center;display:flex}.roof-panel__overhang-reset:hover:not(:disabled){border-color:var(--pl-color-primary);color:var(--pl-color-primary)}.roof-panel__overhang-reset:disabled{opacity:.35;cursor:default}.roof-panel__colors{gap:var(--pl-space-sm);margin-top:var(--pl-space-xs);flex-wrap:wrap;display:flex}.roof-panel__swatch{border-radius:var(--pl-radius-sm);border:2px solid var(--pl-color-border);cursor:pointer;width:2rem;height:2rem}.roof-panel__swatch--active{border-color:var(--pl-color-primary);outline:2px solid var(--pl-color-primary-subtle)}.roof-panel__card--active,.roof-panel__card--active .roof-panel__card-name,.roof-panel__overhang-reset:hover:not(:disabled){color:var(--pl-color-action-primary-text)}.roof-panel__overhang-reset:disabled{opacity:1;background:var(--pl-color-neutral-100);border-color:var(--pl-color-neutral-300);color:var(--pl-color-neutral-700)}.roof-panel__card-desc{color:var(--pl-color-text-secondary)}