.landing{min-height:100%;display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--c-text);background-color:#fff;background-image:linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.07) 1px,transparent 1px),linear-gradient(rgba(37,99,235,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.14) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:10px 32px;border-bottom:1px solid var(--c-border);background:#fff}.landing-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:inherit;text-decoration:none}.landing-demo{display:flex;align-items:center;justify-content:center;border:none;background:none;padding:0;margin:0 auto 28px;cursor:pointer}.landing-demo-button{position:relative;width:46px;height:46px;border-radius:10px;background:#374151;border:2px solid #1f2937}.landing-demo-button-cap{position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f87171,#dc2626 70%);box-shadow:0 3px #991b1b;transition:transform .05s,box-shadow .05s}.landing-demo.is-on .landing-demo-button-cap{transform:translateY(3px);box-shadow:none;background:radial-gradient(circle at 35% 30%,#ef4444,#b91c1c 70%)}.landing-demo-wire{width:54px;height:4px;margin:0 6px;background-image:repeating-linear-gradient(to right,var(--c-inputs) 0,var(--c-inputs) 10px,transparent 10px,transparent 17px);transition:opacity .15s .1s;opacity:.4}.landing-demo.is-on .landing-demo-wire{opacity:1;animation:landing-demo-flow .5s linear infinite}@keyframes landing-demo-flow{to{background-position:17px 0}}.landing-demo-led{position:relative;width:30px;height:38px;border-radius:15px 15px 4px 4px;background:#d1d5db;border:2px solid #9ca3af;transition:background .1s .25s,box-shadow .1s .25s,border-color .1s .25s}.landing-demo-led:after{content:"";position:absolute;top:100%;left:6px;width:3px;height:9px;background:#94a3b8;box-shadow:12px 0 #94a3b8}.landing-demo.is-on .landing-demo-led{background:#ef4444;border-color:#dc2626;box-shadow:0 0 24px 6px #ef4444b3}.landing-nav-link{padding:6px 14px;border:1px solid var(--c-border);border-radius:6px;color:var(--c-text);font-size:13px;text-decoration:none}.landing-nav-link:hover{background:var(--c-panel)}.landing-hero{max-width:850px;width:100%;margin:40px auto 0;padding:60px 24px;text-align:center;background:#fff;border:1px solid var(--c-border);border-radius:14px}.landing-hero h1{font-size:34px;line-height:1.25;margin:0 0 18px}.landing-subtitle{font-size:16px;line-height:1.6;color:var(--c-muted);margin:0 0 32px}.landing-subtitle a{color:var(--c-tools)}.landing-cta{display:inline-block;padding:12px 28px;border-radius:8px;background:var(--c-text);color:#fff;font-size:15px;font-weight:600;text-decoration:none}.landing-cta:hover{filter:brightness(1.15)}.landing-cta-download{background:var(--c-outputs)}.landing-features{max-width:900px;width:100%;margin:0 auto;padding:20px 24px 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:28px}.landing-feature{padding:18px;border:1px solid var(--c-border);border-radius:10px;background:#fff}.landing-feature-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-bottom:10px}.landing-feature h2{font-size:15px;margin:0 0 6px}.landing-feature p{font-size:13px;line-height:1.5;color:var(--c-muted);margin:0}.landing-feature-link{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;color:var(--c-tools);text-decoration:none}.landing-feature-link:hover{text-decoration:underline}.landing-footer{margin-top:auto;padding:20px 32px;border-top:1px solid var(--c-border);text-align:center;font-size:12px;color:var(--c-muted);background:#fff}@media(max-width:600px){.landing-header,.landing-footer{padding-left:16px;padding-right:16px}.landing-hero,.landing-features{width:calc(100% - 32px);max-width:none;margin-left:16px;margin-right:16px}.landing-hero{padding:36px 20px}.landing-hero h1{font-size:26px}.landing-subtitle{font-size:15px}.landing-features{padding:20px 0 56px}}:root{--c-inputs: #2f9e44;--c-outputs: #e8590c;--c-tools: #7048e8;--c-internal: #0c8599;--c-adc: #d6336c;--c-boards: #b08800;--c-sources: #0c8599;--c-border: #d0d7de;--c-muted: #6b7280;--c-panel: #f6f8fa;--c-text: #1f2328}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--c-text)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:baseline;gap:12px;padding:10px 16px;border-bottom:1px solid var(--c-border);background:#fff}.topbar-simulator{background:#f1f3f5;border-bottom-color:#ced4da}.topbar-disconnected{background:#fff5f5;border-bottom-color:#ffc9c9}.topbar-connected{background:#b2f2bb;border-bottom-color:#2f9e44}.topbar h1{font-size:16px;margin:0}.app-brand{display:flex;align-items:center;gap:8px;flex-shrink:0;color:inherit;text-decoration:none}.brand-led{position:relative;display:inline-block;width:12px;height:15px;border-radius:6px 6px 1px 1px;background:#ef4444;border:1px solid #dc2626;box-shadow:0 0 6px 1px #ef4444b3}.brand-led:after{content:"";position:absolute;top:100%;left:2px;width:1px;height:4px;background:#94a3b8;box-shadow:5px 0 #94a3b8}.canvas-picker{display:flex;align-items:center;gap:4px}.canvas-name{width:150px;padding:5px 8px;border:1px solid var(--c-border);border-radius:6px 0 0 6px;background:#fff;font-family:inherit;font-size:13px}.canvas-current{color:var(--c-muted)}.canvas-picker button{padding:5px 8px;border:1px solid var(--c-border);border-radius:6px;background:#fff;font-family:inherit;font-size:12px;color:var(--c-muted);cursor:pointer}.canvas-picker button:hover:not(:disabled){background:var(--c-panel);color:var(--c-text)}.canvas-picker button:disabled{opacity:.5;cursor:default}.canvas-trash{position:relative}.canvas-trash-toggle{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--c-border);border-radius:6px;background:#fff;font-family:inherit;font-size:12px;color:var(--c-muted);cursor:pointer}.canvas-trash-toggle:hover:not(:disabled){background:var(--c-panel);color:var(--c-text)}.canvas-trash-count{min-width:15px;padding:0 4px;border-radius:8px;background:var(--c-panel);color:var(--c-text);font-size:11px;line-height:15px;text-align:center}.canvas-trash-menu{width:220px;right:0;left:auto}.canvas-trash-menu li{display:flex;align-items:center;gap:6px;cursor:default}.canvas-trash-menu li:hover{background:none}.canvas-trash-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-trash-age{color:var(--c-muted);font-size:11px;white-space:nowrap}.canvas-trash-restore{padding:3px 6px;border:1px solid var(--c-border);border-radius:4px;background:#fff;font-family:inherit;font-size:11px;cursor:pointer}.canvas-trash-restore:hover{background:var(--c-panel)}.canvas-export{position:relative}.canvas-clear-confirm{width:200px;display:flex;flex-direction:column;gap:8px}.canvas-clear-confirm p{margin:0;padding:2px 4px;font-size:12px;line-height:1.4;color:var(--c-text);white-space:normal}.canvas-clear-confirm-actions{display:flex;justify-content:flex-end;gap:6px}.canvas-clear-confirm-actions button{padding:5px 10px;border:1px solid var(--c-border);border-radius:4px;background:#fff;font-family:inherit;font-size:12px;cursor:pointer}.canvas-clear-confirm-actions button:hover{background:var(--c-panel)}.canvas-clear-confirm-actions button.canvas-clear-confirm-yes{border-color:#dc2626;color:#dc2626}.canvas-clear-confirm-actions button.canvas-clear-confirm-yes:hover{background:#fef2f2}.canvas-export-toggle{padding:5px 8px;border:1px solid var(--c-border);border-radius:6px;background:#fff;font-family:inherit;font-size:12px;color:var(--c-muted);cursor:pointer}.canvas-export-toggle:hover{background:var(--c-panel);color:var(--c-text)}.canvas-export-menu{width:240px;right:0;left:auto;display:flex;flex-direction:column;gap:8px;padding:10px}.canvas-export-option{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.canvas-export-size{font-size:11px;color:var(--c-muted)}.canvas-export-size.over-limit{color:#c92a2a}.canvas-export-copy{padding:5px 8px;border:1px solid var(--c-border);border-radius:6px;background:#fff;font-family:inherit;font-size:12px;cursor:pointer}.canvas-export-copy:hover:not(:disabled){background:var(--c-panel)}.canvas-export-copy:disabled{opacity:.5;cursor:default}.canvas-export-copy-json{padding:5px 8px;border:1px dashed var(--c-border);border-radius:6px;background:none;font-family:inherit;font-size:11px;color:var(--c-muted);cursor:pointer}.canvas-export-copy-json:hover{background:var(--c-panel);color:var(--c-text)}.canvas-export-download-json,.canvas-export-download-python{padding:5px 8px;border:1px solid var(--c-border);border-radius:6px;background:#fff;font-family:inherit;font-size:12px;cursor:pointer}.canvas-export-download-json:hover,.canvas-export-download-python:hover{background:var(--c-panel)}.canvas-import{position:relative}.canvas-import-toggle{padding:5px 8px;border:1px solid var(--c-border);border-radius:6px;background:#fff;font-family:inherit;font-size:12px;color:var(--c-muted);cursor:pointer}.canvas-import-toggle:hover{background:var(--c-panel);color:var(--c-text)}.canvas-import-menu{width:260px;right:0;left:auto;display:flex;flex-direction:column;gap:8px;padding:10px}.canvas-import-dropzone{display:flex;flex-direction:column;gap:6px;padding:6px;border:1px dashed var(--c-border);border-radius:6px}.canvas-import-dropzone.drag-over{border-color:var(--c-outputs);background:var(--c-panel)}.canvas-import-textarea{width:100%;height:90px;padding:6px 8px;border:1px solid var(--c-border);border-radius:4px;font-family:ui-monospace,monospace;font-size:11px;resize:vertical}.canvas-import-browse{align-self:flex-start;padding:3px 6px;border:1px solid var(--c-border);border-radius:4px;background:#fff;font-family:inherit;font-size:11px;color:var(--c-muted);cursor:pointer}.canvas-import-browse:hover{background:var(--c-panel);color:var(--c-text)}.canvas-import-file-input{display:none}.canvas-import-load{padding:5px 8px;border:1px solid var(--c-border);border-radius:6px;background:#fff;font-family:inherit;font-size:12px;cursor:pointer}.canvas-import-load:hover:not(:disabled){background:var(--c-panel)}.canvas-import-load:disabled{opacity:.5;cursor:default}.topbar-script{padding:6px 12px;border:1px solid var(--c-border);border-radius:6px;background:#fff;font-family:inherit;font-size:13px;cursor:pointer}.topbar-script:hover:not(:disabled){background:var(--c-panel)}.topbar-script.active{background:var(--c-text);border-color:var(--c-text);color:#fff}.topbar-script.active:hover:not(:disabled){background:color-mix(in srgb,var(--c-text) 85%,#fff);border-color:var(--c-text)}.topbar-script:disabled{opacity:.4;cursor:default}.topbar-script-highlight{background:#2f9e44;border-color:#2f9e44;color:#fff;animation:connect-pulse 1.4s ease-in-out infinite}.topbar-script-highlight:hover:not(:disabled){background:color-mix(in srgb,#2f9e44 85%,#fff);border-color:#2f9e44}@keyframes connect-pulse{0%,to{box-shadow:0 0 #2f9e4480}50%{box-shadow:0 0 0 6px #2f9e4400}}.history-toggle{display:flex;gap:4px}.history-toggle .topbar-script{padding:6px 10px;font-size:15px;line-height:1}.pinout-panel{position:absolute;top:12px;right:12px;z-index:10;background:#fffffff7;border:1px solid var(--c-border);border-radius:8px;box-shadow:0 8px 24px #1f23281f;padding:8px 10px 10px}.pinout-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:6px}.pinout-close{border:none;background:none;font-size:14px;color:var(--c-muted);cursor:pointer;padding:0 2px}.pinout-row{display:flex;justify-content:center;gap:10px}.pinout-pin{display:flex;align-items:center;gap:5px;border:none;background:none;padding:1px 0;font-family:inherit;font-size:10px;color:var(--c-muted)}.pinout-pin:not(:disabled){cursor:pointer}.pinout-left{flex-direction:row;justify-content:flex-end}.pinout-right{flex-direction:row-reverse;justify-content:flex-end}.pinout-label{width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinout-left .pinout-label{text-align:right}.pinout-right .pinout-label{text-align:left}.pinout-circle{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--c-border);display:inline-flex;align-items:center;justify-content:center;font-size:8px;color:var(--c-muted);flex-shrink:0;background:#fff}.pinout-v33 .pinout-circle{border-color:#e8590c;color:#e8590c}.pinout-5v .pinout-circle{border-color:#dc2626;color:#dc2626}.pinout-gnd .pinout-circle{border-color:#6b7280;background:#6b7280;color:#fff}.pinout-gpio .pinout-circle{border-color:#2f9e44;color:#2f9e44}.pinout-used{color:var(--c-text);font-weight:600}.pinout-used .pinout-circle{background:#2f9e44;color:#fff}.pinout-used:hover .pinout-label{text-decoration:underline}.mode-toggle,.numbering-toggle{display:flex;border:1px solid var(--c-border);border-radius:6px;overflow:hidden}.numbering-toggle{margin-left:auto}.mode-toggle button,.numbering-toggle button{padding:6px 10px;border:none;background:#fff;font-family:inherit;font-size:12px;color:var(--c-muted);cursor:pointer}.mode-toggle button+button,.numbering-toggle button+button{border-left:1px solid var(--c-border)}.mode-toggle button.active,.numbering-toggle button.active{background:var(--c-panel);color:var(--c-text);font-weight:600}.topbar-pi{display:flex;align-items:center;gap:8px}.pi-dot{width:9px;height:9px;border-radius:50%;background:#9ca3af}.pi-dot-connecting{background:#f59e0b}.pi-dot-connected{background:#2f9e44}.pi-address,.pi-port{padding:6px 8px;border:1px solid var(--c-border);border-radius:6px;font-family:inherit;font-size:12px}.combo{position:relative;display:flex;align-items:stretch}.pi-address{width:150px;border-radius:6px 0 0 6px}.combo-toggle{padding:0 5px;border:1px solid var(--c-border);border-left:none;border-radius:0 6px 6px 0;background:var(--c-panel);color:var(--c-muted);font-size:9px;cursor:pointer}.combo-toggle:disabled{cursor:default}.combo-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid var(--c-border);border-radius:6px;box-shadow:0 8px 24px #1f23281f;z-index:40;max-height:240px;overflow-y:auto}.combo-menu li{padding:6px 8px;border-radius:4px;font-size:12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combo-menu li.active{background:var(--c-panel)}.canvas-switcher-menu li{display:flex;align-items:center;gap:6px}.combo-option-label{flex:1;overflow:hidden;text-overflow:ellipsis}.canvas-switcher-menu .combo-option-delete{flex-shrink:0;padding:0 4px;border:none;border-radius:4px;background:none;color:var(--c-muted);font-size:13px;line-height:18px;cursor:pointer;visibility:hidden}.canvas-switcher-menu li:hover .combo-option-delete{visibility:visible}.canvas-switcher-menu button.combo-option-delete:hover{background:#fef2f2;color:#dc2626}.pi-combo-port{color:var(--c-muted)}.pi-port{width:48px;color:var(--c-muted)}.pi-port-sep{margin:0 -5px;color:var(--c-muted)}.pi-address:disabled,.pi-port:disabled{color:var(--c-muted);background:var(--c-panel)}.canvas-picker .canvas-clear{color:#dc2626;border-color:#fecaca}.canvas-picker .canvas-clear:hover:not(:disabled){background:#fef2f2;color:#dc2626}.canvas-picker .canvas-clear:disabled{color:var(--c-muted);border-color:var(--c-border);cursor:default;opacity:.5}.modal-overlay{position:fixed;inset:0;background:#0f121780;display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:min(720px,90vw);max-height:80vh;display:flex;flex-direction:column;background:#fff;border-radius:10px;padding:16px;box-shadow:0 12px 32px #00000040}.modal-small{width:min(380px,90vw)}.modal-text{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--c-muted)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal-header h2{margin:0;font-size:16px}.modal-close{border:none;background:none;font-size:20px;line-height:1;cursor:pointer;color:var(--c-muted);padding:2px 6px}.modal-close:hover{color:var(--c-text)}.modal-code{margin:0;flex:1;overflow:auto}.modal-warning{margin:10px 0 0;padding:6px 10px;border:1px solid #f59e0b;border-radius:6px;background:#fef3c7;color:#92400e;font-size:12px}.modal-warning code{font-family:ui-monospace,Cascadia Mono,monospace}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.modal-filename{display:flex;align-items:center;gap:4px;margin-right:auto;font-size:13px;color:var(--c-muted)}.modal-filename input{width:160px;padding:6px 8px;border:1px solid var(--c-border);border-radius:6px;font-family:inherit;font-size:13px}.modal-download{display:inline-block;padding:7px 14px;border:none;border-radius:6px;background:var(--c-outputs);color:#fff;font-family:inherit;font-size:13px;text-decoration:none;text-align:center;cursor:pointer}.modal-download:hover:not(:disabled){filter:brightness(1.08)}.live-modal-address{display:flex;align-items:center;gap:8px;margin-bottom:12px}.modal-download-secondary{margin-top:8px;background:none;color:var(--c-muted);text-align:left;padding:0}.modal-download-secondary:hover{filter:none;color:var(--c-text)}.modal-download:disabled{opacity:.5;cursor:default}.workspace{flex:1;display:flex;min-height:0}.sidebar{width:210px;overflow-y:auto;border-right:1px solid var(--c-border);background:var(--c-panel);padding:12px}.sidebar h2{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted);margin:16px 0 6px}.palette-section-header{display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.palette-section-arrow{display:inline-block;font-size:9px;transition:transform .15s ease}.palette-section-arrow.collapsed{transform:rotate(-90deg)}.palette-section-toggle{display:block;width:100%;background:none;border:none;padding:4px 0;margin:0 0 6px;font-size:11px;font-family:inherit;color:var(--c-accent, #3b82f6);cursor:pointer;text-align:left}.palette-section-toggle:hover{text-decoration:underline}.sidebar-search-wrap{position:relative;margin-bottom:10px}.sidebar-search{width:100%;box-sizing:border-box;padding:6px 24px 6px 8px;border:1px solid var(--c-border);border-radius:6px;font-size:13px;font-family:inherit;background:#fff}.sidebar-search::-webkit-search-cancel-button{-webkit-appearance:none}.sidebar-search-clear{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:18px;height:18px;border:none;border-radius:4px;background:none;color:var(--c-muted);font-size:15px;line-height:1;cursor:pointer}.sidebar-search-clear:hover{background:var(--c-panel);color:var(--c-text)}.sidebar-hint{font-size:12px;color:var(--c-muted);margin:0}.palette-item{background:#fff;border:1px solid var(--c-border);border-left-width:3px;border-radius:6px;padding:6px 8px;margin-bottom:6px;cursor:grab;display:flex;flex-direction:column;gap:2px}.palette-item.section-inputs{border-left-color:var(--c-inputs)}.palette-item.section-outputs{border-left-color:var(--c-outputs)}.palette-item.section-tools{border-left-color:var(--c-tools)}.palette-item.section-sources{border-left-color:var(--c-sources)}.palette-item.section-internal{border-left-color:var(--c-internal)}.palette-item.section-adc{border-left-color:var(--c-adc)}.palette-item.section-boards{border-left-color:var(--c-boards)}.palette-label{font-weight:600;font-size:13px}.palette-desc{font-size:11px;color:var(--c-muted)}.canvas{position:relative;flex:1;min-width:0}.canvas-warning{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:6px 10px;border:1px solid #f59e0b;border-radius:6px;background:#fef3c7;color:#92400e;font-size:12px;box-shadow:0 2px 8px #00000014}.canvas-warning-close{border:none;background:none;color:inherit;font-size:14px;line-height:1;cursor:pointer;padding:0 2px}.device-node{position:relative;background:#fff;border:1px solid var(--c-border);border-top-width:3px;border-radius:8px;min-width:130px;font-size:12px;box-shadow:0 1px 2px #0000000f}.device-node.section-inputs{border-top-color:var(--c-inputs)}.device-node.section-outputs{border-top-color:var(--c-outputs)}.device-node.section-tools{border-top-color:var(--c-tools)}.device-node.section-sources{border-top-color:var(--c-sources)}.device-node.section-internal{border-top-color:var(--c-internal)}.device-node.section-adc{border-top-color:var(--c-adc)}.section-sources .tool-fn{color:var(--c-sources);font-size:18px}.device-node.selected{box-shadow:0 0 0 2px #3b82f666}.node-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 8px;border-bottom:1px solid #eef1f4}.node-title{font-weight:600}.node-value{font-family:ui-monospace,Cascadia Mono,monospace;font-size:11px;background:#f1f5f9;border-radius:4px;padding:0 4px}.node-value-float{display:inline-block;min-width:calc(5ch + 8px);text-align:right;font-variant-numeric:tabular-nums}.node-value-tuple{display:inline-block;text-align:right;font-variant-numeric:tabular-nums;white-space:pre}.node-body{display:flex;justify-content:center;align-items:center;padding:10px 10px 6px;min-height:38px}.node-sub{font-family:ui-monospace,Cascadia Mono,monospace;font-size:10px;color:var(--c-muted);text-align:center;padding:0 8px 6px}.tactile-button{position:relative;width:34px;height:34px;padding:0;border:1px solid #1f2937;border-radius:6px;background:#374151;cursor:pointer;touch-action:none}.tactile-button:before{content:"";position:absolute;top:4px;left:4px;width:4px;height:4px;border-radius:50%;background:#cbd5e1;box-shadow:20px 0 #cbd5e1,0 20px #cbd5e1,20px 20px #cbd5e1}.tactile-cap{position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f87171,#dc2626 70%);box-shadow:0 2px #991b1b;transition:transform .05s,box-shadow .05s}.tactile-button.pressed .tactile-cap{transform:translateY(2px);box-shadow:none;background:radial-gradient(circle at 35% 30%,#ef4444,#b91c1c 70%)}.pir{position:relative;width:44px;height:30px;padding:0;border:1px solid #14532d;border-radius:4px;background:#166534;cursor:pointer}.pir-dome{position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cbd5e1 75%);transition:background .1s,box-shadow .1s}.pir.active .pir-dome{background:radial-gradient(circle at 35% 30%,#fff7ed,#fdba74 75%);box-shadow:0 0 10px 2px #fb923c99}.line-sensor{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;width:44px;height:30px;padding:0;border:1px solid #172554;border-radius:4px;background:#1e3a8a;cursor:pointer}.line-eye{width:10px;height:10px;border-radius:50%}.line-eye.emitter{background:radial-gradient(circle at 35% 30%,#dbeafe,#93c5fd 70%)}.line-eye.detector{background:radial-gradient(circle at 35% 30%,#475569,#0f172a 70%)}.line-indicator{position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#7f1d1d;transition:background .1s,box-shadow .1s}.line-sensor.active .line-indicator{background:#ef4444;box-shadow:0 0 6px 1px #ef4444cc}.led-dot{position:relative;width:20px;height:24px;margin-bottom:6px;border-radius:10px 10px 3px 3px;background:#d1d5db;border:1px solid #9ca3af;transition:background .1s}.led-dot:after{content:"";position:absolute;top:100%;left:4px;width:2px;height:6px;background:#94a3b8;box-shadow:8px 0 #94a3b8}.board-row{display:flex;gap:5px}.board-row .led-dot.small{width:13px;height:16px;border-radius:7px 7px 2px 2px}.board-row .led-dot.small:after{left:3px;height:4px;box-shadow:5px 0 #94a3b8}.board-row .tactile-button.mini{width:22px;height:22px;border-radius:4px}.board-row .tactile-button.mini:before{top:2px;left:2px;width:3px;height:3px;box-shadow:14px 0 #cbd5e1,0 14px #cbd5e1,14px 14px #cbd5e1}.board-row .tactile-button.mini .tactile-cap{inset:5px;box-shadow:0 1px #991b1b}.led-dot.lit{background:var(--led-color, #ef4444);border-color:color-mix(in srgb,var(--led-color, #ef4444) 80%,black);box-shadow:0 0 12px 2px color-mix(in srgb,var(--led-color, #ef4444) 70%,transparent)}.pwm-fill{position:absolute;inset:-1px;border-radius:inherit;background:var(--led-color, #ef4444);border:1px solid color-mix(in srgb,var(--led-color, #ef4444) 80%,black)}.rgb-fill{position:absolute;inset:-1px;border-radius:inherit;transition:background .1s}.traffic-light{display:flex;flex-direction:column;gap:4px;padding:5px;border-radius:6px;background:#374151}.traffic-lamp{position:relative;width:14px;height:14px;border-radius:50%;background:#1f2937}.traffic-fill{position:absolute;inset:0;border-radius:50%;transition:opacity .1s}.traffic-lamp.red .traffic-fill{background:#ef4444;box-shadow:0 0 8px 2px #ef4444b3}.traffic-lamp.amber .traffic-fill{background:#f59e0b;box-shadow:0 0 8px 2px #f59e0bb3}.traffic-lamp.green .traffic-fill{background:#22c55e;box-shadow:0 0 8px 2px #22c55eb3}.buzzer{position:relative;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#4b5563,#111827 75%)}.buzzer:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#000}.buzzer.buzzing{animation:buzz .15s linear infinite}.tone-note{font-family:ui-monospace,Cascadia Mono,monospace;font-size:11px;color:var(--c-muted)}@keyframes buzz{0%,to{transform:translate(-1px) rotate(-6deg)}50%{transform:translate(1px) rotate(6deg)}}.encoder-knob{position:relative;width:44px;height:44px;border-radius:50%;background:#e2e8f0;border:1px solid var(--c-border);cursor:grab;touch-action:none}.encoder-knob:active{cursor:grabbing}.encoder-pointer{position:absolute;inset:0}.encoder-pointer:before{content:"";position:absolute;top:3px;left:50%;width:4px;height:10px;margin-left:-2px;border-radius:2px;background:#334155}.widget-stack{display:flex;flex-direction:column;align-items:center;gap:6px}.pot-icon{position:relative;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f1f5f9,#cbd5e1 75%);border:1px solid #94a3b8}.pot-slot{position:absolute;top:4px;bottom:4px;left:50%;width:3px;margin-left:-1.5px;border-radius:2px;background:#64748b;transition:transform .1s}.light-sun{position:relative;width:26px;height:26px}.light-sun:before{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f1f5f9,#cbd5e1 75%);border:1px solid #94a3b8}.light-rays{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -4deg,#f59e0b 0deg 8deg,transparent 8deg 45deg);-webkit-mask:radial-gradient(circle,transparent 9px,#000 9.5px);mask:radial-gradient(circle,transparent 9px,#000 9.5px);transition:opacity .1s}.light-glow{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fef9c3,#fbbf24 75%);transition:opacity .1s}.thermo{position:relative;width:8px;height:24px;border-radius:4px 4px 0 0;background:#e2e8f0;border:1px solid var(--c-border);margin-bottom:8px}.thermo-fill{position:absolute;bottom:0;left:0;right:0;background:#ef4444;transition:height .1s}.thermo:after{content:"";position:absolute;top:100%;left:50%;width:14px;height:14px;margin:-4px 0 0 -7px;border-radius:50%;background:#ef4444;border:1px solid var(--c-border)}.load-bars{display:flex;align-items:flex-end;gap:3px;height:24px}.load-bar{position:relative;width:8px;height:100%;border-radius:2px;background:#e2e8f0;border:1px solid var(--c-border);overflow:hidden}.load-fill{position:absolute;bottom:0;left:0;right:0;background:var(--c-internal);transition:height .1s}.disk-donut{position:relative;width:26px;height:26px;border-radius:50%;border:1px solid var(--c-border)}.disk-hole{position:absolute;inset:7px;border-radius:50%;background:#fff}.ping-server{position:relative;display:flex;flex-direction:column;gap:3px;width:40px;padding:6px;border:1px solid #1f2937;border-radius:4px;background:#374151;cursor:pointer}.ping-slot{height:4px;border-radius:2px;background:#1f2937}.ping-led{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#ef4444}.ping-server.up .ping-led{background:#22c55e;box-shadow:0 0 5px #22c55ee6}.clock{position:relative;width:30px;height:30px;border-radius:50%;background:#f8fafc;border:2px solid #334155;transition:box-shadow .2s}.clock.active{border-color:#f59e0b;box-shadow:0 0 8px 2px #f59e0b80}.clock-hand{position:absolute;left:50%;bottom:50%;width:2px;margin-left:-1px;border-radius:1px;background:#334155;transform-origin:50% 100%}.clock-hand.hour{height:7px}.clock-hand.minute{height:11px}.uk-plug{position:relative;width:40px;height:36px;border-radius:8px;background:linear-gradient(#f8fafc,#e2e8f0);border:1px solid #94a3b8}.plug-pin{position:absolute;background:#64748b;border-radius:1px;transition:background .1s,box-shadow .1s}.plug-pin.earth{top:6px;left:50%;width:5px;height:10px;margin-left:-2.5px}.plug-pin.live,.plug-pin.neutral{bottom:7px;width:9px;height:5px}.plug-pin.live{left:6px}.plug-pin.neutral{right:6px}.plug-light{position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:#7f1d1d;transition:background .1s,box-shadow .1s}.uk-plug.on .plug-light{background:#ef4444;box-shadow:0 0 4px 1px #ef4444cc}.sonar{position:relative;width:110px;height:24px}.sonar:before{content:"";position:absolute;left:16px;right:3px;top:50%;border-top:1px dashed #cbd5e1}.sonar-board{position:absolute;left:0;top:0;width:12px;height:24px;border-radius:2px;background:#1e3a8a}.sonar-board:before{content:"";position:absolute;top:3px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e2e8f0,#94a3b8 75%);box-shadow:0 10px #94a3b8}.sonar-target{position:absolute;top:2px;bottom:2px;width:3px;border-radius:2px;background:#334155;transition:left .05s}.servo{position:relative;width:56px;height:26px;margin-top:12px;border-radius:4px;background:#2563eb;border:1px solid #1e40af}.servo:before,.servo:after{content:"";position:absolute;top:50%;width:7px;height:12px;margin-top:-6px;border-radius:2px;background:radial-gradient(circle,#1e3a8a 0 1.5px,#2563eb 1.5px);border:1px solid #1e40af}.servo:before{left:-9px}.servo:after{right:-9px}.servo-shaft{position:absolute;top:50%;left:13px;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#93c5fd;border:1px solid #60a5fa}.servo-shaft:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#1e40af}.servo-horn{position:absolute;bottom:50%;left:50%;width:4px;height:19px;margin-left:-2px;border-radius:2px 2px 0 0;background:#f8fafc;border:1px solid #cbd5e1;transform-origin:bottom center;transition:transform .1s}.servo.disengaged{opacity:.55}.servo.disengaged .servo-horn{background:none;border-style:dashed;transform:rotate(12deg)}.motor-wheel{position:relative;width:44px;height:44px;border-radius:50%;background:#e2e8f0;border:5px solid #334155}.robot{display:flex;align-items:center;gap:3px}.motor-wheel.small{width:28px;height:28px;border-width:4px}.motor-wheel.small .motor-hub{width:8px;height:8px;margin:-4px 0 0 -4px}.robot-chassis{width:30px;height:40px;border-radius:6px 6px 10px 10px;background:#1e3a8a}.motor-spoke{position:absolute;top:50%;left:0;width:100%;height:4px;margin-top:-2px;background:#64748b}.motor-spoke.cross{transform:rotate(90deg)}.motor-hub{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#334155}.bar-graph{display:flex;gap:3px}.bar-led{position:relative;width:9px;height:18px;border-radius:2px;background:#e2e8f0;border:1px solid var(--c-border);transition:background .1s}.bar-led.on{background:var(--bar-color, #ef4444);border-color:color-mix(in srgb,var(--bar-color, #ef4444) 80%,black);box-shadow:0 0 4px color-mix(in srgb,var(--bar-color, #ef4444) 70%,transparent)}.bar-fill{position:absolute;inset:-1px;border-radius:2px;background:var(--bar-color, #ef4444);box-shadow:0 0 4px color-mix(in srgb,var(--bar-color, #ef4444) 70%,transparent);transition:opacity .1s}.bar-graph-vertical{display:flex;flex-direction:column;gap:3px}.bar-led-v{position:relative;width:18px;height:9px;border-radius:2px;background:#e2e8f0;border:1px solid var(--c-border);transition:background .1s}.bar-led-v.red.on{background:#ef4444;border-color:#dc2626;box-shadow:0 0 4px #ef4444b3}.bar-led-v.green.on{background:#22c55e;border-color:#16a34a;box-shadow:0 0 4px #22c55eb3}.bar-fill-red,.bar-fill-green{position:absolute;inset:-1px;border-radius:2px;transition:opacity .1s}.bar-fill-red{background:#ef4444;box-shadow:0 0 4px #ef4444b3}.bar-fill-green{background:#22c55e;box-shadow:0 0 4px #22c55eb3}.tool-fn{font-family:ui-monospace,Cascadia Mono,monospace;font-size:14px;color:var(--c-tools)}.wave-icon{display:block;width:44px;height:18px;overflow:visible;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.device-node input[type=range]{width:110px;accent-color:var(--c-inputs)}.react-flow .react-flow__handle{width:14px;height:14px;background:#64748b;border:2px solid #fff}.edge-delete{width:20px;height:20px;border-radius:50%;border:1px solid #dc2626;background:#fff;color:#dc2626;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.edge-delete:hover{background:#dc2626;color:#fff}.node-delete{position:absolute;top:-9px;right:-9px;z-index:1;width:18px;height:18px;border-radius:50%;border:1px solid #dc2626;background:#fff;color:#dc2626;font-size:12px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.device-node:hover .node-delete,.device-node.selected .node-delete{display:flex}.node-delete:hover{background:#dc2626;color:#fff}.config-panel{width:270px;border-left:1px solid var(--c-border);background:var(--c-panel);padding:14px;overflow-y:auto}.config-panel h2{font-size:15px;margin:0 0 4px}.config-desc{font-size:12px;color:var(--c-muted);margin:0 0 10px}.config-docs-link{display:inline-block;margin:0 0 14px;font-size:12px;color:var(--c-tools);text-decoration:none}.config-docs-link:hover{text-decoration:underline}.config-empty{font-size:13px;color:var(--c-muted)}.config-hint{font-size:12px;color:var(--c-muted)}.config-field{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-family:ui-monospace,Cascadia Mono,monospace}.config-field input[type=text]{width:110px;padding:3px 6px;border:1px solid var(--c-border);border-radius:4px;font-family:inherit;background:#fff}.config-field input[aria-invalid=true]{border-color:#dc2626}.config-field input[type=number],.config-field select{width:90px;padding:3px 6px;border:1px solid var(--c-border);border-radius:4px;font-family:inherit;background:#fff}.config-nullable-toggle{display:flex;align-items:center;gap:4px;color:var(--c-muted);font-size:11px;white-space:nowrap;cursor:pointer}.config-nullable-toggle+input[type=number]{flex-basis:100%;max-width:90px;margin-left:auto}.config-nullable-toggle+input[type=number]:disabled{color:var(--c-muted);background:var(--c-panel)}.config-value{margin-top:10px;padding:8px 10px;border:1px solid var(--c-border);border-radius:6px;font-size:12px}.config-value-title{display:block;margin-bottom:2px;color:var(--c-muted);font-family:ui-monospace,Cascadia Mono,monospace}.config-value code{font-family:ui-monospace,Cascadia Mono,monospace;font-size:12px}.config-value p{margin:4px 0 0;color:var(--c-muted)}.config-value-note{font-style:italic}.config-code{background:#1f2328;color:#e6edf3;padding:8px 10px;border-radius:6px;font-size:12px;font-family:ui-monospace,Cascadia Mono,monospace;margin-top:14px;overflow-x:auto}.config-code code{white-space:pre}.config-error{flex-basis:100%;color:#dc2626;font-size:11px}.config-inputs{margin-top:4px;font-size:13px;font-family:ui-monospace,Cascadia Mono,monospace}.config-inputs-title{display:block;margin-bottom:6px}.config-input-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.config-input-index{width:14px;color:var(--c-muted);text-align:right}.config-input-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-input-row button{width:22px;height:22px;padding:0;border:1px solid var(--c-border);border-radius:4px;background:#fff;cursor:pointer;font-size:11px;line-height:1}.config-input-row button:hover:not(:disabled){background:var(--c-panel)}.config-input-row button:disabled{color:var(--c-border);cursor:default}.config-duplicate{margin-top:12px;width:100%;padding:6px;border:1px solid #94a3b8;border-radius:6px;background:#fff;color:#334155;font-size:13px;font-family:inherit;cursor:pointer}.config-duplicate:hover{background:#f1f5f9}.config-delete{margin-top:8px;width:100%;padding:6px;border:1px solid #dc2626;border-radius:6px;background:#fff;color:#dc2626;font-size:13px;font-family:inherit;cursor:pointer}.config-delete:hover{background:#dc2626;color:#fff}