body{margin:0;overflow:hidden;background-color:#f8fafc;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}canvas{display:block;background-color:#fff;cursor:default}.tool-credit{position:fixed;bottom:12px;right:15px;font-family:Segoe UI,Tahoma,sans-serif;font-size:9.5px;line-height:1.4;color:#888;text-align:right;z-index:9999;pointer-events:auto}.tool-credit a{color:#555;text-decoration:underline}.tool-credit a:hover{color:#000}.sidebar{position:absolute;top:20px;left:20px;width:300px;background:#ffffffa6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px;border-radius:16px;box-shadow:0 10px 40px #00000014;border:1px solid rgba(255,255,255,.4);transition:all .4s cubic-bezier(.16,1,.3,1);max-height:calc(90vh - 20px);overflow-y:auto;z-index:50;scrollbar-gutter:stable}.sidebar.is-animating{overflow:hidden!important}.sidebar.collapsed{max-height:72px;overflow:hidden;padding:16px 24px}.sidebar.collapsed .sidebar-header-row{margin-bottom:0}.sidebar.collapsed #global-view>:not(.sidebar-header-row){display:none!important}.sidebar.collapsed #sidebar-toggle-icon{transform:rotate(180deg)}.sidebar-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}#sidebar-toggle-btn{color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}#sidebar-toggle-btn:hover{background:#0000000d;color:#475569}#top-right-tools{position:absolute;top:34px;right:20px;left:auto;display:flex;gap:12px;z-index:60}.tool-btn{width:44px;height:44px;border-radius:50%;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 15px #00000014;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;padding:0}.tool-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #0000001a;color:#6366f1}.tool-btn svg{stroke-width:2px}.tool-btn.active{background-color:#6366f1;color:#fff;border-color:#4f46e5;box-shadow:0 0 15px #6366f166}.tool-btn.active:hover{background-color:#4f46e5;color:#fff}.tool-btn.active-magnet{background-color:#e11d48!important;color:#fff!important;border-color:#be123c!important;box-shadow:0 0 15px #e11d4880;animation:pulse-red 2s infinite}.tool-btn.active-draw{background-color:#059669!important;color:#fff!important;border-color:#047857!important;box-shadow:0 0 15px #05966980;animation:pulse-green 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #e11d4866}70%{box-shadow:0 0 0 10px #e11d4800}to{box-shadow:0 0 #e11d4800}}@keyframes pulse-green{0%{box-shadow:0 0 #05966966}70%{box-shadow:0 0 0 10px #05966900}to{box-shadow:0 0 #05966900}}.tool-tooltip{position:absolute;top:115%;left:50%;transform:translate(-50%) translateY(-5px);background:#1e293b;color:#fff;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;pointer-events:none;opacity:0;transition:all .2s;white-space:nowrap;box-shadow:0 4px 10px #00000026;z-index:70}.tool-btn:hover .tool-tooltip{opacity:1;transform:translate(-50%) translateY(0)}#bottom-bar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:900px;max-width:95vw;display:flex;flex-direction:row;align-items:center;gap:16px;z-index:40;pointer-events:none;padding-top:20px;padding-bottom:20px}.bar-wrapper{flex:1;position:relative;height:16px;pointer-events:auto;display:flex;flex-direction:column;justify-content:center}.linear-bar-container{width:100%;height:12px;background:#e2e8f0e6;border:1px solid #94a3b8;border-radius:6px;position:relative;overflow:visible;box-shadow:0 2px 4px -1px #0000001a}.bar-inner-mask{width:100%;height:100%;border-radius:5px;overflow:hidden;position:relative}.area-fill{height:100%;background:#0ea5e9;width:0%;transition:width .4s cubic-bezier(.4,0,.2,1),background-color .4s;position:absolute;top:0;left:0;z-index:10}.eff-divider{position:absolute;top:0;bottom:0;width:2px;background:#0f172a;z-index:20;opacity:.8;pointer-events:none}.eff-control-container{position:absolute;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;transition:left .3s ease}#eff-control{bottom:18px}#curr-eff-control{top:18px}.eff-input{width:50px;background:#0f172a;color:#fff;border:none;border-radius:4px;padding:1px 0;font-size:.7rem;text-align:center;font-weight:700;outline:none;box-shadow:0 2px 4px #0003;pointer-events:auto}.eff-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.eff-display{width:50px;background:#475569;color:#fff;border-radius:4px;padding:1px 0;font-size:.7rem;text-align:center;font-weight:700;box-shadow:0 2px 4px #0003}.eff-label{font-size:.6rem;color:#475569;font-weight:700;margin-bottom:1px;text-shadow:0 0 4px white}.eff-arrow-down{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #0f172a}.eff-arrow-up{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #475569;margin-bottom:1px}.circulation-zone{position:absolute;top:0;bottom:0;right:0;background-color:#00000008;background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(100,116,139,.2) 4px,rgba(100,116,139,.2) 5px);z-index:5;border-left:1px dashed rgba(0,0,0,.3)}.bar-label-net{position:absolute;top:50%;left:8px;transform:translateY(-50%);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fffffff2;pointer-events:none;z-index:25;text-shadow:0 1px 3px rgba(0,0,0,.3);white-space:nowrap;line-height:1}.bar-label-circ{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;pointer-events:none;z-index:25;line-height:1}.target-group{pointer-events:auto;background:transparent;border:none;padding:0;display:flex;flex-direction:row;align-items:center;gap:8px}.target-label{font-size:.65rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:0;white-space:nowrap}.target-input{width:70px;min-width:70px;max-width:250px;background:#fffc;border:none;border-bottom:2px solid #94a3b8;font-size:1rem;font-weight:800;color:#1e293b;outline:none;padding:2px 4px;text-align:center;transition:border-color .2s,width .1s ease-out,font-size .1s ease-out;border-radius:4px 4px 0 0}.target-input:focus{border-color:#6366f1;background:#fff}.target-unit{font-size:.75rem;color:#94a3b8;font-weight:600}#live-stats-container{pointer-events:auto;background:transparent;border-right:1px solid #cbd5e1;padding-right:20px;display:flex;gap:20px;align-items:center}.stat-item{display:flex;flex-direction:row;align-items:baseline;gap:6px;color:#1e293b}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:700;margin-bottom:0;white-space:nowrap}.stat-value{font-size:1rem;color:#1e293b;font-weight:800;line-height:1}#help-panel{position:absolute;bottom:90px;right:24px;width:260px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;border-radius:16px;box-shadow:0 10px 30px #00000026;border:1px solid rgba(255,255,255,.6);z-index:70;display:none;font-size:.8rem;color:#334155;line-height:1.5}#help-panel strong{color:#1e293b;display:block;margin-bottom:4px}#help-panel ul{padding-left:0;list-style:none}#help-panel li{margin-bottom:6px}#help-panel span.key{font-weight:700;color:#6366f1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:100;display:none;align-items:center;justify-content:center}.modal-box{background:#fff;padding:24px;border-radius:12px;width:600px;box-shadow:0 20px 50px #0003;max-height:90vh;overflow-y:auto}.control-group{margin-bottom:20px}.control-group.collapsible .control-label{cursor:pointer;display:flex;justify-content:space-between;align-items:center}.control-group.collapsible .control-label:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #64748b;transition:transform .2s}.control-group.collapsible.collapsed .control-label:after{transform:rotate(-90deg)}.group-content{transition:max-height .3s ease-out,opacity .3s ease-out,margin-top .3s;max-height:1000px;opacity:1;overflow:hidden}.control-group.collapsible.collapsed .group-content{max-height:0;opacity:0;margin-top:0}.control-label{display:block;font-size:.7rem;font-weight:700;color:#64748b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}input[type=range]{width:100%;accent-color:#6366f1;height:4px;border-radius:2px;cursor:pointer}.sidebar input[type=text],.sidebar input[type=number],.sidebar select{width:100%;padding:6px 8px;border:1px solid rgba(203,213,225,.5);border-radius:6px;font-size:.85rem;background:#fff6;outline:none;transition:border .2s,background .2s}.sidebar input:focus,.sidebar select:focus{border-color:#6366f1;background:#fffc}input[type=color]{width:100%;height:36px;border:none;border-radius:6px;cursor:pointer;padding:0;background:none}.checkbox-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;color:#334155}.checkbox-wrapper input{width:auto;accent-color:#6366f1;cursor:pointer}button{width:100%;padding:10px;background-color:#1e293b;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}button:hover{background-color:#334155;transform:translateY(-1px)}button.secondary{background-color:#f1f5f9cc;color:#475569;border:1px solid rgba(226,232,240,.6)}button.secondary:hover{background-color:#fffc}button.danger{background-color:#fee2e2e6;color:#ef4444;border:1px solid rgba(252,165,165,.5)}button.danger:hover{background-color:#fee2e2}.type-btn{flex:1;padding:6px;font-size:.75rem;border-radius:6px;border:1px solid transparent;transition:all .2s;cursor:pointer;text-align:center}.type-btn.active{border-color:#6366f1;background:#e0e7ffcc;color:#4338ca;font-weight:700}.type-btn.inactive{border-color:#e2e8f099;background:#fff6;color:#64748b}.type-btn.active-rep{border-color:#f43f5e;background:#ffe4e6cc;color:#be123c;font-weight:700}.prio-ruler-track{display:flex;height:8px;width:100%;margin-bottom:2px;padding:0 2px;box-sizing:border-box}.prio-tick{flex:1;border-right:1px solid #94a3b8;height:100%}.prio-tick:last-child{border-right:none}#file-upload-input,#load-project-input,#dxf-file-input{display:none!important}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-weight:700;color:#1e293b;font-size:1.1rem}.sync-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sync-label{width:30px;font-size:.75rem;color:#64748b;font-weight:600}.sync-input{width:50px!important;text-align:center}.sync-slider{flex:1}#energy-monitor{position:absolute;top:45px;left:50%;transform:translate(-50%);right:auto;z-index:60;display:none;gap:40px;background:transparent;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;pointer-events:none;animation:slide-in .3s cubic-bezier(.4,0,.2,1)}@keyframes slide-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.monitor-item{display:flex;flex-direction:column;align-items:stretch;width:140px;gap:4px}.monitor-header{display:flex;justify-content:space-between;gap:0;align-items:center;font-size:.65rem;font-weight:800;color:#64748b;text-transform:uppercase;margin-bottom:0;white-space:nowrap}.monitor-val{font-family:monospace;font-size:.75rem;color:#334155}.monitor-track{width:100%;height:6px;background:#cbd5e199;border-radius:10px;overflow:hidden}canvas.draw-mode{cursor:crosshair!important}