.app-shell{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.app-content{display:flex;flex:1;overflow:hidden;position:relative}.dropdown-menu{position:relative}.dropdown-trigger{padding:4px 10px;font-size:12px;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:background-color .1s,color .1s}.dropdown-trigger:hover,.dropdown-trigger.open{background:var(--color-surface-variant);color:var(--color-text)}.dropdown-panel{position:absolute;top:100%;left:0;margin-top:4px;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:4px 0;z-index:100}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;font-size:12px;color:var(--color-text);text-align:left;border-radius:0;transition:background-color .05s}.dropdown-item:hover:not(.disabled){background:var(--color-surface-variant)}.dropdown-item.disabled{color:var(--color-text-secondary);opacity:.5}.dropdown-item-check{width:14px;font-size:11px;text-align:center;flex-shrink:0}.dropdown-item-label{flex:1}.dropdown-item-shortcut{font-size:11px;color:var(--color-text-secondary);font-family:var(--font-mono);margin-left:16px}.dropdown-separator{height:1px;background:var(--color-border);margin:4px 0}.menubar{display:flex;align-items:center;justify-content:space-between;height:var(--menubar-height);padding:0 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:8px}.menubar-left{flex:1 1 0;display:flex;align-items:center;gap:12px;min-width:0}.menubar-logo{font-size:15px;font-weight:700;color:var(--color-primary);letter-spacing:-.3px}.diagram-toggle{display:flex;background:var(--color-surface-variant);border-radius:var(--radius-sm);padding:2px}.diagram-toggle-btn{padding:4px 12px;font-size:12px;font-weight:500;color:var(--color-text-secondary);border-radius:3px;transition:background-color .1s,color .1s}.diagram-toggle-btn:hover{color:var(--color-text)}.diagram-toggle-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #00000014}.menubar-center{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:4px}.menubar-separator{width:1px;height:18px;background:var(--color-border);margin:0 4px}.menubar-right{flex:1 1 0;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.menubar-project-name{font-size:12px;color:var(--color-text-secondary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menubar-actions{display:flex;gap:2px}.menubar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background-color .1s,color .1s}.menubar-btn:hover:not(:disabled){background:var(--color-surface-variant);color:var(--color-text)}.statusbar{display:flex;align-items:center;justify-content:space-between;height:var(--statusbar-height);padding:0 8px;background:var(--color-surface-variant);border-top:1px solid var(--color-border);flex-shrink:0;font-size:11px}.statusbar-left{display:flex;align-items:center;overflow-x:auto;flex:1;min-width:0}.statusbar-center{display:flex;align-items:center;justify-content:center;flex:1}.status-project-name{color:var(--color-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusbar-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:1;min-width:0}.status-tool{color:var(--color-text-secondary)}.status-separator{width:1px;height:12px;background:var(--color-border)}.status-zoom{color:var(--color-text-secondary);font-family:var(--font-mono);min-width:36px;text-align:right}.page-tabs{display:flex;align-items:center;gap:0}.page-tab{display:flex;align-items:center;gap:4px;padding:2px 10px;font-size:11px;color:var(--color-text-secondary);border-right:1px solid var(--color-border);white-space:nowrap;transition:color .1s,background-color .1s}.page-tab:first-child{border-left:1px solid var(--color-border)}.page-tab:hover{color:var(--color-text);background:var(--color-surface)}.page-tab.active{color:var(--color-text);background:var(--color-surface);font-weight:500}.page-tab-input{width:70px;padding:0 2px;font-size:11px;border:1px solid var(--color-primary);border-radius:2px;outline:none;background:var(--color-surface)}.page-tab-close{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:2px;color:var(--color-text-secondary);opacity:0;transition:opacity .1s}.page-tab:hover .page-tab-close{opacity:1}.page-tab-close:hover{background:#0000001a;color:var(--color-text)}.page-tab-add{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:2px;border-radius:var(--radius-sm);color:var(--color-text-secondary)}.page-tab-add:hover{background:var(--color-surface);color:var(--color-text)}.diagram-canvas{flex:1;position:relative;overflow:hidden;background-color:#fafafa;cursor:crosshair;outline:none;user-select:none;-webkit-user-select:none}.diagram-canvas:focus{outline:none}.diagram-canvas.panning{cursor:grabbing}.diagram-canvas :global(svg){display:block;width:100%;height:100%}.canvas-info{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;pointer-events:none}.zoom-level,.cursor-pos{font-size:11px;font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-surface);padding:4px 8px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.canvas-overlay-tl{position:absolute;top:8px;left:32px;display:flex;gap:2px;background:var(--color-surface);padding:6px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.canvas-overlay-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background-color .1s,color .1s;background:transparent;border:none;cursor:pointer}.canvas-overlay-btn:hover:not(:disabled){background:var(--color-surface-variant);color:var(--color-text)}.canvas-overlay-btn:disabled{opacity:.4;cursor:default}.symbol-palette{width:var(--sidebar-width);height:100%;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.symbol-palette.embedded{width:auto;height:auto;border-right:none;flex-shrink:1}.palette-header{padding:12px;border-bottom:1px solid var(--color-border)}.palette-header h2{font-size:14px;font-weight:600;margin-bottom:8px}.search-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;background:var(--color-surface-variant);transition:border-color .15s}.search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface)}.search-input::placeholder{color:var(--color-text-secondary)}.palette-content{flex:1;overflow-y:auto;padding:8px 0}.category{margin-bottom:4px}.category-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;color:var(--color-text);text-align:left;transition:background-color .15s}.category-header:hover{background:var(--color-surface-variant)}.category-header:focus{outline:none}.category-header .chevron{transition:transform .2s;color:var(--color-text-secondary)}.category-header .chevron.expanded{transform:rotate(90deg)}.category-header .count{margin-left:auto;font-size:11px;color:var(--color-text-secondary);background:var(--color-surface-variant);padding:2px 6px;border-radius:10px}.symbol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px 8px 8px}.symbol-button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--color-surface);transition:all .15s;cursor:pointer}.symbol-button:hover{background:var(--color-surface-variant);border-color:var(--color-border)}.symbol-button.active{background:var(--color-selection);border-color:var(--color-primary)}.symbol-button.disabled,.symbol-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.symbol-button:focus{outline:none}.symbol-preview{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.preview-container{width:32px;height:32px}.preview-container :global(svg){display:block}.symbol-name{font-size:10px;color:var(--color-text-secondary);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.symbol-button:hover .symbol-name,.symbol-button.active .symbol-name{color:var(--color-text)}.search-results{padding:0 8px}.search-results .category-header{padding:8px 4px;font-size:12px;color:var(--color-text-secondary)}.search-results .symbol-grid{padding:0}.selection-info{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:0 8px 8px;background:var(--color-selection);border-radius:var(--radius-sm);font-size:12px}.selection-label{color:var(--color-text-secondary)}.selection-name{font-weight:500;color:var(--color-text)}.empty-state{padding:24px 16px;text-align:center;color:var(--color-text-secondary)}.empty-state p{margin:0;font-size:13px}.empty-state .hint{margin-top:8px;font-size:12px;opacity:.8}.situatie-elements{overflow-y:auto;flex:1}.se-section{border-bottom:1px solid var(--color-border)}.se-section-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:600;color:var(--color-text);text-align:left;background:var(--color-surface-variant);transition:background-color .1s}.se-section-header:hover{background:var(--color-border)}.se-chevron{transition:transform .15s;flex-shrink:0;color:var(--color-text-secondary)}.se-chevron.expanded{transform:rotate(90deg)}.se-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;color:#fff;background:var(--color-primary);border-radius:9px}.se-tool-list{padding:4px 0}.se-tool-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 12px 6px 20px;font-size:12px;color:var(--color-text);text-align:left;transition:background-color .1s}.se-tool-item:hover{background:var(--color-surface-variant)}.se-tool-item.active{background:#1a73e81a;color:var(--color-primary)}.se-tool-icon{flex-shrink:0}.se-unplaced{padding:0}.se-empty{padding:12px 20px;font-size:12px;color:var(--color-text-secondary);font-style:italic}.se-circuit-group{border-bottom:1px solid var(--color-surface-variant)}.se-circuit-header{display:flex;align-items:center;gap:4px;width:100%;padding:5px 12px 5px 16px;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-align:left;transition:background-color .1s}.se-circuit-header:hover{background:var(--color-surface-variant)}.se-circuit-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;color:#fff;background:var(--color-primary);border-radius:9px}.se-unplaced-item{display:flex;align-items:center;gap:8px;width:100%;padding:4px 12px 4px 20px;font-size:12px;color:var(--color-text);text-align:left;transition:background-color .1s}.se-unplaced-item:hover{background:var(--color-surface-variant)}.se-unplaced-item.placing{background:#1a73e81a;color:var(--color-primary)}.se-node-label{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 4px;font-size:10px;font-weight:600;color:#fff;background:var(--color-primary);border-radius:3px;flex-shrink:0;margin-left:auto}.se-symbol-preview{width:20px;height:20px;flex-shrink:0}.se-symbol-preview svg{display:block}.se-node-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-panel{position:relative;display:flex;flex-shrink:0;height:100%}.side-panel.collapsed{width:0}.panel-toggle{position:absolute;top:8px;right:-20px;width:20px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;color:var(--color-text-secondary);transition:all .15s;z-index:10}.side-panel.collapsed .panel-toggle{right:-20px;left:0;border-left:1px solid var(--color-border)}.panel-toggle:hover{background:var(--color-surface-variant);color:var(--color-text)}.side-panel-content{width:var(--sidebar-width);height:100%;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);overflow:hidden;flex-shrink:0}.property-section{border-bottom:1px solid var(--color-border)}.section-header{padding:10px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);background:var(--color-surface-variant)}.section-content{padding:8px 12px}.property-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;gap:12px}.property-label{font-size:12px;color:var(--color-text-secondary);flex-shrink:0}.property-value{flex:1;display:flex;justify-content:flex-end}.toggle-button-group{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.toggle-button{padding:4px 10px;font-size:11px;background:var(--color-surface);border:none;border-right:1px solid var(--color-border);cursor:pointer;transition:all .15s;color:var(--color-text-secondary)}.toggle-button:last-child{border-right:none}.toggle-button:hover{background:var(--color-surface-variant)}.toggle-button.active{background:var(--color-primary);color:#fff}.select-input{width:100%;padding:5px 8px;font-size:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color .15s}.select-input:focus{outline:none;border-color:var(--color-primary)}.number-input-wrapper{display:flex;align-items:center;gap:4px}.number-input{width:70px;padding:5px 8px;font-size:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);text-align:right;transition:border-color .15s}.number-input:focus{outline:none;border-color:var(--color-primary)}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{opacity:1}.input-unit{font-size:11px;color:var(--color-text-secondary)}.length-with-lock{display:flex;align-items:center;gap:6px}.length-lock-badge{font-size:12px;line-height:1;user-select:none;color:var(--color-primary)}.text-input{width:100%;padding:5px 8px;font-size:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color .15s}.text-input:focus{outline:none;border-color:var(--color-primary)}.property-warning{padding:8px;margin-bottom:8px;font-size:11px;color:var(--color-warning);background:#ffc1071a;border-radius:var(--radius-sm)}.no-properties{padding:8px 0;font-size:12px;color:var(--color-text-secondary);font-style:italic}.pending-symbol-hint{padding:6px 8px;margin-bottom:8px;font-size:11px;color:var(--color-primary);background:#1a73e81a;border-radius:var(--radius-sm);text-align:center}.property-panel{position:relative;display:flex;flex-shrink:0;height:100%}.property-panel.collapsed{width:0}.property-panel .panel-toggle{position:absolute;top:8px;left:-20px;width:20px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .15s;z-index:10}.property-panel.collapsed .panel-toggle{left:-20px;right:0;border-right:1px solid var(--color-border)}.property-panel .panel-toggle:hover{background:var(--color-surface-variant);color:var(--color-text)}.property-panel-content{width:var(--property-panel-width);height:100%;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:12px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-header h2{font-size:14px;font-weight:600;margin:0}.panel-body{flex:1;overflow-y:auto}.no-selection{padding:24px 16px;text-align:center}.no-selection p{font-size:13px;color:var(--color-text-secondary);margin:0}.placeholder-editor{padding:16px;border-bottom:1px solid var(--color-border)}.placeholder-editor p{font-size:12px;color:var(--color-text-secondary);margin:0;text-align:center}.dialog-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:80vh;display:flex;flex-direction:column;outline:none}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.dialog-header h2{font-size:16px;font-weight:600;margin:0}.dialog-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background-color .1s,color .1s}.dialog-close:hover{background:var(--color-surface-variant);color:var(--color-text)}.dialog-body{flex:1;overflow-y:auto;padding:20px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:12px;font-weight:500;color:var(--color-text-secondary);margin-bottom:4px}.form-input{width:100%;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text);background:var(--color-surface);transition:border-color .1s}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-row{display:flex;gap:12px}.form-row>.form-group{flex:1}.form-section-title{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.dialog-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin:-20px -20px 16px;padding:0 20px}.dialog-tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid transparent;transition:color .1s,border-color .1s;margin-bottom:-1px}.dialog-tab:hover{color:var(--color-text)}.dialog-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.btn{padding:6px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);transition:background-color .1s,color .1s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface-variant);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.bom-panel{position:fixed;bottom:0;left:0;right:0;max-height:50vh;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:500;display:flex;flex-direction:column}.bom-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.bom-header h3{font-size:14px;font-weight:600;margin:0}.bom-actions{display:flex;gap:6px;align-items:center}.bom-action-btn{padding:4px 10px;font-size:11px;background:var(--color-surface-variant);border-radius:var(--radius-sm);color:var(--color-text);transition:background-color .1s}.bom-action-btn:hover{background:var(--color-border)}.bom-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--color-text-secondary)}.bom-close-btn:hover{background:var(--color-surface-variant);color:var(--color-text)}.bom-body{flex:1;overflow-y:auto;padding:0}.bom-empty{padding:24px;text-align:center;color:var(--color-text-secondary);font-size:13px}.bom-category{border-bottom:1px solid var(--color-border)}.bom-category-header{padding:6px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);background:var(--color-surface-variant)}.bom-table{width:100%;border-collapse:collapse;font-size:12px}.bom-table th{text-align:left;padding:4px 16px;font-weight:500;color:var(--color-text-secondary);font-size:11px;border-bottom:1px solid var(--color-border)}.bom-table td{padding:4px 16px;border-bottom:1px solid var(--color-surface-variant)}.bom-table tr:hover td{background:var(--color-surface-variant)}.bom-qty{text-align:right;white-space:nowrap}.bom-spec{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:11px}.bom-kring{color:var(--color-primary);font-weight:500}.bom-footer{padding:8px 16px;font-size:12px;color:var(--color-text-secondary);border-top:1px solid var(--color-border);text-align:right}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #1a73e8;--color-primary-dark: #1557b0;--color-surface: #ffffff;--color-surface-variant: #f5f5f5;--color-border: #e0e0e0;--color-text: #1f1f1f;--color-text-secondary: #5f6368;--color-selection: rgba(26, 115, 232, .2);--color-grid: #e8e8e8;--color-grid-major: #d0d0d0;--menubar-height: 40px;--sidebar-width: 260px;--property-panel-width: 240px;--statusbar-height: 28px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace}html,body{height:100%;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text);background-color:var(--color-surface);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-variant)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background:var(--color-selection)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.no-select{user-select:none;-webkit-user-select:none}