*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw}#app{display:flex;flex-direction:column;height:100vh}#toolbar{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--toolbar-bg);border-bottom:1px solid var(--border-color);height:40px;flex-shrink:0}.toolbar-group{display:flex;align-items:center;gap:2px;padding:0 6px;border-right:1px solid var(--border-color)}.toolbar-group:last-child{border-right:none}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px}.toolbar-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.toolbar-btn.active{background:var(--accent-primary);color:#fff}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-label{font-size:11px;color:var(--text-secondary);padding:0 4px}#workspace{display:flex;flex:1;overflow:hidden}#palette{width:220px;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;flex-shrink:0}#palette::-webkit-scrollbar{width:8px}#palette::-webkit-scrollbar-track{background:var(--scrollbar-track)}#palette::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.palette-category{border-bottom:1px solid var(--border-color)}.palette-category-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--palette-category-bg);cursor:pointer;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.palette-category-header:hover{background:var(--bg-tertiary)}.palette-category-header .arrow{transition:transform .2s;font-size:10px}.palette-category.collapsed .arrow{transform:rotate(-90deg)}.palette-category.collapsed .palette-items{display:none}.palette-items{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px}.palette-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;cursor:grab;font-size:10px;color:var(--text-secondary);text-align:center;-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s}.palette-item:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);color:var(--text-primary)}.palette-item:active{cursor:grabbing}.palette-item-icon{width:40px;height:28px;display:flex;align-items:center;justify-content:center}.palette-item-icon svg{width:100%;height:100%}#canvas-container{flex:1;position:relative;overflow:hidden;background:var(--bg-canvas)}#main-canvas{display:block;position:absolute;top:0;left:0}#overlay-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#overlay-layer>*{pointer-events:auto}#property-panel{width:240px;background:var(--bg-secondary);border-left:1px solid var(--border-color);overflow-y:auto;flex-shrink:0;display:none}#property-panel.visible{display:block}.prop-section{padding:12px;border-bottom:1px solid var(--border-color)}.prop-section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.prop-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.prop-label{font-size:12px;color:var(--text-secondary)}.prop-input{width:100px;padding:4px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-primary);font-size:12px;outline:none}.prop-input:focus{border-color:var(--accent-primary)}#statusbar{display:flex;align-items:center;justify-content:space-between;padding:2px 12px;background:var(--toolbar-bg);border-top:1px solid var(--border-color);height:24px;font-size:11px;color:var(--text-muted);flex-shrink:0}#sim-status{padding:1px 8px;border-radius:3px;font-weight:600}#sim-status.running{background:var(--success);color:#fff}#sim-status.stopped{background:var(--danger);color:#fff}.context-menu{position:absolute;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:4px 0;min-width:160px;box-shadow:0 4px 12px #0006;z-index:1000}.context-menu-item{padding:6px 16px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:8px}.context-menu-item:hover{background:var(--accent-primary);color:#fff}.context-menu-separator{height:1px;background:var(--border-color);margin:4px 0}.tooltip{position:absolute;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:11px;color:var(--text-primary);pointer-events:none;z-index:999;white-space:nowrap}:root{--bg-primary: #1e1e2e;--bg-secondary: #2a2a3e;--bg-tertiary: #333350;--bg-canvas: #1a1a2a;--text-primary: #e0e0f0;--text-secondary: #a0a0c0;--text-muted: #707090;--border-color: #404060;--accent-primary: #5588ff;--accent-hover: #6699ff;--accent-active: #4477ee;--signal-digital: #4488cc;--signal-digital-active: #00ccff;--signal-analog: #cc4444;--signal-analog-active: #ff4444;--signal-serial: #44aa44;--signal-serial-active: #44ff44;--danger: #cc4444;--warning: #ccaa44;--success: #44aa44;--component-bg: #2d2d48;--component-border: #5060a0;--component-selected: #5588ff;--grid-line: #252540;--grid-line-major: #303050;--palette-category-bg: #252540;--toolbar-bg: #222238;--scrollbar-thumb: #404060;--scrollbar-track: #1e1e2e}