:root{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;color:#dce3eb;background:#101419;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;--canvas: #11161c;--panel: #151a20;--panel-raised: #1b2129;--line: #2a313a;--muted: #8c99a7;--dim: #62707e;--text: #dce3eb;--amber: #e8b86f;--mint: #86d5b5;--blue: #8fc1e4;--danger: #ed9991;--mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;--library-width: 236px;--inspector-width: 288px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;min-width:360px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,input,select{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:not-allowed;opacity:.38}button,a,input,select,[tabindex]{outline:none}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}input:focus-visible{outline:none;border-color:#6b9cb9}button{transition:background .13s,color .13s,border-color .13s}input,select{color:var(--text);min-width:0}input::placeholder{color:#677582}button svg{flex-shrink:0}button:not(:disabled):hover{color:#f3f6f9}::selection{color:#f7fbff;background:#3b5f73}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#323c48;border-radius:5px}.app-shell{display:flex;flex-direction:column;height:100dvh;position:relative;overflow:hidden}.topbar{height:76px;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 22px;background:#171c22;border-bottom:1px solid var(--line);z-index:30}.brand{display:flex;align-items:center;gap:11px;min-width:192px;-webkit-user-select:none;user-select:none}.brand img{border-radius:9px;box-shadow:0 2px 8px #0002}.brand>div{display:flex;flex-direction:column;gap:4px}.brand strong{font-size:22px;letter-spacing:-.8px;line-height:1;font-weight:650;color:#f0f3f6}.brand strong>span:not(.brand-period){font-weight:350;color:#bec7d0}.brand strong .brand-period{color:var(--amber)}.brand-caption{font-size:8px;font-weight:600;letter-spacing:2px;color:#7e8d9b;padding-left:1px}.header-rule{width:1px;height:29px;flex-shrink:0;background:#303740;margin:0 2px}.project-identity{flex:1;min-width:130px;max-width:330px}.project-identity>input{width:100%;padding:2px 0;background:transparent;border:1px solid transparent;font-size:12px;font-weight:550;text-overflow:ellipsis}.project-identity>input:disabled{opacity:1;color:#bdc7d2}.project-identity>input:not(:disabled):hover{border-bottom-color:#495561}.project-identity>input:focus{border-bottom-color:var(--blue)}.save-status{display:flex;align-items:center;gap:4px;color:#7f8d9a;font-size:9px;line-height:19px}.save-status.saved svg{color:#8daf9e}.save-status.error,.save-status.paused{color:var(--amber)}.save-status>button{padding:0;font-size:9px;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px}.mode-toggle{display:flex;padding:4px;border:1px solid #2e3740;background:#10151b;border-radius:8px;gap:2px;white-space:nowrap;margin-left:auto}.mode-toggle>button{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;font-size:11px;font-weight:600;border-radius:5px;background:transparent;color:#8d9ca9}.mode-toggle>button.is-active{background:#2b333d;color:#ecf1f5;box-shadow:0 1px 5px #0002}.mode-toggle>.simulate-tab{color:#a4d5bd}.mode-toggle>.simulate-tab:hover{background:#24372f}.mode-toggle>.simulate-tab.is-active{background:#96d9b8;color:#15291e}.history-buttons{display:flex;gap:2px}.icon-button{background:transparent;color:#94a1ae;display:inline-flex;align-items:center;justify-content:center;width:30px;height:32px;border-radius:5px;flex-shrink:0;padding:0}.icon-button:not(:disabled):hover{background:#2a333d}.toolbar-button{display:flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 9px;background:transparent;color:#b7c1cc;font-size:11px;font-weight:550;border:1px solid transparent;border-radius:6px;white-space:nowrap}.toolbar-button:not(:disabled):hover,.toolbar-button.is-active{background:#252e38}.toolbar-button.save-button{border-color:#39434e;background:#202831}.help-button{margin-left:0;color:#738290}.hidden-input{display:none}.workbench-main{flex:1;min-height:0;display:grid;grid-template-columns:var(--library-width) minmax(0,1fr) var(--inspector-width);position:relative}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--panel)}.library{border-right:1px solid var(--line)}.panel-title{display:flex;align-items:center;gap:9px;height:58px;flex-shrink:0;padding:0 21px;font-size:12px;font-weight:600;color:#d4dce4}.count-badge{margin-left:auto;font-size:9px;font-family:var(--mono);color:#8895a2;background:#222a33;border:1px solid #333c47;border-radius:4px;padding:2px 5px}.library-search{margin:0 16px 21px;height:35px;border:1px solid #303944;background:#10151b;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 9px;flex-shrink:0;color:#687988}.library-search:focus-within{border-color:#6795b2}.library-search input{min-width:0;width:100%;padding:7px 0;border:0;background:transparent;font-size:10px}input[type=search]::-webkit-search-cancel-button{opacity:.5}kbd{font-family:var(--mono);color:#8998a7;font-size:9px;font-weight:400;background:#202831;border:1px solid #36414e;border-radius:3px;padding:2px 4px;line-height:1.2;white-space:nowrap}.library-search kbd{font-size:9px;padding:1px 4px;background:#1b232d;color:#718291}.library-scroll{overflow:auto;flex:1;padding:0 15px 20px}.section-eyebrow{font-size:9px;line-height:1.5;font-weight:550;letter-spacing:1.35px;color:#7e8d9b;display:block;margin:0 0 12px}.library-scroll>.section-eyebrow{margin-left:5px;font-size:8px;letter-spacing:1.1px}.component-list{display:flex;flex-direction:column;gap:7px}.library-component{display:flex;align-items:center;gap:11px;min-height:62px;width:100%;padding:9px 10px;background:#191f26;border:1px solid #2b333d;border-radius:7px;text-align:left;cursor:grab}.library-component:not(:disabled):hover{border-color:#55626e;background:#212a34;transform:translate(1px)}.library-component:not(:disabled):active{cursor:grabbing}.library-component.is-selected{background:#222e35;border-color:#709bab}.library-component:disabled{opacity:.5}.library-symbol-wrap{width:37px;height:37px;background:#222c35;border:1px solid #303d49;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#a9bbcc}.library-symbol-wrap.battery,.selection-symbol.battery{color:var(--amber);background:#302b23;border-color:#494032}.library-symbol-wrap.switch{color:#b1c9d8;background:#242d35}.library-symbol-wrap.lamp,.selection-symbol.lamp{color:#dcc78b;background:#2c2a22;border-color:#423e2d}.library-symbol-wrap.fuse{color:#d8b099;background:#2d2826;border-color:#443a34}.library-symbol-wrap.relay{color:#b7afcd;background:#2a2832;border-color:#3e3a4b}.library-symbol-wrap.solenoid,.library-symbol-wrap.dualSolenoid{color:#a5c9b9;background:#222d2a;border-color:#34443d}.palette-symbol{width:34px;height:34px;display:block;overflow:visible}.palette-symbol .symbol-graphic{stroke:currentColor;stroke-width:5}.palette-symbol .symbol-battery{stroke:currentColor}.palette-symbol .symbol-housing{fill:transparent;stroke:currentColor;opacity:.85}.palette-symbol .symbol-detail{stroke-width:4}.component-list-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.component-list-copy strong{font-size:11px;font-weight:550;color:#c9d2dc;line-height:1.2}.component-list-copy>span{font-size:9px;color:#7e8d9c}.drag-grip{margin-left:auto;color:#45525e;opacity:.6;flex-shrink:0}.library-component:hover .drag-grip{opacity:1;color:#8396a5}.library-lock{display:flex;gap:7px;align-items:center;margin:0 3px 14px;font-size:10px;color:#a6b0bd;line-height:1.6}.library-lock svg{flex-shrink:0}.empty-search{font-size:11px;color:var(--muted);line-height:1.6;padding:20px 6px}.library-note{margin:25px 6px 0;padding-top:21px;border-top:1px solid #2b333c}.library-note strong{display:block;font-size:10px;font-weight:500;color:#a6b4c1;margin:11px 0 7px}.library-note p{font-size:10px;line-height:1.8;margin:0;color:#6f7e8c}.tiny-schematic{display:flex;align-items:center;width:55px;height:10px}.tiny-schematic i{width:7px;height:7px;border:1px solid #7d8f9c;border-radius:50%}.tiny-schematic b{height:1px;flex:1;background:#667987}.library-guide{margin:0 15px 16px;padding:13px 10px;border:1px solid #34404b;border-radius:7px;background:#202932;display:flex;align-items:center;gap:10px;text-align:left;flex-shrink:0}.library-guide>span:nth-child(2){font-size:10px;color:#bac6d1;font-weight:550}.library-guide small{display:block;color:#7f929f;margin-top:5px;font-size:9px;font-weight:400}.guide-icon{width:22px;height:25px;border:1px solid #4d606f;border-radius:3px 7px 7px 3px;display:grid;place-items:center;color:#a6c1d0;font-size:12px;flex-shrink:0}.library-guide>svg{margin-left:auto;color:#7f99a9}.library-guide:hover{background:#273640}.library-footer{display:flex;align-items:center;gap:7px;height:34px;flex-shrink:0;border-top:1px solid #2a3139;padding:0 21px;font-size:7px;letter-spacing:1.4px;font-family:var(--mono);color:#788896}.status-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;background:#82988a;border-radius:50%}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas)}.workspace-topline{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #252d36;flex-shrink:0;background:#13191f;gap:10px}.workspace-label{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#a2b0bc;display:flex;align-items:center;gap:13px;white-space:nowrap}.workspace-cross{font-size:21px;font-weight:200;color:#7b8b99;line-height:1}.workspace-version{color:#4b5c6a;margin-left:2px;font-size:8px}.grid-label{font-family:var(--mono);font-size:8px;letter-spacing:.8px;display:flex;align-items:center;gap:7px;white-space:nowrap;color:#778897}.grid-dot{height:5px;width:5px;background:#88a196;border-radius:50%}.canvas-container{min-height:0;flex:1;position:relative;overflow:hidden}.circuit-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.circuit-canvas:focus-visible{outline:1px solid #557c93;outline-offset:-2px}.circuit-canvas.is-panning,.circuit-canvas.is-panning *{cursor:grabbing!important}.circuit-canvas.is-connecting{cursor:crosshair}.grid-point{fill:#596572;opacity:.38}.grid-major{stroke:#38424d;opacity:.17;stroke-width:.65;fill:none}.canvas-tools{position:absolute;top:20px;left:23px;z-index:3;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid #323d48;border-radius:8px;background:#1b232bef;box-shadow:0 4px 12px #0002}.tool-button{width:32px;height:31px;border-radius:5px;background:transparent;display:grid;place-items:center;color:#899ba9}.tool-button:not(:disabled):hover{background:#2e3a45}.tool-button.is-active{background:#354552;color:#d2e7f2;box-shadow:inset 0 0 0 1px #526474}.tool-divider{height:19px;width:1px;background:#39434e;margin:0 5px}.hand-hint{display:flex;align-items:center;justify-content:center;width:29px;color:#657887;cursor:help}.canvas-mode-label{position:absolute;right:24px;top:32px;z-index:2;color:#87949f;display:flex;align-items:center;gap:6px;font-family:var(--mono);letter-spacing:.7px;font-size:8px;pointer-events:none}.canvas-mode-label .status-dot{background:#d3b075}.canvas-mode-label.is-live{color:#8fbea7}.canvas-mode-label.is-live .status-dot{background:var(--mint);box-shadow:0 0 7px #86d5b544}.canvas-bottom{position:absolute;bottom:20px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;height:33px;pointer-events:none}.cursor-coordinate{font-family:var(--mono);font-size:9px;color:#7b8c99;display:flex;gap:6px;white-space:pre}.cursor-coordinate>span{color:#4e6272}.cursor-coordinate>span:last-child{font-size:7px;margin-left:3px}.zoom-controls{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;padding:4px;background:#1b232bf2;border:1px solid #35424e;border-radius:7px;height:34px;box-shadow:0 3px 8px #0002;pointer-events:auto}.zoom-controls>button{background:none;display:flex;align-items:center;justify-content:center;height:25px;width:28px;color:#a1b3c2;border-radius:4px}.zoom-controls>button:hover{background:#30404d}.zoom-controls>span{font-family:var(--mono);font-size:9px;min-width:44px;text-align:center;color:#bdcbd5}.zoom-controls>i{height:16px;width:1px;background:#384653;margin:0 5px}.pan-hint{font-size:9px;color:#667988;display:flex;align-items:center;gap:6px}.pan-hint kbd{color:#8399a9;background:#1a232c;border-color:#34434e;font-size:8px}.pan-hint>span{color:#41525f}.circuit-wire{fill:none;stroke-linejoin:round;stroke-linecap:round}.wire-underlay{stroke:var(--canvas);stroke-width:8;pointer-events:none}.wire-line{stroke:#60737e;stroke-width:2.4;pointer-events:none}.circuit-wire.is-selected>.wire-line{stroke:#a3d3ee;stroke-width:3}.circuit-wire.has-voltage>.wire-line{stroke:#b59c70;stroke-dasharray:6 4}.circuit-wire.is-flowing>.wire-line{stroke:#70bfa3;filter:drop-shadow(0 0 3px #68bb9a44)}.wire-hit{stroke:transparent;stroke-width:16;cursor:pointer;pointer-events:stroke}.wire-hit:focus-visible{stroke:#93c2df33;outline:none}.wire-flow{stroke:#b5ead5;stroke-width:2.5;stroke-dasharray:2 18;stroke-linecap:round;animation:current-flow 1.4s linear infinite;pointer-events:none}.wire-direction{stroke:#caf4df;stroke-width:2;pointer-events:none}.wire-bend{fill:#172936;stroke:#b6d6e8;stroke-width:1.5;cursor:move}.wire-bend:hover{fill:#749bb5}@keyframes current-flow{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.symbol-graphic{fill:none;stroke:#c2cfd9;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.symbol-battery{stroke:#dab477}.symbol-detail{stroke-width:1.5}.symbol-housing{fill:#192129;stroke:#667b8a;stroke-width:1.6}.component-body{cursor:move}.simulation-mode .component-body{cursor:pointer}.component-body:focus-visible{outline:none}.component-body:focus-visible .component-hitbox{stroke:var(--amber);stroke-width:1.2}.component-hitbox{fill:transparent;stroke:none}.component-selection{fill:#83b5d009;stroke:#86b4cf;stroke-dasharray:4 5;stroke-width:1;pointer-events:none}.component-label{font-size:calc(11.5px * var(--label-scale, 1));font-weight:550;fill:#d2dbe3;font-family:Segoe UI,sans-serif;letter-spacing:.1px;stroke:none}.component-designator{font-family:var(--mono);fill:#8096a6;font-size:calc(10px * var(--label-scale, 1))}.component-value{font-family:var(--mono);font-size:calc(10px * var(--label-scale, 1));fill:#8799a6;letter-spacing:.2px}.component-state{font-family:var(--mono);font-size:calc(9px * var(--label-scale, 1));letter-spacing:.6px;fill:#738b9b}.component-state.is-on{fill:#9acfb5}.component-state.is-error{fill:#e7a097}.circuit-component.is-ghost{opacity:.55;pointer-events:none}.symbol-contact{fill:#17212b}.symbol-lamp.is-lit{stroke:#edc36e;filter:drop-shadow(0 0 7px #e6b84a28)}.symbol-lamp .lamp-aura{fill:#eec275;stroke:none;filter:blur(8px)}.symbol-lamp .lamp-fill{fill:#eec275;stroke:none}.lamp-rays{stroke-width:1.5}.symbol-fuse.is-blown{stroke:var(--danger)}.symbol-fuse.is-blown>rect{stroke-dasharray:3 3}.symbol-relay.is-active .relay-coil{stroke:var(--mint);fill:#86d5b518}.symbol-relay.is-active .relay-arm{stroke:#a8d7c1}.mechanical-link{stroke:#798b98;stroke-width:1;stroke-dasharray:2 3}.symbol-solenoid.is-active .solenoid-winding{stroke:var(--mint)}.symbol-solenoid.is-active .plunger{stroke:#b5d9c5}.plunger,.dual-plunger{transition:transform .28s ease-out}.coil-path.is-active{stroke:var(--mint)}.coil-path.is-active>rect{fill:#86d5b511}.terminal{cursor:crosshair;outline:none}.simulation-mode .terminal{cursor:pointer}.terminal-target{fill:transparent;stroke:none}.terminal-dot{fill:#14202a;stroke:#92acbd;stroke-width:1.7;transition:fill .12s,stroke .12s}.terminal-halo{fill:#8fc1e417;stroke:#8fc1e4;stroke-width:1;opacity:0;transition:opacity .1s}.terminal:hover .terminal-halo,.terminal:focus-visible .terminal-halo,.terminal.is-pending .terminal-halo{opacity:1}.terminal:hover .terminal-dot,.terminal:focus-visible .terminal-dot,.terminal.is-pending .terminal-dot{fill:#b6d6e9;stroke:#cde8f7}.terminal:focus-visible{outline:none}.terminal-name{fill:#7c93a4;font-family:var(--mono);font-size:calc(8px * var(--label-scale, 1));pointer-events:none}.junction{cursor:crosshair}.junction-dot{fill:#b6d3d5;stroke:var(--canvas);stroke-width:2.4}.junction-halo{fill:#a7d7e418;stroke:#94c1da;stroke-width:1;opacity:0}.junction:hover .junction-halo,.junction.is-selected .junction-halo,.junction.is-pending .junction-halo,.junction:focus-visible .junction-halo{opacity:1}.junction:focus-visible{outline:none}.connection-preview{fill:none;stroke:#b0d7e9;stroke-width:2;stroke-dasharray:6 6}.connection-preview>circle{fill:#1c3442;stroke-dasharray:none}.connection-prompt{position:absolute;bottom:75px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #426275;background:#1c303dec;color:#c1d8e6;box-shadow:0 5px 25px #0003;border-radius:8px;font-size:10px;white-space:nowrap;max-width:95%;z-index:5}.connection-prompt>svg{flex-shrink:0}.connection-prompt>button{padding:0;background:none;color:#adc8d8;display:grid;place-items:center}.connection-prompt kbd{background:#253f4c;border-color:#476575;font-size:8px;color:#aac3d1}.muted{color:#7f9cad}.canvas-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:100%;max-width:440px;padding:20px}.empty-circuit-icon{border:1px solid #364957;border-radius:16px;display:grid;place-items:center;width:66px;height:66px;color:#92abba;background:#1b2731;margin:0 auto 23px;box-shadow:0 0 0 7px #182028,0 0 0 8px #26323b}.canvas-empty .section-eyebrow{font-size:8px;letter-spacing:2px;color:#7893a5;margin-bottom:13px}.canvas-empty h2{font-size:29px;line-height:1.28;font-weight:350;letter-spacing:-.6px;color:#cbd6df;margin:0 0 17px}.canvas-empty p{font-size:11px;line-height:1.9;color:#8497a7;margin:0 0 20px}.canvas-empty .text-button{pointer-events:auto;margin:0 auto;color:#b6ccda;font-size:10px}.inspector{border-left:1px solid var(--line)}.inspector>.panel-title{border-bottom:1px solid #282f38;height:50px}.panel-title>svg{color:#8193a2}.inspector-scroll{padding:0 20px;overflow-y:auto;flex:1}.overview-intro{padding:27px 0 21px}.overview-icon{display:grid;place-items:center;height:44px;width:44px;background:#222d36;border:1px solid #3b4a57;color:#9ab5c7;border-radius:12px;margin-bottom:22px}.overview-intro .section-eyebrow{color:#7d95a6;font-size:8px;letter-spacing:1.4px;margin-bottom:10px}.overview-intro h2{font-size:21px;line-height:1.4;font-weight:400;letter-spacing:-.6px;color:#d3dde5;margin:0 0 14px}.overview-intro p{font-size:11px;line-height:1.85;margin:0;color:#8a9ba8}.inspector-section{padding:19px 0;border-bottom:1px solid #2a323b}.inspector-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.inspector-section-heading h3{margin:0;font-size:8px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#91a0ad}.inspector-section-heading>svg{color:#6c8495}.overview-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}.overview-stats>div{display:flex;flex-direction:column;gap:7px;background:#1c242c;border:1px solid #2e3a45;border-radius:7px;padding:15px 13px}.overview-stats strong{font-family:var(--mono);font-size:24px;font-weight:400;line-height:1;color:#c5d6e1;overflow-wrap:anywhere}.overview-stats span{font-size:9px;color:#91a4b3}.overview-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 0;font-size:10px;color:#8295a5}.overview-row>span:last-child{font-size:9px;color:#bbcbd6;text-align:right}.try-card{background:#222a25;border:1px solid #3c453a;border-radius:8px;padding:17px 15px;margin:23px 0 10px}.try-card-icon{display:grid;place-items:center;height:28px;width:28px;border-radius:7px;background:#333a2c;border:1px solid #4c553d;color:#cbc899;margin-bottom:13px}.try-card>strong{display:block;font-size:11px;font-weight:550;color:#d1d7bc;margin-bottom:8px}.try-card>p{font-size:10px;line-height:1.8;color:#a3ac9d;margin:0 0 13px}.try-card .text-button{color:#d0d5b7;font-size:10px}.text-button{display:flex;align-items:center;gap:8px;background:transparent;color:#a2c4da;padding:0;font-size:10px;font-weight:550;text-align:left}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.shortcuts>div:not(.inspector-section-heading){display:flex;align-items:center;justify-content:space-between;gap:7px;margin:12px 0;font-size:10px;color:#8596a5}.shortcuts kbd{font-size:8px;color:#92a4b3;background:#1d2730;border-color:#33424e;padding:3px 5px}.selection-summary{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:22px 0 19px;border-bottom:1px solid #2d3540}.selection-symbol{width:44px;height:44px;border:1px solid #394955;background:#222f38;display:grid;place-items:center;color:#b0c9d8;border-radius:10px;flex-shrink:0}.selection-symbol .palette-symbol{width:39px;height:39px}.selection-summary h2{font-size:15px;line-height:1.3;font-weight:550;color:#dbe5ed;margin:3px 0 0;letter-spacing:-.2px}.selection-summary .section-eyebrow{font-size:7px;letter-spacing:1.2px;margin:0;color:#91a7b6;text-transform:uppercase}.selected-badge{font-size:6px;letter-spacing:1px;font-family:var(--mono);color:#8799a6;background:#26333d;border:1px solid #3c4b57;border-radius:3px;padding:3px 4px;margin-left:auto}.property-field{margin-bottom:15px}.property-field:last-child{margin-bottom:0}.property-field>label{display:block;font-size:10px;color:#9bafbf;margin-bottom:8px;line-height:1.4}.property-field>input,.property-field>select,.unit-input{background:#10171e;border:1px solid #35434f;border-radius:5px;height:35px;width:100%}.property-field>input{padding:0 10px;font-size:11px}.property-field>select{font-size:10px;padding:0 8px}.unit-input{display:flex;align-items:center;overflow:hidden}.unit-input:focus-within{border-color:#789fb8}.unit-input>input{border:0;width:100%;height:100%;background:transparent;padding:0 10px;color:#cedee9;font-family:var(--mono);font-size:11px}.unit-input>span{font-family:var(--mono);font-size:10px;padding:0 10px;color:#7b96a8;border-left:1px solid #2c3b46}.property-field input:disabled,.property-field select:disabled{color:#9eb4c3;opacity:.75;cursor:not-allowed}.property-field.has-error .unit-input{border-color:#bd7d73}.field-error,.field-help{display:block;margin-top:7px;font-size:9px;line-height:1.65}.field-error{color:var(--danger)}.field-help{color:#7c93a4}.selection-actions{display:flex;gap:6px}.selection-actions>button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;height:30px;border:1px solid #374550;background:#202c35;color:#a7becd;border-radius:5px}.selection-actions>button:last-child{max-width:34px}.selection-actions>button:not(:disabled):hover{border-color:#5c7a8d;background:#2b3c49}.selection-actions>button:last-child:not(:disabled):hover{color:#efb4ac;border-color:#79564e;background:#3a2c2c}.device-control{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9eb1bf;margin-top:17px;padding-top:15px;border-top:1px solid #2f3c46;gap:10px}.switch-toggle{display:flex;align-items:center;gap:8px;background:none;color:#91a4b2;padding:4px 0;font-size:10px}.switch-toggle>i{display:block;height:14px;width:26px;border-radius:20px;background:#394a56;position:relative}.switch-toggle>i:after{content:"";height:10px;width:10px;border-radius:50%;background:#a2b8c7;position:absolute;top:2px;left:2px;transition:transform .13s}.switch-toggle.is-on{color:#a0d5b9}.switch-toggle.is-on>i{background:#417d64}.switch-toggle.is-on>i:after{background:#c3efd4;transform:translate(12px)}.fuse-control{display:flex;flex-direction:column;gap:12px;margin-top:19px;padding:13px;border:1px solid #395247;background:#202e28;border-radius:6px;color:#a9cdb6}.fuse-control>div{display:flex;align-items:center;gap:8px}.fuse-control strong{font-size:10px;font-weight:550}.fuse-control.is-blown{border-color:#725348;background:#322725;color:#e1b4a6}.fuse-control>small{font-size:9px;line-height:1.7;color:#b69a91}.secondary-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #3c4c58;border-radius:5px;font-size:9px;padding:8px 10px;background:#23313b;color:#adc5d4}.secondary-button:not(:disabled):hover{background:#2f4250;border-color:#627e90}.device-state{display:flex;align-items:center;gap:7px;padding:11px 9px;margin-top:17px;border:1px solid #35434d;background:#1d2b34;border-radius:5px;font-size:9px;color:#a8bdca}.device-state.is-on{color:#a4d9bb;background:#20352b;border-color:#3e5b4b}.device-state.is-on .status-dot{background:#9fdbb7}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid #33434f;background:#33434f;border-radius:6px;overflow:hidden}.reading-grid>div{display:flex;flex-direction:column;gap:10px;padding:13px 11px;background:#1b2832;min-width:0}.reading-grid span{font-size:9px;color:#8da7b7}.reading-grid strong{font-family:var(--mono);font-size:17px;font-weight:400;color:#b8daca;white-space:nowrap}.reading-grid>.reading-wide{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}.reading-grid>.reading-wide strong{font-size:13px}.reading-grid.is-inactive strong{color:#748e9e}.reading-error{padding:12px;border:1px solid #694c45;border-radius:5px;background:#342624;color:#e0b0a7;font-size:10px;line-height:1.8;margin:0}.section-footnote{font-size:10px;color:#849cab;line-height:1.8;margin:11px 0 0}.inspector-section>.section-footnote:first-of-type{margin-top:0}.reading-grid+.section-footnote{margin-top:12px!important}.reading-convention{color:#839aaa;font-size:9px;line-height:1.7;padding:12px 0 0;margin:0}.coil-reading{border:1px solid #3a4c59;border-radius:6px;background:#202e38;padding:12px;margin-top:10px}.coil-reading>strong{display:flex;justify-content:space-between;font-size:10px;font-weight:500;color:#aec4d2}.coil-reading>strong>span{font-size:7px;color:#90bda6;font-family:var(--mono);letter-spacing:.4px}.coil-reading>div{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);color:#c3dace;font-size:13px;margin-top:12px}.terminal-list>div{display:flex;align-items:center;gap:9px;padding:8px 0}.terminal-list strong{font-family:var(--mono);font-size:9px;font-weight:400;color:#b2c8d6}.terminal-list>div>span:last-child{margin-left:auto;font-size:10px;font-family:var(--mono);color:#a2c2c9}.terminal-list-dot{height:6px;width:6px;border:1px solid #9fbccb;border-radius:50%;background:#2a4352}.model-note{margin:20px 0;padding:13px;background:#1d2932;border:1px solid #354651;border-left:2px solid #557384;border-radius:6px}.model-note>span{font-size:7px;color:#99b4c4;letter-spacing:1px;display:flex;align-items:center;gap:7px}.model-note>p{font-size:9px;line-height:1.9;color:#8fa9b9;margin:10px 0 0}.inspector-footer{height:34px;border-top:1px solid #2a3640;display:flex;gap:7px;align-items:center;padding:0 20px;flex-shrink:0;color:#7895a7;font-size:8px}.resistance-result{border:1px solid #3f5a4b;background:#22382d;border-radius:6px;padding:13px;display:flex;flex-direction:column;gap:8px;margin-top:20px}.resistance-result>span{font-size:9px;color:#9bbaaa}.resistance-result>strong{font-family:var(--mono);font-size:21px;font-weight:400;color:#bfdfca}.resistance-result>small{font-family:var(--mono);font-size:9px;color:#91b5a0}.wire-endpoints{position:relative;padding-left:2px}.wire-endpoints>span:not(.endpoint-line){display:flex;align-items:center;gap:10px;position:relative;font-size:10px;color:#a8bfce}.wire-endpoints>span>i{font-family:var(--mono);font-size:8px;font-style:normal;border:1px solid #476172;border-radius:4px;background:#243c4a;color:#adc9d9;display:grid;place-items:center;width:21px;height:21px}.endpoint-line{display:block;height:18px;border-left:1px solid #4b6677;margin-left:10px}.wire-potential{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding:12px;background:#23323c;border-radius:5px;font-size:9px;color:#9fbaca}.wire-potential strong{font-family:var(--mono);font-size:11px;font-weight:400;color:#c1d2c3}.wire-potential small{width:100%;font-size:9px;line-height:1.7;color:#91adbc}.route-actions{display:flex;gap:6px;margin:14px 0}.route-actions>button{flex:1;font-size:8px;padding-left:5px;padding-right:5px}.delete-button{border:1px solid #664d46;color:#d4a39a;background:#322a28;font-size:10px;padding:8px 11px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px}.delete-button:not(:disabled):hover{background:#473330}.junction-preview{width:42px;height:42px;border:1px solid #44616d;border-radius:10px;background:#253d47;display:grid;place-items:center}.junction-preview>i{width:8px;height:8px;background:#b8d8d1;border-radius:50%;box-shadow:0 0 0 6px #87bcb426}.examples-container{position:relative}.examples-menu{position:absolute;top:calc(100% + 17px);right:-25px;width:344px;background:#1b232c;border:1px solid #40505e;box-shadow:0 16px 55px #0007;border-radius:10px;overflow:hidden;z-index:50}.examples-heading{padding:20px 20px 16px;border-bottom:1px solid #35434e}.examples-heading .section-eyebrow{font-size:7px;color:#9ab6c6;margin-bottom:6px}.examples-heading>strong{color:#d6e1e9;font-size:14px;font-weight:500}.examples-menu>button{width:100%;display:flex;gap:13px;align-items:center;padding:17px 18px;text-align:left;background:transparent;border-bottom:1px solid #33414c}.examples-menu>button:hover{background:#293a46}.examples-menu>button>span:nth-child(2){min-width:0}.example-number{display:grid;place-items:center;border:1px solid #5b5140;border-radius:8px;width:35px;height:38px;color:#dfc28f;background:#383329;font-family:var(--mono);font-size:11px;flex-shrink:0}.example-number.example-1{border-color:#435e70;color:#b5cfde;background:#2c404e}.example-number.example-2{border-color:#4b6552;color:#bfd2b9;background:#304133}.examples-menu>button strong{display:block;color:#d1dfe9;font-size:11px;font-weight:550}.examples-menu>button small{display:block;color:#92aaba;font-size:10px;line-height:1.7;margin-top:5px}.example-arrow{color:#7d9cae;font-size:16px;margin-left:auto}.examples-menu>.new-circuit-button{padding:17px 21px;color:#adc8d8;gap:10px;border-bottom:0}.new-circuit-button>span{margin-left:auto;font-size:9px;color:#7d9bad}.examples-menu>p{font-size:8px;color:#7894a7;padding:0 21px 16px;margin:0}.status-bar{display:flex;align-items:center;gap:20px;flex-shrink:0;height:35px;border-top:1px solid #303b45;background:#171f27;color:#8da4b6;padding:0 19px;font-size:9px;z-index:22}.solver-status{display:flex;align-items:center;gap:7px;color:#a8bdcc;min-width:126px}.solver-status.is-live{color:#a2cfb3}.solver-status.is-live .status-dot{background:#91d6ad}.solver-status.is-error{color:#e9afa0}.status-counts{display:flex;align-items:center;gap:9px;color:#7892a6;font-size:8px}.status-counts i,.status-measurement i{height:3px;width:3px;border-radius:50%;background:#3f596b}.status-measurement{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:7px;letter-spacing:.5px;color:#7591a5;margin-left:auto}.status-measurement>span{color:#5b7d92}.diagnostics-toggle{display:flex;align-items:center;gap:7px;height:100%;border-left:1px solid #34424e;padding:0 0 0 16px;margin-left:3px;font-size:9px;color:#9fb9ca;background:transparent}.diagnostics-toggle>span{font-family:var(--mono);font-size:8px;border:1px solid #3b5365;background:#263d4c;border-radius:3px;padding:1px 4px;color:#a8c5d8}.diagnostics-toggle.has-warning{color:#d8be8f}.diagnostics-toggle.is-error{color:#e7ad9d}.diagnostics-panel{position:absolute;bottom:35px;left:var(--library-width);right:var(--inspector-width);max-height:260px;background:#19242def;border:1px solid #3e5363;border-bottom:0;border-radius:9px 9px 0 0;z-index:25;box-shadow:0 -12px 25px #0003;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.diagnostics-header{display:flex;align-items:center;gap:10px;height:44px;border-bottom:1px solid #354b5b;padding:0 15px;color:#adc5d6;flex-shrink:0}.diagnostics-header>strong{font-size:11px;font-weight:550}.diagnostics-header>span{margin-left:auto;font-family:var(--mono);font-size:8px;color:#82a2b8}.diagnostics-header>button{width:22px}.diagnostics-list{overflow:auto;padding:11px 15px}.diagnostic{display:flex;align-items:flex-start;gap:10px;padding:9px 0;font-size:10px;color:#a6bdcc}.diagnostic>svg{flex-shrink:0;margin-top:2px;color:#91b6cd}.diagnostic.warning>svg,.diagnostic.warning .diagnostic-code{color:#d9b887}.diagnostic.error>svg,.diagnostic.error .diagnostic-code{color:#eba99b}.diagnostic.success>svg{color:#a5d6b8}.diagnostic p{font-size:10px;line-height:1.8;margin:0}.diagnostic-code{display:block;font-family:var(--mono);letter-spacing:.7px;font-size:7px;color:#99b7ca;margin-bottom:3px}.diagnostic .text-button{margin-top:7px;font-size:9px}.toast{position:absolute;bottom:54px;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:18px;padding:13px 16px;max-width:min(660px,calc(100% - 32px));width:max-content;color:#bed6e4;background:#263b49f5;border:1px solid #557589;border-radius:8px;box-shadow:0 8px 32px #0004;z-index:60;font-size:11px;line-height:1.7}.toast.error{color:#ecc3b9;background:#3b2b29f7;border-color:#95695c}.toast>button{padding:2px 0;background:none;color:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-only,.mobile-panels{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e14bf;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.onboarding{position:relative;width:742px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;padding:34px;border:1px solid #42515e;border-radius:16px;background:#172028;box-shadow:0 30px 90px #0008}.onboarding-close{position:absolute;right:16px;top:15px;color:#809baa;z-index:2}.onboarding-hero{position:relative;padding:6px 0 0}.onboarding-hero>.section-eyebrow{font-size:8px;color:#c5b18b;letter-spacing:1.8px;margin-bottom:18px}.onboarding-hero>h1{font-size:37px;line-height:1.19;font-weight:350;letter-spacing:-1.2px;color:#e0e8ed;margin:0 0 17px}.onboarding-hero>p{font-size:11px;line-height:1.85;color:#9fb1bf;margin:0}.onboarding-circuit{width:235px;height:120px;position:absolute;top:40px;right:0}.onboarding-circuit svg{width:100%;height:100%;overflow:visible}.onboarding-wire{fill:none;stroke:#7fa69e;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.onboarding-part{fill:none;stroke:#d9be85;stroke-width:2;stroke-linecap:round}.onboarding-terminal{fill:#1c2a32;stroke:#b2c9d1;stroke-width:1.5}.onboarding-lamp-glow{fill:#e2c47a14;stroke:#d9be8518;filter:drop-shadow(0 0 20px #dfbe6c66)}.onboarding-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:29px 0 27px}.onboarding-steps>div{position:relative;border:1px solid #344654;border-radius:9px;padding:15px 12px;background:#1d2a34}.onboarding-step-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#2a3b46;border:1px solid #405968;border-radius:7px;color:#a8c3d1;margin-bottom:16px}.step-number{position:absolute;right:11px;top:21px;font-family:var(--mono);font-size:8px;color:#617f94}.onboarding-steps h2{font-size:11px;line-height:1.4;font-weight:550;color:#c9dbe6;margin:0 0 10px}.onboarding-steps p{font-size:9px;line-height:1.85;margin:0;color:#91adbf}.onboarding-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:22px;border-top:1px solid #354956}.onboarding-bottom>p{display:flex;align-items:flex-start;gap:9px;font-size:8px;line-height:1.8;color:#9badb4;margin:0}.onboarding-bottom>p>svg{color:#abbdac;flex-shrink:0;margin-top:3px}.onboarding-bottom>p strong{font-weight:400;color:#c2c5b7}.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border-radius:6px;background:#e1b97b;border:1px solid #efcc97;color:#31291e;font-size:11px;font-weight:650;white-space:nowrap;box-shadow:0 3px 9px #0002}.primary-button:not(:disabled):hover{color:#251e16;background:#f0c98e}@media(min-width:1600px){:root{--library-width: 252px;--inspector-width: 308px}.topbar{gap:19px}.library-component{min-height:68px}.component-list-copy strong{font-size:12px}.component-list-copy>span{font-size:10px}.library-note{margin-top:29px}.inspector-scroll{padding:0 23px}}@media(max-width:1300px){:root{--library-width: 218px;--inspector-width: 265px}.topbar{gap:8px;padding:0 16px}.brand{min-width:181px}.brand strong{font-size:20px}.header-rule{margin:0 3px}.project-identity{min-width:116px}.project-identity>input{font-size:11px}.toolbar-button{padding-left:6px;padding-right:6px;gap:5px}.pan-hint{display:none}.library-component{gap:9px;padding:9px 8px}.component-list-copy strong{font-size:10px}.library-scroll{padding-left:13px;padding-right:13px}.library-symbol-wrap{width:34px;height:34px}.library-guide{margin-left:12px;margin-right:12px;gap:8px;padding:12px 9px}.library-guide>span:nth-child(2){font-size:9px}.library-guide small{font-size:8px}.inspector-scroll{padding:0 16px}.selected-badge{display:none}.overview-intro h2{font-size:20px}}@media(max-width:1080px){:root{--library-width: 202px;--inspector-width: 246px}.project-identity{display:none}.mode-toggle{margin-left:auto;margin-right:auto}.library-component{min-height:58px}.library-symbol-wrap{width:31px;height:33px}.component-list-copy strong{font-size:9px}.library-component .drag-grip{width:11px}.component-list-copy>span{font-size:8px}.library-note{margin-top:19px}.library-guide>svg{display:none}.inspector-scroll{padding:0 15px}.reading-grid strong{font-size:15px}.selection-summary h2{font-size:13px}.connection-prompt .muted,.status-counts{display:none}}@media(max-width:900px){:root{--library-width: 0px;--inspector-width: 0px}.topbar{height:65px;padding:0 15px;gap:9px}.brand{min-width:169px;gap:9px}.brand img{width:30px;height:30px}.brand strong{font-size:20px}.brand-caption{font-size:6px;letter-spacing:1.9px}.header-rule{display:none}.toolbar-button{height:31px;width:30px;padding:0}.toolbar-button>span{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}.toolbar-button>svg:last-child:not(:first-child){display:none}.history-buttons{gap:0}.history-buttons .icon-button{width:27px}.help-button{width:24px}.workbench-main{display:flex}.workspace{width:100%;flex:1}.sidebar{display:none;position:absolute;z-index:20;top:0;bottom:44px;width:264px;box-shadow:0 0 35px #0007}.library{left:0;border-right:1px solid #496072}.inspector{right:0;border-left:1px solid #496072}.show-library .library,.show-inspector .inspector{display:flex}.mobile-only{display:inline-flex;margin-left:auto}.panel-title>.count-badge{margin-left:0}.library-component{min-height:62px}.library-symbol-wrap{width:35px;height:35px}.component-list-copy strong{font-size:11px}.component-list-copy>span{font-size:9px}.library-guide>span:nth-child(2){font-size:10px}.library-guide>svg{display:block}.library-note{display:none}.inspector-scroll{padding:0 20px}.mobile-panels{position:absolute;bottom:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;background:#192631f5;border-top:1px solid #3b5162;z-index:21;padding:0 17px}.mobile-panels>button{background:transparent;color:#b1cadb;padding:7px 10px;font-size:10px;display:flex;align-items:center;gap:8px;border-radius:5px}.mobile-panels>button.is-active{background:#324c5e;color:#dbecf6}.mobile-panels>span{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9px;color:#7394ab}.canvas-bottom{bottom:63px}.connection-prompt{bottom:110px;white-space:normal}.canvas-empty{margin-top:-20px}.status-bar{padding:0 14px;height:32px;gap:8px}.status-measurement{font-size:6px;letter-spacing:.2px}.diagnostics-panel{bottom:76px}.diagnostics-toggle{font-size:8px;padding-left:10px;gap:5px}.toast{bottom:92px}.examples-menu{right:-75px}}@media(max-width:680px){.brand{min-width:34px}.brand>div{display:none}.topbar{padding:0 12px;gap:8px}.mode-toggle{margin:0 auto}.mode-toggle>button{padding:7px 10px;font-size:10px;gap:5px}.history-buttons,.help-button{display:none}.workspace-topline{padding:0 17px;height:43px}.workspace-label{font-size:8px;gap:9px}.workspace-version{display:none}.grid-label{font-size:7px}.canvas-tools{left:17px;top:17px}.canvas-mode-label{font-size:7px;right:17px;top:31px;letter-spacing:.4px}.canvas-bottom{left:17px;right:17px}.cursor-coordinate{font-size:8px}.zoom-controls{left:auto;right:0;transform:none}.status-measurement{display:none}.solver-status{font-size:8px;min-width:0}.diagnostics-toggle{margin-left:auto}.onboarding{padding:25px}.onboarding-circuit{display:none}.onboarding-hero>h1{font-size:31px}.onboarding-hero>p{font-size:11px}.onboarding-steps{grid-template-columns:repeat(2,1fr);gap:11px;margin:24px 0 20px}.onboarding-steps>div{padding:15px 13px}.onboarding-steps h2{font-size:11px}.onboarding-steps p{font-size:10px}.onboarding-bottom{flex-direction:column;align-items:stretch;gap:18px}.onboarding-bottom>p{font-size:9px}.onboarding-primary{padding:12px}.diagnostics-header{gap:7px;padding:0 12px}.diagnostics-header>strong{font-size:10px}.diagnostics-header>span{font-size:7px}.examples-menu{right:-74px;width:318px;max-width:calc(100vw - 24px)}}@media(max-height:800px)and (min-width:901px){.library-note{display:none}.library-guide{margin-top:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}