.schematic-panel{min-width:0;color:var(--foreground);padding:0;position:relative}.power-model{isolation:isolate;background:#fff;border:1px solid #e9e5e1;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 2px #f7f5f3,0 16px 34px -30px #987d6c}.power-model-heading{z-index:2;color:#746255;font-family:var(--font-mono), monospace;letter-spacing:.065em;align-items:center;gap:9px;margin:0 1.25rem;padding-top:1.1rem;font-size:10px;display:flex;position:relative}.power-model-mark{border:1px solid #93674e;width:7px;height:7px;transform:rotate(45deg)}.power-model-index{color:#797d79;margin-left:auto}.power-model-viewport{aspect-ratio:1.55;width:100%;max-height:440px;position:relative}.power-model-viewport canvas,.power-model-poster{width:100%;height:100%;display:block;position:absolute;inset:0}.power-model-viewport canvas{opacity:0;transition:opacity .65s}.power-model-poster{object-fit:contain;transition:opacity .5s}.power-model[data-ready=true] canvas{opacity:1}.power-model[data-ready=true] .power-model-poster{opacity:0}.power-model-labels{pointer-events:none;position:absolute;inset:0}.power-model[data-ready=false] .power-model-labels{visibility:hidden}.power-model-label{white-space:nowrap;color:#4b5551;font-family:var(--font-mono), monospace;letter-spacing:.07em;background:#ffffffde;border-radius:2px;padding:3px 5px;font-size:10px;font-weight:500;line-height:1.1;position:absolute;transform:translate(-50%,-50%)}.power-model-label-inverter-pv,.power-model-label-inverter-wind,.power-model-label-bus{color:#87583f;font-size:9px}.power-model-footer{border-top:1px solid #edeae7;justify-content:space-between;align-items:center;min-height:45px;margin:0 1.25rem;display:flex}.power-model-legend{color:var(--muted-foreground);align-items:center;gap:8px;font-size:11px;display:flex}.power-model-legend>span{background:#b79277;width:20px;height:2px;position:relative}.power-model-legend>span:after{content:"";background:#87583f;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:0}.power-model-motion{color:#65594f;cursor:pointer;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 2px 0 12px;font-size:11px;display:inline-flex}.power-model-motion svg{stroke-width:1.5px;width:12px;height:12px}.power-model-motion:hover{color:var(--primary)}.power-model-motion:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.schematic-panel figcaption{border-color:var(--border);background:#fff;margin-top:.75rem;padding:.35rem 0}.schematic-panel figcaption summary{font-size:.75rem}@media (max-width:767px){.power-model-viewport{aspect-ratio:1.2;max-height:none}.power-model-heading{margin:0 .9rem;font-size:8px}.power-model-footer{margin:0 .9rem}.power-model-label{padding:2px 3px;font-size:9px}.power-model-label-inverter-pv,.power-model-label-inverter-wind,.power-model-label-bus{font-size:8px}}@media (prefers-reduced-motion:reduce){.power-model-viewport canvas,.power-model-poster{transition:none}}@media print{.power-model{box-shadow:none}.power-model-viewport canvas,.power-model-motion{display:none}.power-model-labels{visibility:hidden}.power-model[data-ready=true] .power-model-poster{opacity:1}}
