:root{color-scheme:light dark;--bg: #ffffff;--bg-raised: #f5f5f5;--border: #e0e0e0;--text: #0d0d0d;--text-dim: #333333;--text-faint: #6b6b6b}@media(prefers-color-scheme:dark){:root{--bg: #0d0d0d;--bg-raised: #161616;--border: #2a2a2a;--text: #ffffff;--text-dim: #cccccc;--text-faint: #8a8a8a}}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text-dim);font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--text);font-weight:700;line-height:1.15;margin:0}p{margin:0}.wrap{max-width:1100px;margin:0 auto}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(.92)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--text-faint)}.btn-secondary:hover{transform:translateY(-1px);border-color:var(--text)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;padding:1.75rem}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.component{color:var(--text-dim);cursor:default}.lead,.body-stroke{stroke:currentColor;stroke-width:2;fill:none}.terminal{fill:var(--bg);stroke:var(--text-faint);stroke-width:1.5}.terminal[tabindex]{cursor:crosshair}.terminal--pending{fill:var(--text)}.terminal--snap-target{stroke:#2e8b57;stroke-width:3}.wire-preview{stroke:var(--text);stroke-width:2;stroke-dasharray:4 3}.connection{stroke:var(--text-faint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.connection--active{stroke:#2e8b57;stroke-width:2.5}.component--active{color:#2e8b57}.component--active .lead,.component--active .body-stroke{stroke-width:3}.component--lit .body-stroke{fill:#ffd23f}.component--lit .emission{stroke:#ffd23f}.led-halo{stroke:#ffd23f;stroke-width:1.5;stroke-dasharray:3 3}.component--reversed{color:var(--text-faint);opacity:.65}.component--selected{outline:2px dashed var(--text);outline-offset:4px}.breadboard-body{fill:var(--bg);stroke:var(--border);stroke-width:1.5}.breadboard-hole{fill:var(--border)}.meter-label{fill:var(--text-faint);font-weight:600}.workspace{display:flex;gap:1.25rem;align-items:flex-start;flex-wrap:wrap}.workspace-canvas{flex:1;min-width:280px}.palette{display:flex;flex-direction:column;gap:.5rem;width:140px;flex-shrink:0}.palette-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .4rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text-dim);cursor:grab;touch-action:none;font-family:inherit}.palette-item:hover{border-color:var(--text-faint)}.palette-icon{width:100%;height:32px;color:var(--text-dim)}.palette-label{font-size:.75rem}@media(max-width:640px){.workspace{flex-direction:column;flex-wrap:nowrap}.palette{flex-direction:row;width:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.35rem}.palette-item{flex-shrink:0;width:84px;touch-action:pan-x}.workspace-canvas{min-width:0}}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.toolbar button{padding:.5rem 1rem;min-height:44px}.toolbar button:disabled{opacity:.4;cursor:not-allowed}.tool-group{display:flex;gap:.25rem;margin-right:.5rem;padding-right:.5rem;border-right:1px solid var(--border)}.tool-group button[aria-pressed=true]{background:var(--text);color:var(--bg)}.canvas{touch-action:none}.canvas-empty-hint{fill:var(--text-faint);font-size:14px;font-family:inherit;pointer-events:none;-webkit-user-select:none;user-select:none}.component[data-component-id]{cursor:grab}.drag-ghost{z-index:1000;padding:.4rem .75rem;border-radius:8px;background:var(--text);color:var(--bg);font-size:.8rem;font-weight:600;transform-origin:0 0;translate:-50% -50%}.save-load h2{font-size:1.1rem;margin-bottom:1rem}.save-load-form{margin-bottom:1.25rem}.save-load-label{display:block;font-size:.8rem;color:var(--text-faint);margin-bottom:.35rem}.save-load-row{display:flex;gap:.5rem}.save-load-input{flex:1;min-width:0;padding:.6rem .85rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:inherit;font-size:.9rem}.save-load-row .btn{flex-shrink:0}.save-load-error{color:#c0392b;font-size:.85rem;margin-bottom:1rem}.save-load-empty{color:var(--text-faint);font-size:.9rem}.save-load-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.save-load-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .85rem;border:1px solid var(--border);border-radius:10px;flex-wrap:wrap}.save-load-item-info{display:flex;flex-direction:column;min-width:0}.save-load-item-name{font-weight:600;color:var(--text);overflow-wrap:break-word}.save-load-item-date{font-size:.75rem;color:var(--text-faint)}.save-load-item-actions{display:flex;gap:.5rem;flex-shrink:0}.save-load-item-actions .btn{padding:.4rem .85rem}