.werkzeugleiste{display:flex;align-items:center;height:var(--ep-toolbar-hoehe);background:var(--ep-bg-panel);border-bottom:1px solid var(--ep-rand);padding:0 8px;gap:4px;-webkit-user-select:none;user-select:none}.werkzeug-gruppe{display:flex;gap:2px}.werkzeug-trenner{width:1px;height:24px;background:var(--ep-rand);margin:0 6px}.werkzeug-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;transition:background .15s}.werkzeug-btn:hover{background:var(--ep-bg-hell)}.werkzeug-btn.aktiv{background:var(--ep-akzent);color:#000}.werkzeug-btn:disabled{opacity:.3;cursor:default}.werkzeug-btn:disabled:hover{background:transparent}.werkzeug-icon{font-size:14px;width:18px;text-align:center}.werkzeug-label{font-size:11px}.werkzeug-spacer{flex:1}.zoom-anzeige{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.symbol-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.symbol-panel-header{padding:8px 12px;border-bottom:1px solid var(--ep-rand);display:flex;align-items:center;justify-content:space-between}.symbol-verwalten-btn{background:none;border:1px solid var(--ep-rand);color:var(--ep-text-gedaempft);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1}.symbol-verwalten-btn:hover{color:var(--ep-akzent);border-color:var(--ep-akzent)}.symbol-panel-header h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ep-text-gedaempft)}.symbol-suche{margin:8px;padding:6px 10px;font-size:13px;width:calc(100% - 16px)}.symbol-kategorien{flex:1;overflow-y:auto;padding-bottom:8px}.symbol-kategorie{border-bottom:1px solid var(--ep-rand)}.kategorie-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;text-align:left;font-size:13px;font-weight:500}.kategorie-header:hover{background:var(--ep-bg-hell)}.kategorie-punkt{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kategorie-name{flex:1}.kategorie-pfeil{font-size:10px;color:var(--ep-text-gedaempft)}.symbol-liste{padding:2px 4px 6px}.symbol-item{display:flex;align-items:center;gap:8px;width:100%;padding:4px 8px;border-radius:4px;text-align:left;font-size:12px}.symbol-item:hover{background:var(--ep-bg-hell)}.symbol-item.aktiv{background:var(--ep-akzent);color:#000}.symbol-item.aktiv .symbol-name{font-weight:600}.symbol-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.symbol-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eigenschaften-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.eigenschaften-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--ep-rand)}.eigenschaften-header h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ep-text-gedaempft)}.loeschen-btn{padding:2px 6px;border-radius:3px;font-size:14px;color:var(--ep-fehler)}.loeschen-btn:hover{background:var(--ep-fehler);color:#fff}.eigenschaften-leer{padding:20px 12px;text-align:center}.eigenschaften-leer p{margin-bottom:8px;color:var(--ep-text-gedaempft);font-size:13px}.eigenschaften-leer .hinweis{font-size:11px;opacity:.6}.eigenschaften-inhalt{flex:1;overflow-y:auto;padding:8px 12px}.eigenschaft-gruppe{margin-bottom:10px}.eigenschaft-gruppe label{display:block;font-size:11px;color:var(--ep-text-gedaempft);margin-bottom:3px;text-transform:uppercase;letter-spacing:.3px}.eigenschaft-gruppe input{width:100%;padding:5px 8px;font-size:12px}.eigenschaft-wert{font-size:12px;color:var(--ep-text);text-transform:capitalize}.eigenschaft-zeile{display:flex;gap:8px}.eigenschaft-gruppe.halb{flex:1}.rotation-controls{display:flex;align-items:center;gap:4px}.rotation-controls input{width:70px}.rotation-controls span{font-size:12px;color:var(--ep-text-gedaempft)}.btn-klein{padding:4px 8px;border-radius:4px;font-size:14px;background:var(--ep-bg-hell)}.btn-klein:hover{background:var(--ep-rand)}.layer-panel{border-top:1px solid var(--ep-rand)}.layer-header{display:flex;align-items:center;gap:6px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.layer-header:hover{background:var(--ep-bg-hell)}.layer-header h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ep-text-gedaempft)}.layer-header-pfeil{font-size:10px;color:var(--ep-text-gedaempft)}.layer-liste{padding:4px 0}.layer-eintrag{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:12px}.layer-eintrag:hover{background:var(--ep-bg-hell)}.layer-eintrag.ausgeblendet{opacity:.4}.layer-farbe{width:12px;height:12px;border-radius:3px;flex-shrink:0}.layer-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-btn{padding:2px 4px;font-size:12px;border-radius:3px;opacity:.5;background:none;border:none;cursor:pointer;color:var(--ep-text)}.layer-btn:hover{opacity:1;background:var(--ep-bg-hell)}.layer-btn.aktiv{opacity:.8}.stueckliste-panel{border-top:1px solid var(--ep-rand)}.stueckliste-header{display:flex;align-items:center;gap:6px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.stueckliste-header:hover{background:var(--ep-bg-hell)}.stueckliste-header h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ep-text-gedaempft);flex:1}.stueckliste-pfeil{font-size:10px;color:var(--ep-text-gedaempft)}.stueckliste-badge{background:var(--ep-akzent);color:#000;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;min-width:18px;text-align:center}.stueckliste-inhalt{padding:4px 0}.stueckliste-leer{padding:12px;text-align:center;font-size:11px;color:var(--ep-text-gedaempft)}.stueckliste-gruppe{padding:0 8px;margin-bottom:4px}.stueckliste-tabelle{width:100%;border-collapse:collapse;font-size:11px}.stueckliste-tabelle th{text-align:left;padding:3px 4px;font-size:10px;text-transform:uppercase;color:var(--ep-text-gedaempft);border-bottom:1px solid var(--ep-rand)}.stueckliste-tabelle td{padding:3px 4px;border-bottom:1px solid rgba(255,255,255,.03)}.stueckliste-kat{display:block;font-size:9px;color:var(--ep-text-gedaempft);text-transform:uppercase}.stueckliste-anzahl{text-align:right;font-weight:600;color:var(--ep-akzent)}.stueckliste-gesamt{padding:6px 12px;font-size:11px;color:var(--ep-text-gedaempft);border-top:1px solid var(--ep-rand);margin-top:4px}.kalibrierung-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.kalibrierung-dialog{background:var(--ep-bg-panel);border:1px solid var(--ep-rand);border-radius:8px;padding:24px;min-width:380px;box-shadow:0 8px 32px #00000080}.kalibrierung-dialog h3{margin-bottom:12px;color:var(--ep-akzent)}.kalibrierung-dialog p{margin-bottom:8px;font-size:13px;color:var(--ep-text-gedaempft)}.kalibrierung-eingabe{display:flex;gap:8px;margin:16px 0}.kalibrierung-eingabe input{flex:1;padding:8px 12px;font-size:16px}.kalibrierung-eingabe select{padding:8px;font-size:14px}.kalibrierung-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500}.btn-primaer{background:var(--ep-akzent);color:#000}.btn-primaer:hover:not(:disabled){background:var(--ep-akzent-hover)}.btn-sekundaer{background:var(--ep-bg-hell);color:var(--ep-text)}.btn-sekundaer:hover{background:var(--ep-rand)}.export-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.export-dialog{background:var(--ep-bg-panel);border:1px solid var(--ep-rand);border-radius:8px;padding:24px;min-width:360px;box-shadow:0 8px 32px #00000080}.export-dialog h3{margin-bottom:16px;color:var(--ep-akzent)}.export-optionen{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.export-option{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;background:var(--ep-bg-hell);border:1px solid var(--ep-rand);cursor:pointer;text-align:left;width:100%;color:var(--ep-text)}.export-option:hover{border-color:var(--ep-akzent);background:#4fc3f71a}.export-icon{font-size:24px}.export-info{display:flex;flex-direction:column;gap:2px}.export-info strong{font-size:13px}.export-info span{font-size:11px;color:var(--ep-text-gedaempft)}.export-buttons{display:flex;justify-content:flex-end}.upload-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.upload-dialog{background:var(--ep-bg-panel);border:1px solid var(--ep-rand);border-radius:8px;padding:24px;min-width:480px;max-width:600px;box-shadow:0 8px 32px #00000080}.upload-dialog h3{margin-bottom:16px;color:var(--ep-akzent)}.upload-dropzone{border:2px dashed var(--ep-rand);border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-dropzone:hover{border-color:var(--ep-akzent);background:#4fc3f70d}.upload-dropzone.laden{opacity:.6;pointer-events:none}.upload-icon{font-size:48px;margin-bottom:8px}.upload-dropzone p{margin-bottom:4px;color:var(--ep-text-gedaempft);font-size:13px}.upload-hinweis{font-size:11px!important;opacity:.6}.upload-formate{font-size:10px!important;opacity:.4;margin-top:8px!important}.upload-vorschau{max-width:100%;max-height:300px;border-radius:4px}.upload-fehler{color:var(--ep-fehler);font-size:12px;margin-top:8px}.upload-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.sv-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.sv-dialog{background:var(--ep-bg-panel);border:1px solid var(--ep-rand);border-radius:8px;padding:20px;width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.sv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sv-header h2{font-size:16px;color:var(--ep-akzent);margin:0}.sv-schliessen{background:none;border:none;color:var(--ep-text-gedaempft);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px}.sv-schliessen:hover{color:#ef5350;background:#ef53501a}.sv-hinweis{font-size:11px;color:var(--ep-text-gedaempft);margin:0 0 12px;line-height:1.4}.sv-meldung{background:#4fc3f726;border:1px solid var(--ep-akzent);border-radius:4px;padding:6px 10px;font-size:12px;color:var(--ep-akzent);margin-bottom:10px}.sv-kategorien{overflow-y:auto;flex:1}.sv-kategorie{margin-bottom:2px}.sv-kat-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:var(--ep-bg-hell);color:var(--ep-text);font-size:13px;font-weight:600;cursor:pointer;border-radius:4px;text-align:left}.sv-kat-header:hover{background:#ffffff14}.sv-kat-header.offen{border-radius:4px 4px 0 0;background:#ffffff0f}.sv-kat-punkt{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sv-kat-pfeil{margin-left:auto;font-size:10px;color:var(--ep-text-gedaempft)}.sv-symbolliste{border:1px solid var(--ep-rand);border-top:none;border-radius:0 0 4px 4px;padding:4px}.sv-symbol-zeile{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px}.sv-symbol-zeile:hover{background:#ffffff0a}.sv-symbol-zeile.eigen{background:#4fc3f714;border-left:2px solid var(--ep-akzent)}.sv-vorschau{width:40px;height:40px;background:#fff;border:1px solid var(--ep-rand);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sv-vorschau img{max-width:36px;max-height:36px}.sv-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.sv-name{font-size:12px;color:var(--ep-text);font-weight:500}.sv-status{font-size:10px;color:var(--ep-text-gedaempft)}.sv-aktionen{display:flex;gap:4px;flex-shrink:0}.sv-btn{padding:4px 8px;border-radius:4px;border:1px solid var(--ep-rand);background:var(--ep-bg-hell);color:var(--ep-text);font-size:11px;cursor:pointer;white-space:nowrap}.sv-btn:hover{border-color:var(--ep-akzent)}.sv-btn-upload{color:var(--ep-akzent)}.sv-btn-reset{color:#ef5350;border-color:#ef53504d}.sv-btn-reset:hover{background:#ef53501a;border-color:#ef5350}.einst-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.einst-dialog{background:var(--ep-bg-panel);border:1px solid var(--ep-rand);border-radius:8px;padding:24px;min-width:400px;max-width:480px;box-shadow:0 8px 32px #00000080}.einst-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.einst-header h2{font-size:16px;color:var(--ep-akzent);margin:0}.einst-schliessen{font-size:18px;padding:4px 8px;border-radius:4px;color:var(--ep-text-gedaempft)}.einst-schliessen:hover{color:var(--ep-text);background:var(--ep-bg-hover)}.einst-abschnitt{margin-bottom:16px}.einst-abschnitt-titel{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ep-text-gedaempft);margin-bottom:8px}.einst-zeile{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;background:var(--ep-bg-hell);margin-bottom:4px}.einst-zeile:hover{background:var(--ep-bg-hover)}.einst-label{font-size:13px;color:var(--ep-text)}.einst-beschreibung{font-size:11px;color:var(--ep-text-gedaempft);margin-top:2px}.einst-toggle{position:relative;width:36px;height:20px;border-radius:10px;background:var(--ep-rand);cursor:pointer;transition:background .2s;flex-shrink:0}.einst-toggle.an{background:var(--ep-akzent)}.einst-toggle-knopf{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.einst-toggle.an .einst-toggle-knopf{transform:translate(16px)}.einst-select{padding:4px 8px;font-size:12px;border-radius:4px;background:var(--ep-bg);color:var(--ep-text);border:1px solid var(--ep-rand);cursor:pointer}.einst-select:focus{border-color:var(--ep-akzent);outline:none}.einst-number{width:60px;padding:4px 8px;font-size:12px;border-radius:4px;background:var(--ep-bg);color:var(--ep-text);border:1px solid var(--ep-rand);text-align:center}.einst-number:focus{border-color:var(--ep-akzent);outline:none}.einst-theme-gruppe{display:flex;gap:4px}.einst-theme-btn{padding:6px 12px;border-radius:4px;font-size:12px;background:var(--ep-bg);color:var(--ep-text);border:1px solid var(--ep-rand);cursor:pointer;transition:all .15s}.einst-theme-btn:hover{border-color:var(--ep-akzent)}.einst-theme-btn.aktiv{background:var(--ep-akzent);color:#000;border-color:var(--ep-akzent)}.einst-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--ep-rand)}.einst-reset{font-size:12px;color:var(--ep-fehler);padding:6px 12px;border-radius:4px}.einst-reset:hover{background:#ef53501a}.einst-version{font-size:11px;color:var(--ep-text-gedaempft)}.statusleiste{display:flex;align-items:center;height:var(--ep-statusbar-hoehe);background:var(--ep-bg-panel);border-top:1px solid var(--ep-rand);padding:0 10px;gap:6px;font-size:11px;color:var(--ep-text-gedaempft);-webkit-user-select:none;user-select:none}.status-item{white-space:nowrap}.status-trenner{color:var(--ep-rand)}.status-toggle{padding:1px 6px;border-radius:3px;font-size:11px;color:var(--ep-text-gedaempft)}.status-toggle:hover{background:var(--ep-bg-hell)}.status-toggle.an{background:var(--ep-akzent);color:#000}.status-spacer{flex:1}.status-warnung{color:var(--ep-warnung);font-weight:600}.app{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.app-inhalt{display:flex;flex:1;overflow:hidden}.app-sidebar-links{width:var(--ep-panel-breite);min-width:var(--ep-panel-breite);background:var(--ep-bg-panel);border-right:1px solid var(--ep-rand);overflow:hidden;display:flex;flex-direction:column}.app-canvas-container{flex:1;overflow:hidden;position:relative}.app-sidebar-rechts{width:var(--ep-panel-breite);min-width:var(--ep-panel-breite);background:var(--ep-bg-panel);border-left:1px solid var(--ep-rand);overflow-y:auto;display:flex;flex-direction:column}:root,[data-theme=dunkel]{--ep-bg: #2b2b2b;--ep-bg-hell: #363636;--ep-bg-panel: #303030;--ep-bg-hover: rgba(255, 255, 255, .06);--ep-bg-aktiv: rgba(79, 195, 247, .12);--ep-text: #e8e8e8;--ep-text-gedaempft: #999999;--ep-akzent: #4fc3f7;--ep-akzent-hover: #29b6f6;--ep-akzent-bg: rgba(79, 195, 247, .1);--ep-rand: #454545;--ep-rand-hell: #555555;--ep-erfolg: #4caf50;--ep-warnung: #ffb300;--ep-fehler: #ef5350;--ep-schatten: rgba(0, 0, 0, .4);--ep-canvas-bg: #2b2b2b;--ep-canvas-raster: #3a3a3a;--ep-layer-steckdosen: #ef5350;--ep-layer-beleuchtung: #ffee58;--ep-layer-schalter: #ffb300;--ep-layer-netzwerk: #42a5f5;--ep-layer-erneuerbare: #66bb6a;--ep-layer-sicherheit: #ab47bc;--ep-layer-kommunikation: #26c6da;--ep-layer-verteilung: #8d6e63;--ep-panel-breite: 280px;--ep-toolbar-hoehe: 44px;--ep-statusbar-hoehe: 28px;--ep-radius: 6px;--ep-radius-sm: 4px}[data-theme=hell]{--ep-bg: #f0f1f5;--ep-bg-hell: #ffffff;--ep-bg-panel: #f8f8fb;--ep-bg-hover: rgba(0, 0, 0, .04);--ep-bg-aktiv: rgba(25, 118, 210, .08);--ep-text: #1a1a2e;--ep-text-gedaempft: #666680;--ep-akzent: #1976d2;--ep-akzent-hover: #1565c0;--ep-akzent-bg: rgba(25, 118, 210, .06);--ep-rand: #d4d4de;--ep-rand-hell: #e0e0e8;--ep-erfolg: #2e7d32;--ep-warnung: #f57f17;--ep-fehler: #c62828;--ep-schatten: rgba(0, 0, 0, .08);--ep-canvas-bg: #e4e4ec;--ep-canvas-raster: #d0d0dc;--ep-layer-steckdosen: #d32f2f;--ep-layer-beleuchtung: #f9a825;--ep-layer-schalter: #ef6c00;--ep-layer-netzwerk: #1565c0;--ep-layer-erneuerbare: #2e7d32;--ep-layer-sicherheit: #7b1fa2;--ep-layer-kommunikation: #00838f;--ep-layer-verteilung: #5d4037}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Inter,Segoe UI,-apple-system,system-ui,sans-serif;font-size:14px;color:var(--ep-text);background:var(--ep-bg);-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ep-rand);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ep-text-gedaempft)}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{background:var(--ep-bg);color:var(--ep-text);border:1px solid var(--ep-rand);border-radius:var(--ep-radius-sm, 4px);padding:5px 8px;font:inherit;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ep-akzent);box-shadow:0 0 0 2px var(--ep-akzent-bg, rgba(79, 195, 247, .1))}