*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--ep-canvas);color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}:root{--ep-canvas:#080d16;--ep-panel:#07111f;--ep-panel-deep:#050b14;--ep-panel-soft:#0d1829;--ep-panel-active:#102345;--ep-border:#24324a;--ep-border-strong:#35507a;--ep-text:#e2e8f0;--ep-text-strong:#dbeafe;--ep-text-secondary:#94a3b8;--ep-text-muted:#64748b;--ep-text-disabled:#475569;--ep-label:#7dd3fc;--ep-blue:#3b82f6;--ep-blue-soft:#60a5fa;--ep-purple:#a78bfa;--ep-danger:#f87171;--ep-warning:#fbbf24;--ep-success:#86efac}button{cursor:pointer;font-family:inherit;transition:filter .12s}button:hover{filter:brightness(1.15)}.ep-editor-shell{background:var(--ep-canvas);flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.ep-editor-body{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.ep-topbar{border-bottom:1px solid var(--ep-border);z-index:35;background:#07111ff5;flex-shrink:0;align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.ep-brand{align-items:center;gap:8px;min-width:188px;display:flex}.ep-brand-mark{color:var(--ep-blue-soft);font-size:12px}.ep-brand-title{color:var(--ep-label);letter-spacing:2px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:700}.ep-brand-subtitle{color:var(--ep-text-muted);letter-spacing:1.2px;margin-top:1px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:7px}.ep-topbar-group{align-items:center;gap:4px;display:flex}.ep-topbar-cluster{padding-left:10px;position:relative}.ep-topbar-cluster:before{content:attr(data-cluster-label);color:#0000;background:var(--ep-border);width:1px;height:22px;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.ep-topbar-spacer{flex:1}.ep-input{border:1px solid var(--ep-border);color:var(--ep-text);background:#08101d;border-radius:5px;min-width:210px;height:28px;padding:0 9px;font-size:11px}.ep-btn{border:1px solid var(--ep-border);min-height:28px;color:var(--ep-text-secondary);white-space:nowrap;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;text-decoration:none;display:inline-flex}.ep-btn-icon{width:28px;padding:0;font-size:13px}.ep-btn-primary{background:var(--ep-panel-active);border-color:var(--ep-blue);color:#bfdbfe}.ep-btn-pro{color:var(--ep-purple)}.ep-btn-danger{color:var(--ep-danger);border-color:#7f1d1d}.ep-btn-disabled,.ep-btn:disabled{color:var(--ep-text-disabled);cursor:default;filter:none;border-color:#1a2540}.ep-pill{border:1px solid var(--ep-border);color:var(--ep-text-secondary);background:#08101d;border-radius:999px;align-items:center;gap:6px;padding:2px 7px;font-size:8px;display:inline-flex}.ep-toggle{border:1px solid var(--ep-border);background:#132035;border-radius:999px;width:34px;height:18px;padding:0;position:relative}.ep-toggle:after{content:"";background:#cbd5e1;border-radius:999px;width:12px;height:12px;transition:left .16s;position:absolute;top:2px;left:2px}.ep-toggle[data-on=true]{background:#1d4ed8;border-color:#3b82f6}.ep-toggle[data-on=true]:after{left:18px}.ep-left-sidebar{background:var(--ep-panel);border-right:1px solid var(--ep-border);z-index:20;flex-direction:column;height:100%;display:flex}.ep-panel-section{border-bottom:1px solid var(--ep-border)}.ep-panel-section.is-flex{flex-direction:column;flex:1;min-height:0;display:flex}.ep-panel-section-header{color:#7dd3fcdb;letter-spacing:1.8px;text-transform:uppercase;background:0 0;border:0;border-radius:0;flex:0 0 34px;align-items:center;gap:8px;width:100%;height:34px;min-height:34px;padding:0 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9px;display:flex}.ep-panel-section-count{color:var(--ep-text-muted);letter-spacing:0;margin-left:auto}.ep-mobile-drawer-controls{display:none}.ep-resizable-panel{--ep-panel-rail-width:28px;min-width:0;display:grid!important}.ep-resizable-panel-left{grid-template-columns:minmax(0, 1fr) var(--ep-panel-rail-width)}.ep-resizable-panel-right{grid-template-columns:var(--ep-panel-rail-width) minmax(0, 1fr)}.ep-resizable-panel-content{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.ep-resizable-panel-left .ep-resizable-panel-content{grid-column:1}.ep-resizable-panel-right .ep-resizable-panel-content{grid-column:2}.ep-panel-collapse-rail{min-width:var(--ep-panel-rail-width);border-color:var(--ep-border);background:#050b14b8;grid-row:1;justify-content:center;align-items:center;height:100%;display:flex}.ep-resizable-panel-left .ep-panel-collapse-rail{border-left:1px solid var(--ep-border);grid-column:2}.ep-resizable-panel-right .ep-panel-collapse-rail{border-right:1px solid var(--ep-border);grid-column:1}.ep-panel-collapse-button{width:var(--ep-panel-toggle-size,24px);height:var(--ep-panel-toggle-size,24px);border:1px solid var(--ep-border);background:var(--ep-panel-soft);color:var(--ep-text-secondary);box-shadow:none;border-radius:5px;padding:0;font-size:12px;line-height:1}.ep-resizable-panel.is-collapsed{--ep-panel-rail-width:34px;grid-template-columns:1fr}.ep-resizable-panel.is-collapsed .ep-resizable-panel-content{display:none}.ep-resizable-panel.is-collapsed .ep-panel-collapse-rail{border-left:0;border-right:0;grid-column:1}.ep-panel-section-body{padding:0 10px 10px}.ep-panel-section-body.is-scroll{min-height:0;overflow-y:auto}.ep-tool-list{gap:4px;display:grid}.ep-tool-button,.ep-component-row{width:100%;color:var(--ep-text-secondary);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;display:flex}.ep-tool-button{justify-content:space-between;min-height:32px;padding:0 9px;font-size:11px}.ep-tool-main{align-items:center;gap:8px;display:flex}.ep-tool-icon{width:18px;color:var(--ep-text);text-align:center;font-size:13px}.ep-tool-key{color:var(--ep-text-muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:8px}.ep-palette-guide{color:var(--ep-text-muted);border:1px solid var(--ep-border);background:#08101d;border-radius:6px;margin-bottom:8px;padding:8px;font-size:10px;line-height:1.45}.ep-segmented{border:1px solid var(--ep-border);background:#08101d;border-radius:6px;display:flex;overflow:hidden}.ep-segmented button{border:0;border-right:1px solid var(--ep-border);min-height:28px;color:var(--ep-text-secondary);background:0 0;flex:1;font-size:10px}.ep-segmented button:last-child{border-right:0}.ep-segmented button.is-active{color:#bfdbfe;background:var(--ep-panel-active)}.ep-palette-filter{margin-bottom:8px}.ep-tool-button.is-active,.ep-component-row.is-active{background:var(--ep-panel-active);border-color:var(--ep-blue);color:#bfdbfe}.ep-component-search{width:100%;min-width:0;margin-bottom:8px}.ep-component-list{gap:5px;display:grid}.ep-component-category{color:var(--ep-text-muted);letter-spacing:1.4px;text-transform:uppercase;margin:10px 2px 4px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:8px}.ep-component-row{cursor:pointer;text-align:left;align-items:flex-start;gap:9px;min-height:54px;padding:8px}.ep-component-icon{border:1px solid var(--ep-border);background:#0b1628;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;display:flex}.ep-component-copy{flex:1;min-width:0;display:block}.ep-component-title{color:var(--ep-text-strong);align-items:center;gap:6px;font-size:12px;line-height:1.25;display:flex}.ep-component-desc{color:var(--ep-text-secondary);margin-top:3px;font-size:10px;line-height:1.35;display:block}.ep-component-row.is-locked .ep-component-title{color:var(--ep-text-secondary)}.ep-component-row.is-locked .ep-component-icon{opacity:.72}.ep-bg-panel{color:var(--ep-text-secondary);gap:8px;font-size:9px;display:grid}.ep-bg-wide{width:100%}.ep-bg-note,.ep-bg-warning{color:var(--ep-text-muted);line-height:1.45}.ep-bg-warning{color:var(--ep-warning);background:#1a1405;border:1px solid #713f12;border-radius:5px;padding:7px}.ep-bg-card{border:1px solid var(--ep-border);background:#08101d;border-radius:6px;padding:8px}.ep-bg-title{color:var(--ep-text-strong);overflow-wrap:anywhere;font-size:10px;line-height:1.35}.ep-bg-status{color:var(--ep-text-muted);margin-top:4px;font-size:8px}.ep-bg-status.is-ready{color:var(--ep-success)}.ep-bg-status.is-missing,.ep-bg-status.is-error{color:var(--ep-warning)}.ep-bg-range,.ep-bg-field{gap:4px;display:grid}.ep-bg-range{grid-template-columns:auto 1fr auto;align-items:center}.ep-bg-range input{min-width:0}.ep-bg-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ep-bg-field span{color:var(--ep-text-muted);font-size:8px}.ep-bg-field input{border:1px solid var(--ep-border);width:100%;min-width:0;height:26px;color:var(--ep-text);background:#08101d;border-radius:5px;padding:0 6px;font-family:IBM Plex Mono,monospace;font-size:10px}.ep-bg-field input:disabled{color:var(--ep-text-disabled)}.ep-bg-toggle-row,.ep-bg-calibration{grid-template-columns:1fr 1fr;align-items:end;gap:6px;display:grid}.ep-canvas-helpbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--ep-border);background:#060912bd;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:11px;display:flex;position:absolute;top:0;left:0;right:0}.ep-canvas-hint{color:var(--ep-text-muted)}.ep-place-pill{background:var(--ep-panel-active);color:#bfdbfe;border:1px solid var(--ep-blue);border-radius:5px;align-items:center;gap:8px;min-height:30px;padding:3px 10px;display:flex}.ep-place-pill button{color:#bfdbfe;opacity:.75;background:0 0;border:0;min-width:28px;min-height:28px;padding:0}.ep-zoom-btn{width:28px;height:28px}.ep-muted-stat{color:var(--ep-text-muted);gap:8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9px;display:flex}.ep-empty-canvas{z-index:18;border:1px solid var(--ep-border-strong);width:min(440px,100% - 48px);color:var(--ep-text-secondary);pointer-events:auto;background:#07111ff0;border-radius:8px;padding:18px;position:absolute;top:104px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0008}.ep-empty-kicker{color:var(--ep-label);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}.ep-empty-canvas h2{color:var(--ep-text-strong);margin-bottom:8px;font-size:20px;font-weight:700;line-height:1.2}.ep-empty-canvas p{margin-bottom:14px;font-size:13px;line-height:1.55}.ep-empty-actions{flex-wrap:wrap;gap:8px;display:flex}.ep-empty-actions .ep-btn{min-height:34px}.ep-empty-links{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.ep-empty-link{color:var(--ep-blue-soft);background:0 0;border:0;padding:0;font-size:12px}.ep-demo-tip{z-index:15;border:1px solid var(--ep-border);max-width:min(720px,100% - 40px);color:var(--ep-text-muted);pointer-events:none;background:#060c16e6;border-radius:7px;gap:12px;padding:8px 10px;font-size:11px;display:flex;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}@media (width<=1500px){.ep-topbar-secondary{display:none}}.ep-right-sidebar{background:var(--ep-panel);flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.ep-inspector-pane{flex:1;min-height:0}.ep-validation-section{border-top:1px solid var(--ep-border);background:var(--ep-panel-deep);flex-shrink:0}.ep-validation-header{color:#7dd3fce6;letter-spacing:1.8px;text-transform:uppercase;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;width:100%;height:34px;padding:0 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9px;display:flex}.ep-validation-badge{letter-spacing:0;border:1px solid var(--ep-border);color:var(--ep-text-secondary);background:#08101d;border-radius:999px;margin-left:auto;padding:1px 6px}.ep-validation-badge.is-pro{color:var(--ep-purple);background:#1a0a2e;border-color:#4c1d95}.ep-validation-body{max-height:260px;padding:8px 10px 10px;overflow-y:auto}.ep-validation-status{align-items:center;gap:7px;margin-bottom:7px;font-size:11px;font-weight:600;display:flex}.ep-validation-dot{border-radius:999px;flex-shrink:0;width:7px;height:7px}.ep-validation-preview-note{color:var(--ep-text-muted);margin-bottom:7px;font-size:10px;line-height:1.5}.ep-validation-list{gap:4px;display:grid}.ep-validation-issue{color:var(--ep-text-secondary);background:#08101d;border:1px solid #101c30;border-radius:5px;align-items:flex-start;gap:7px;padding:6px 7px;font-size:10px;line-height:1.45;display:flex}.ep-validation-issue:hover{background:#0f172a}.ep-validation-copy{gap:6px;min-width:0;display:grid}.ep-validation-actions{flex-wrap:wrap;gap:5px;display:flex}.ep-validation-actions button{border:1px solid var(--ep-border);min-height:24px;color:var(--ep-text-secondary);background:#0b1628;border-radius:5px;padding:0 7px;font-size:9px}.ep-validation-actions button:disabled{cursor:default;opacity:.45;filter:none}.ep-validation-explain{color:var(--ep-text-muted);border-top:1px solid #101c30;padding-top:6px;font-size:9px;line-height:1.45;display:block}.ep-validation-icon{border:1px solid;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;font-size:9px;display:flex}.ep-validation-empty{color:var(--ep-text-muted);border:1px solid var(--ep-border);background:#08101d;border-radius:6px;padding:8px;font-size:10px;line-height:1.5}.ep-validation-upgrade{color:var(--ep-text-muted);flex-direction:column;gap:7px;margin-top:8px;font-size:10px;display:flex}.ep-validation-upgrade .ep-btn{width:100%}.ep-validation-footer{color:var(--ep-text-muted);margin-top:7px;font-size:8px}.ep-inspector-empty{color:var(--ep-text-secondary);margin-bottom:12px;line-height:1.55}.ep-inspector-empty-title{color:var(--ep-text-strong);margin-bottom:5px;font-size:13px;font-weight:700}.ep-inspector-empty-copy{color:var(--ep-text-muted);font-size:11px}.ep-inspector-actions{gap:6px;margin-top:10px;display:grid}.ep-inspector-actions .ep-btn{width:100%}@media (width<=1120px){.ep-brand-subtitle,.ep-hide-compact{display:none}.ep-brand{min-width:auto}.ep-input{width:150px;min-width:150px}}@media (width<=760px){.ep-editor-body{overflow:hidden}.ep-topbar{scrollbar-width:none;gap:6px;overflow:auto hidden}.ep-topbar::-webkit-scrollbar{display:none}.ep-brand{flex:none}.ep-brand-title{letter-spacing:1.3px;font-size:11px}.ep-topbar-cluster{padding-left:6px}.ep-topbar-cluster:before{display:none}.ep-input{width:150px;min-width:150px}.ep-mobile-drawer-controls{z-index:38;gap:8px;display:flex;position:absolute;top:10px;left:10px}[data-sidebar],[data-inspector-panel]{visibility:hidden;transition:transform .18s,visibility .18s;top:44px;bottom:0;box-shadow:0 18px 42px #000b;z-index:36!important;width:min(340px,86vw)!important;min-width:0!important;max-width:none!important;position:fixed!important}[data-sidebar] .ep-panel-collapse-rail,[data-inspector-panel] .ep-panel-collapse-rail{display:none}[data-sidebar] .ep-resizable-panel-content,[data-inspector-panel] .ep-resizable-panel-content{grid-column:1}[data-sidebar]{left:0;transform:translate(-105%)}[data-inspector-panel]{right:0;transform:translate(105%)}[data-sidebar][data-mobile-open=true],[data-inspector-panel][data-mobile-open=true]{visibility:visible;transform:translate(0)}[data-canvas]{flex:auto!important;width:100%!important}.ep-canvas-helpbar{flex-wrap:wrap;align-items:flex-start;min-height:72px;padding-top:10px;top:48px}.ep-canvas-helpbar>div:last-child{justify-content:flex-end;width:100%;margin-left:0!important}.ep-empty-canvas{width:calc(100% - 28px);padding:16px;top:142px}.ep-empty-canvas h2{font-size:18px}.ep-empty-actions{grid-template-columns:1fr;display:grid}.ep-demo-tip{display:none}}@media (pointer:coarse){.ep-btn,.ep-tool-button,.ep-component-row,.ep-segmented button,.ep-empty-actions .ep-btn,.ep-inspector-actions .ep-btn{min-height:42px}.ep-btn-icon,.ep-place-pill button,.ep-zoom-btn,.ep-toggle{min-width:42px;min-height:42px}:root{--ep-panel-toggle-size:42px}}input{outline:none;font-family:inherit}input:focus{outline:1px solid #3b82f6}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0a0f1a}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#334155}.no-select{-webkit-user-select:none;user-select:none}@media print{[data-sidebar],[data-toolbar],[data-inspector],[data-floortabs],[data-lessonpanel],[data-zoomcontrols],[data-modal]{display:none!important}html,body,#root{background:#fff!important;height:auto!important;overflow:visible!important}[data-canvas]{width:100vw!important;height:100vh!important;padding:0!important;position:static!important}[data-canvas] svg{width:100%!important;height:100%!important}[data-canvas]:before{content:attr(data-project-name) " — ElectroPlan";color:#334155;padding:4mm 0 2mm;font-family:monospace;font-size:10pt;display:block}}