#library-panel,#geometry-panel{--ink:#eee;--signal:#ffe500;--muted:#888;--surface:#191919;--border:#383838}
.library-heading{display:flex;flex-direction:column;gap:6px;margin:12px 0 20px}.library-heading h3{font-size:16px;margin:0}.library-heading small,.library-count{color:var(--muted);font-size:11px}.library-search{display:flex;flex-direction:column;gap:9px;font-size:12px;margin-bottom:12px}.library-search input{width:100%;box-sizing:border-box;background:var(--surface);color:var(--ink);border:1px solid var(--border);padding:11px;border-radius:4px;font:inherit}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library-item{display:flex;flex-direction:column;text-align:left;padding:6px 8px 12px;gap:6px;min-width:0;border:1px solid var(--border);background:var(--surface);border-radius:5px}.library-item svg{width:100%;height:83px;background:#000}.library-item svg text{font-size:19px}.library-item b{font-size:11px;line-height:1.5}.library-item span{font-size:10px;color:var(--muted)}.library-item:hover,.library-item:focus-visible{border-color:var(--signal);outline-offset:2px}.foundation-demo{width:100%;height:75px;margin:8px 0;fill:none;stroke:currentColor;stroke-width:1.3;overflow:visible;background:var(--surface);border-radius:5px}.foundation-demo text{stroke:none;fill:var(--signal);font:11px monospace;text-anchor:middle}.port-card{padding:10px;margin:8px 0;border:1px solid var(--border);border-radius:5px}.port-card .field{margin-bottom:9px}.dimension-readout{font-size:28px;color:var(--signal);margin:14px 0}.measurement-units{margin-top:20px;border-top:1px solid var(--border);padding-top:12px}.measurement-units summary{cursor:pointer;font-size:12px;margin-bottom:14px}#geometry-panel{padding:18px 16px;border-bottom:1px solid var(--border)}#geometry-panel h3{font-size:14px}#geometry-panel h4{margin:20px 0 10px;font-size:12px}.panel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.panel-tabs button{padding:11px 5px}.port-settings summary{margin:12px 0;font-size:11px;cursor:pointer}#library-panel{padding:0 4px 18px}

.foundation-demo{stroke:#eee}.foundation-demo .mini-guide{opacity:.4;stroke-dasharray:2 4}.mini-curve,.mini-control,.mini-node,.mini-link,.mini-size{stroke:#ffe500}.mini-curve{animation:mini-curve 3.8s ease-in-out 2}.mini-handle{animation:mini-handle 3.8s ease-in-out 2}.mini-control{animation:mini-control 3.8s ease-in-out 2}.mini-node{animation:mini-node 3.8s ease-in-out 2}.mini-link{animation:mini-link 3.8s ease-in-out 2}.mini-size{animation:mini-size 3.8s ease-in-out 2}@keyframes mini-curve{0%,20%,100%{d:path('M15 49C55 7 95 59 155 16')}50%,70%{d:path('M15 49C55 36 95 59 155 16')}}@keyframes mini-handle{0%,20%,100%{d:path('M15 49L55 7')}50%,70%{d:path('M15 49L55 36')}}@keyframes mini-control{0%,20%,100%{transform:translateY(0)}50%,70%{transform:translateY(29px)}}@keyframes mini-node{0%,20%,100%{transform:translateX(0)}50%,70%{transform:translateX(20px)}}@keyframes mini-link{0%,20%,100%{d:path('M82 33H160')}50%,70%{d:path('M102 33H160')}}@keyframes mini-size{0%,20%,100%{d:path('M24 40H144M24 22H144M24 17V45M144 17V45')}50%,70%{d:path('M24 40H114M24 22H114M24 17V45M114 17V45')}}@media(prefers-reduced-motion:reduce){.foundation-demo *{animation:none!important}}

.library-grid:has(.library-item:only-child){grid-template-columns:1fr}

#inspector,#connection-panel,#geometry-panel,#precision-panel{scroll-margin-top:106px}