:root{--bg:#0e1116;--surface:#161b22;--surface2:#1e2530;--fg:#e6edf3;--muted:#8b949e;--border:#30363d;--gold:#c89d5a;--cyan:#00bcd4;--green:#3fb950;--red:#f85149;--orange:#f0883e;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-cond:"IBM Plex Sans Condensed", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius:0px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:13px}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);font-family:var(--font-mono);white-space:nowrap;padding:6px 10px;font-size:11px}th{background:var(--surface2);color:var(--gold);font-family:var(--font-cond);letter-spacing:.06em;text-transform:uppercase;z-index:2;font-size:11px;font-weight:600;position:sticky;top:0}tr:hover td{background:#00bcd40a}tr:nth-child(2n) td{background:#ffffff05}tr:nth-child(2n):hover td{background:#00bcd40a}.schematic-wrapper{background:#0e1116;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.sch-canvas{flex:1;position:relative;overflow:hidden}.sch-canvas svg{width:100%;height:100%;display:block}.sch-controls{z-index:10;background:#0e1116d9;border:1px solid #30363d;align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;top:10px;right:10px}.sch-btn{color:#8b949e;font-family:var(--font-mono);background:#161b22;border:1px solid #30363d;padding:3px 8px;font-size:11px;font-weight:500;transition:color .1s,border-color .1s}.sch-btn:hover{color:#e6edf3;border-color:#8b949e}.sch-zoom{font-family:var(--font-mono);color:#8b949e;text-align:right;min-width:36px;font-size:10px}.sch-legend{z-index:10;background:#0e1116e6;border:1px solid #30363d;flex-direction:column;gap:3px;padding:6px 8px;display:flex;position:absolute;top:10px;left:10px}.legend-item{cursor:pointer;align-items:center;gap:6px;padding:1px 2px;transition:background .1s;display:flex}.legend-item:hover,.legend-item.active{background:#ffffff0d}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-label{font-family:var(--font-mono);color:#8b949e;white-space:nowrap;font-size:9px}.legend-item.active .legend-label{color:#e6edf3}.sch-tooltip{z-index:100;font-family:var(--font-mono);color:#e6edf3;pointer-events:none;white-space:pre;background:#161b22;border:1px solid #c89d5a;padding:6px 10px;font-size:10px;line-height:1.6;position:fixed}.bom-wrapper{flex-direction:column;height:100%;display:flex;overflow:hidden}.bom-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}.bom-toolbar-left{align-items:center;gap:12px;display:flex}.bom-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bom-title{font-family:var(--font-cond);color:var(--fg);letter-spacing:.03em;font-size:14px;font-weight:700}.bom-count{font-family:var(--font-mono);color:var(--muted);font-size:10px}.bom-cats{gap:2px;display:flex}.cat-btn{color:var(--muted);font-family:var(--font-cond);letter-spacing:.04em;border:1px solid var(--border);text-transform:uppercase;background:0 0;padding:3px 8px;font-size:11px;font-weight:600;transition:color .1s,border-color .1s}.cat-btn:hover{color:var(--fg);border-color:var(--muted)}.cat-btn.active{color:var(--cyan);border-color:var(--cyan);background:#00bcd40d}.bom-search{background:var(--surface2);border:1px solid var(--border);color:var(--fg);font-family:var(--font-mono);outline:none;width:240px;padding:4px 10px;font-size:11px;transition:border-color .1s}.bom-search:focus{border-color:var(--cyan)}.bom-search::placeholder{color:var(--muted)}.bom-net-banner{font-family:var(--font-mono);color:var(--muted);background:#00bcd40f;border-bottom:1px solid #00bcd433;flex-shrink:0;align-items:center;gap:8px;padding:5px 16px;font-size:10px;display:flex}.net-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.bom-table-scroll{flex:1;overflow:auto}.row-highlighted td{background:#00bcd414!important}.net-tag{font-family:var(--font-mono);border:1px solid color-mix(in srgb, var(--nc) 40%, transparent);color:var(--nc);background:color-mix(in srgb, var(--nc) 8%, transparent);white-space:nowrap;margin:1px 2px 1px 0;padding:1px 4px;font-size:9px;display:inline-block}.bom-empty{font-family:var(--font-mono);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:48px;font-size:12px;display:flex}.bom-empty-sub{color:#30363d;font-size:10px}.notes-wrapper{background:var(--bg);flex:1;overflow:auto}.notes-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.notes-title{font-family:var(--font-cond);color:var(--fg);font-size:14px;font-weight:700}.notes-sub{font-family:var(--font-mono);color:var(--muted);font-size:10px}.notes-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.notes-section{background:var(--surface);border:1px solid var(--border);overflow:hidden}.notes-section-header{background:var(--surface2);border-bottom:1px solid var(--border);border-left:3px solid;align-items:center;gap:10px;padding:8px 12px;display:flex}.notes-section-id{font-family:var(--font-mono);letter-spacing:.1em;font-size:9px;font-weight:500}.notes-section-title{font-family:var(--font-cond);color:var(--fg);font-size:12px;font-weight:700}.notes-items{flex-direction:column;gap:6px;padding:8px 12px;display:flex}.notes-item{align-items:flex-start;gap:8px;display:flex}.notes-n{font-family:var(--font-mono);flex-shrink:0;min-width:12px;margin-top:2px;font-size:9px;font-weight:500}.notes-text{font-family:var(--font-sans);color:var(--muted);font-size:11px;line-height:1.55}.notes-footer{background:var(--surface);border:1px solid var(--border);margin:0 16px 16px;padding:12px 16px}.notes-refs-title{font-family:var(--font-cond);color:var(--fg);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.notes-ref-list{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;gap:6px;font-size:9px;display:flex}.notes-ref-list span:not(:nth-child(2n)){color:var(--cyan)}.pinouts-wrapper{background:var(--bg);flex:1;padding:16px;overflow:auto}.pinouts-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pinout-card{background:var(--surface);border:1px solid var(--border);overflow:hidden}.pinout-wide{grid-column:1/-1}.pinout-header{background:var(--surface2);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;display:flex}.pinout-ref{font-family:var(--font-mono);color:var(--gold);background:#c89d5a1a;border:1px solid #c89d5a4d;flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:500}.pinout-name{font-family:var(--font-cond);color:var(--fg);flex:1;font-size:13px;font-weight:700}.pinout-pn{font-family:var(--font-mono);color:var(--muted);flex-shrink:0;font-size:9px}.pinout-visual{background:var(--bg);border-bottom:1px solid var(--border);justify-content:center;padding:8px;display:flex}.pinout-note{font-family:var(--font-mono);color:var(--muted);border-top:1px solid var(--border);padding:6px 12px;font-size:9px;line-height:1.6}.app-shell{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--gold);z-index:10;flex-shrink:0;align-items:center;gap:16px;height:44px;min-height:44px;padding:0 16px;display:flex}.topbar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.topbar-chip{background:var(--gold);color:var(--bg);font-family:var(--font-mono);letter-spacing:.05em;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:500}.topbar-title{font-family:var(--font-cond);color:var(--fg);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.topbar-sub{color:var(--muted);font-size:12px;font-weight:400}.topbar-nav{flex-shrink:0;gap:2px;display:flex}.nav-btn{color:var(--muted);font-family:var(--font-cond);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:1px solid #0000;padding:4px 12px;font-size:12px;font-weight:600;transition:color .1s,border-color .1s}.nav-btn:hover{color:var(--fg);border-color:var(--border)}.nav-btn.active{color:var(--cyan);border-color:var(--cyan)}.topbar-actions{flex-shrink:0;gap:8px;display:flex}.action-btn{background:var(--surface2);color:var(--muted);font-family:var(--font-cond);letter-spacing:.04em;border:1px solid var(--border);text-transform:uppercase;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:color .1s,border-color .1s;display:flex}.action-btn:hover{color:var(--fg);border-color:var(--muted)}.rev-bar{background:var(--surface2);border-bottom:1px solid var(--border);font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:4px 16px;font-size:10px;display:flex}.rev-sep{color:var(--border)}.chip-ref{color:var(--gold);font-weight:500}.net-name{color:var(--cyan);font-weight:500}.status-ok{color:var(--green)}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.statusbar{background:var(--surface);border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--muted);flex-shrink:0;align-items:center;gap:10px;padding:3px 16px;font-size:10px;display:flex}