@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--bg-canvas:#f7f4ee;--bg-header:#f7f4ee;--bg-panel:#fff;--bg-dark:#2f3e34;--bg-secondary:#82977e;--bg-accent:#e98b5a;--bg-neutral:#cbbba0;--color-text-primary:#1f2321;--color-text-secondary:#4a524d;--color-border:#e2dacd}html{scroll-behavior:smooth;min-height:100%;background-color:#f7f4ee!important;overflow:hidden auto!important}body{box-sizing:border-box;font-family:var(--font-sans);color:#1f2321;-webkit-overflow-scrolling:touch;min-height:100vh;margin:0;padding:0;touch-action:auto!important;background-color:#f7f4ee!important;overflow:hidden auto!important}#root{background-color:#f7f4ee;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:visible!important}.clean-app{height:100vh!important;overflow:hidden!important}.component-card{cursor:pointer;text-align:center;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-width:0;height:120px;padding:6px 5px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .14s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.component-card:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 6px 16px #0284c729}.component-card:active{transform:translateY(0)}.component-card.selected,.component-card:focus-visible{border-color:#0284c7;outline:none;box-shadow:0 0 0 2px #0284c740}.component-card__header{justify-content:space-between;align-items:center;width:100%;height:14px;margin-bottom:2px;display:flex}.component-card__badge{text-transform:uppercase;letter-spacing:.3px;color:#0284c7;white-space:nowrap;text-overflow:ellipsis;background:#e0f2fe;border-radius:3px;max-width:70px;padding:1px 4px;font-size:8.5px;font-weight:700;overflow:hidden}.component-card__fav{color:#cbd5e1;cursor:pointer;font-size:11px;transition:color .12s}.component-card__fav:hover,.component-card__fav.is-fav{color:#f59e0b}.component-card__visual{background:0 0;border-radius:4px;justify-content:center;align-items:center;width:100%;height:52px;display:flex;position:relative;overflow:hidden}.component-card__preview-wrapper{z-index:1;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:1px;display:flex;position:relative}.component-card__info{flex-direction:column;align-items:center;width:100%;margin-top:2px;display:flex}.component-card__name{color:#0f172a;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;font-weight:700;line-height:1.2;overflow:hidden}.component-card__model{color:#64748b;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:8.5px;font-weight:500;line-height:1.1;overflow:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-focus)}.clean-header{background-color:var(--bg-header);border-bottom:1px solid var(--color-border);z-index:50;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:0 16px;display:flex;box-shadow:0 1px 4px #0000000d}.btn,.clean-btn{font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);cursor:pointer;background-color:#fff;outline:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.2;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn:hover,.clean-btn:hover{border-color:var(--color-border-focus);color:#0f172a;background-color:#f8fafc}.btn-primary,.clean-btn-primary{color:#fff;background-color:#0f172a;border-color:#0f172a;font-weight:700}.btn-primary:hover,.clean-btn-primary:hover{color:#fff;background-color:#1e293b;border-color:#1e293b}.btn-secondary,.clean-btn-secondary{border-color:var(--color-border-subtle);color:var(--color-text-primary);background-color:#fff}.btn-secondary:hover,.clean-btn-secondary:hover{border-color:var(--color-border-focus);color:#0f172a;background-color:#f8fafc}.btn-success,.clean-btn-success{color:#fff;background-color:#059669;border-color:#059669;font-weight:700}.btn-danger,.clean-btn-danger{color:#e11d48;background-color:#fff;border-color:#cbd5e1;font-weight:600}.btn-danger:hover,.clean-btn-danger:hover{color:#e11d48;background-color:#fff1f2;border-color:#fda4af}.btn-icon{justify-content:center;padding:6px 8px}.btn-toggle[aria-pressed=true],.btn-toggle[aria-expanded=true],.btn-toggle.active{box-shadow:0 1px 3px #0000001a;color:#fff!important;background-color:#0f172a!important;border-color:#0f172a!important}.drawer-panel{background-color:var(--bg-panel);border-left:1px solid var(--color-border);z-index:40;flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;box-shadow:-4px 0 24px #00000014}.clean-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background-color:#fff;flex-direction:row;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000008}.clean-card:hover{border-color:var(--color-border-focus);background-color:#f8fafc;box-shadow:0 2px 6px #0000000f}.pin-hitbox{transition:opacity .15s,box-shadow .15s}.pin-hitbox:hover{transform:none!important}.breadboard-pin-hitbox{box-shadow:none!important;background:0 0!important;border:none!important}.breadboard-pin-hitbox:hover{box-shadow:none!important;transform:none!important}.pin-hitbox.wiring-active:not(.breadboard-pin-hitbox){box-shadow:0 0 6px var(--color-accent-amber);transform:none!important}@media (width<=768px){.clean-header{padding:6px 10px}.mobile-quick-bar{display:flex!important}.drawer-panel{animation:.3s cubic-bezier(.16,1,.3,1) slideUpSheet;border-top:1px solid #3f3f46!important;border-left:none!important;border-radius:20px 20px 0 0!important;width:100%!important;max-width:100vw!important;height:75vh!important;inset:auto 0 0!important;box-shadow:0 -12px 40px #000c!important}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ledGlow{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes buzzerPulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 10px 3px #f59e0b80}50%{opacity:.9;transform:scale(1.12);box-shadow:0 0 28px 10px #f59e0bd9}to{opacity:1;transform:scale(1);box-shadow:0 0 10px 3px #f59e0b80}}@keyframes relayGlow{0%,to{box-shadow:0 0 10px #10b98166}50%{box-shadow:0 0 22px #10b981e6}}.component-box.selected{outline:none}