*{box-sizing:border-box;margin:0;padding:0}a,button{cursor:pointer}:root{--bg:#f7f7f7;--surface:#fff;--border:#ccc;--sidebar-indent:1.1rem;--text:#000;--text-muted:#555;--link:#004b87;--font:-apple-system, "Helvetica Neue", Arial, sans-serif;--mono:"SF Mono", "Menlo", monospace}body{font-family:var(--font);background:var(--bg);color:var(--text);height:100vh;font-size:13px;overflow:hidden}nav{background:var(--bg);border-bottom:1px solid var(--border);align-items:center;min-height:3.75rem;padding:.75rem 1.5rem .75rem 1.1rem;font-size:16px;display:flex}nav a{color:inherit;text-decoration:none}nav a strong{background:var(--text);color:var(--surface);padding:.5rem .85rem .55rem}main:not(#app){max-width:600px;margin:0 auto;padding:1.5rem 3rem}.products{flex-direction:column;gap:1.5rem;margin-top:3rem;display:flex}.product-card{border:1px solid var(--border);height:8rem;color:var(--text);flex-direction:column;padding:1rem;text-decoration:none;display:flex;position:relative}.product-card strong{font-family:var(--mono);margin-bottom:1rem;font-size:14px;display:block}.product-card span{color:var(--text-muted)}.product-arrow{color:var(--border);position:absolute;top:1rem;right:1rem}.product-card:hover{border-color:var(--text)}#app{height:calc(100vh - 3.75rem);display:flex}#sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow-y:auto}#clear-btn{margin:.75rem var(--sidebar-indent);width:fit-content}#search-wrap{border-bottom:1px solid var(--border);position:relative}#search-count{font-family:var(--mono);color:var(--border);font-size:10px;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}#search-clear{text-align:center;background:var(--border);width:14px;height:14px;color:var(--surface);cursor:pointer;border-radius:50%;font-size:12px;line-height:12px;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}#search-clear:hover{background:var(--text-muted)}#search{width:100%;padding:.5rem var(--sidebar-indent);font-family:var(--mono);background:var(--surface);border:none;outline:none;font-size:12px}#search::placeholder{color:var(--border)}#tree-panel{border-bottom:2px solid var(--border);flex-shrink:0;height:50%;overflow-y:auto}#part-detail{padding:.75rem .75rem .75rem var(--sidebar-indent);flex:1;overflow:auto}#canvas-wrap{background:var(--bg);cursor:crosshair;flex:1;position:relative;overflow:hidden}#part-detail h2{margin-bottom:.25rem;font-size:13px;font-weight:600}#part-detail table{border-collapse:collapse;width:100%;font-size:11px;font-family:var(--mono);margin-top:.75rem}#part-detail td{text-align:left;border-bottom:1px solid var(--border);padding:.2rem .3rem}#part-detail code{font-family:var(--mono);color:var(--text-muted);font-size:11px}button{background:var(--text);color:var(--surface);font-family:var(--font);border:none;padding:.4rem .75rem;font-size:12px;font-weight:600}button:hover{opacity:.8}.tree-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;padding:.5rem .4rem .25rem var(--sidebar-indent);background:var(--surface);z-index:2;font-size:11px;font-weight:600;position:sticky;top:0}.tree-subcat-label{color:var(--text-muted);background:var(--surface);z-index:1;cursor:pointer;padding:.25rem .4rem .1rem 1.5rem;font-size:11px;position:sticky;top:1.2rem}.tree-subcat-label:hover{background:var(--bg)}.tree-count{color:var(--border);margin-left:.25rem;font-size:10px}.tree-subcat .part-link{padding-left:1.9rem}.part-link{justify-content:space-between;align-items:center;padding:.35rem .4rem;display:flex}.part-link:hover{background:var(--bg)}.part-link.active{background:var(--text);color:var(--surface)}.part-name{font-family:var(--mono);font-size:12px;font-weight:600}.loading{padding:1rem var(--sidebar-indent);color:var(--text-muted);font-size:12px;font-style:italic}.pin-panel{background:var(--surface);border:1px solid var(--border);font-size:12px;font-family:var(--font);z-index:100;min-width:200px;padding:.5rem;position:fixed;box-shadow:0 2px 8px #00000026}.pin-panel-row{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.pin-panel-row label{width:55px;color:var(--text-muted);flex-shrink:0;font-size:11px}.pin-panel-row input[type=text],.pin-panel-row select{font-family:var(--mono);border:1px solid var(--border);background:var(--surface);outline:none;flex:1;padding:2px 4px;font-size:11px}.pin-panel-row input[type=text]:focus,.pin-panel-row select:focus{border-color:var(--link)}.pin-panel-buttons{gap:.35rem;margin-top:.5rem;display:flex}.pin-panel-buttons button{flex:1;padding:3px 8px;font-size:11px}.datasheet-link{color:var(--link);font-size:11px;font-weight:400;text-decoration:none}.datasheet-link:hover{text-decoration:underline}.desc{color:var(--text-muted);margin-bottom:.5rem;font-size:12px}.specs-table{margin-top:.75rem}.specs-table td:first-child{color:var(--text-muted);width:40%;font-weight:600}.specs-table td:last-child{white-space:nowrap}#drop-zone{justify-content:center;align-items:flex-start;padding-top:15rem;display:flex;position:absolute;inset:0}.drop-zone-content{text-align:left;color:var(--text-muted);font-size:14px}.file-select-area{border:1px solid var(--border);cursor:pointer;text-align:left;font-family:var(--mono);align-items:flex-start;min-height:8rem;padding:1rem;font-size:12px;display:flex}.file-select-area:hover{border-color:var(--text-muted)}.drop-zone-divider{color:var(--border);margin:.75rem 0;font-size:11px}#github-url{font-family:var(--mono);border:1px solid var(--border);background:var(--surface);outline:none;width:450px;padding:.4rem .5rem;font-size:12px}#github-url:focus{border-color:var(--link)}#github-load{margin-top:.5rem;display:block}#github-status{color:var(--text-muted);min-height:1rem;margin-top:.3rem;font-size:11px}.drop-zone-examples{color:var(--text-muted);cursor:default;flex-direction:column;gap:.2rem;margin-top:.5rem;font-size:11px;display:flex}.github-example{color:var(--link);cursor:pointer;width:fit-content;text-decoration:none}.github-example:hover{text-decoration:underline}#drop-zone.active{background:#004b870d}#symbol-list{background:var(--surface);border-bottom:2px solid var(--border);flex:1;scroll-padding-top:1.5rem;overflow-y:auto}#symbol-list .tree-subcat-label{top:0}.unit-stepper{font-size:12px;font-family:var(--mono);align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.unit-stepper button{min-width:1.5rem;padding:.15rem .5rem;font-size:11px}.unit-stepper button:disabled{opacity:.3;cursor:default}#sidebar-toggle{z-index:200;background:var(--text);color:var(--surface);border:none;padding:.2rem .5rem;font-size:18px;line-height:1;display:none;position:fixed;top:.45rem;right:.75rem}@media (width<=640px){#sidebar-toggle{display:block}#sidebar{z-index:100;background:var(--surface);width:100%;display:none;position:fixed;inset:2.5rem 0 0}#sidebar.open{display:flex}#github-url{width:100%}#drop-zone{padding-top:3rem}.drop-zone-content{width:100%;padding:0 1rem}.file-select-area{min-height:4rem}}