:root{--bg:#0a0a0d;--panel:#131318;--panel2:#17171d;--line:#26262e;--text:#e8e6df;--dim:#8a8896;--cyan:#22d3ee;--blue:#60a5fa;--orange:#fb923c;--purple:#a78bfa;--pink:#f472b6;--yellow:#facc15;--green:#4ade80}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:12px/1.5 ui-monospace,SF Mono,Menlo,monospace}body{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}.caps{text-transform:uppercase;letter-spacing:.08em}.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border-bottom:1px solid var(--line);padding:8px 14px;position:sticky;top:0;z-index:9}.wordmark{font-weight:700;font-size:13px}.wordmark .dot{color:var(--green)}.tabs{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px}.tab{padding:5px 14px;border-radius:6px;color:var(--dim);cursor:pointer;font-size:11px}.tab.active{background:var(--panel2);color:var(--text);outline:1px solid var(--line);position:relative}.tab.active:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);position:absolute;top:4px;right:4px}.actions{display:flex;gap:8px}.btn{border:0;border-radius:6px;padding:7px 14px;font:inherit;font-weight:700;cursor:pointer;transition:background .15s ease}.btn.copy{background:#7c3aed;color:#fff}.btn.save{background:#16a34a;color:#fff}.btn.copy.copied{background:var(--green);color:#04140a}html,body{min-width:960px}.app{display:flex;height:calc(100vh - 46px);min-width:960px}.rail{width:280px;min-width:280px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column}.rail h4{margin:0;padding:10px 12px;border-bottom:1px solid var(--line);font-size:11px;color:var(--dim)}.rail .body{padding:12px;flex:1;overflow:auto}.rail .body.rail-body{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.rail-fixed{flex:0 0 auto}.rail-filter{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text);font:inherit;padding:6px 8px;font-size:11px}.rail-scroll{flex:1 1 auto;overflow-y:auto;min-height:0;padding-bottom:12px}.rail-group{margin-bottom:10px}.rail-category{color:var(--dim);font-size:10px;margin:10px 0 4px}.rail-entry{padding:4px 6px;border-radius:4px;cursor:pointer;font-size:11px;color:var(--text)}.rail-entry:hover{background:var(--panel2);color:var(--green)}.patchlabel{display:inline-block;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--green);padding:3px 8px;margin:3px 4px 3px 0;border-radius:3px;color:var(--text);cursor:pointer;font-size:11px}.drop{border:1px dashed var(--line);border-radius:6px;padding:14px;text-align:center;color:var(--dim);margin-top:12px}.prompt{border-top:1px solid var(--line);padding:10px}.prompt input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text);font:inherit;padding:8px}.prompt .modes{margin-top:8px;display:flex;gap:6px;color:var(--dim);font-size:10px}.mode{border:1px solid var(--line);border-radius:4px;padding:2px 7px;cursor:pointer}.mode.on{color:var(--green);border-color:var(--green)}.railnav{display:flex;border-top:1px solid var(--line)}.railnav div{flex:1;text-align:center;padding:8px;color:var(--dim);cursor:pointer;font-size:10px}.main{flex:1;position:relative;overflow:auto}.panelview{display:none;padding:26px 34px;max-width:760px}.routing-view{min-width:820px}.canvas-scroll{overflow-x:auto}.canvas{position:relative;width:760px;height:740px;display:block}svg.wires{position:absolute;top:0;right:0;bottom:0;left:0;width:760px;height:740px;pointer-events:none}.node{position:absolute;width:260px;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}.node .cat{font-size:9px;padding:3px 10px;border-bottom:1px solid var(--line)}.node .name{font-weight:700;padding:7px 10px 0;font-size:13px}.node .vendor{color:var(--dim);padding:0 10px 6px;font-size:10px}.node table{width:100%;border-collapse:collapse;font-size:10px}.node td{padding:2px 10px;border-top:1px solid var(--line)}.node td:first-child{color:var(--dim)}.node .chips{display:flex;gap:4px;padding:7px 10px;flex-wrap:wrap}.chip{font-size:9px;border:1px solid var(--line);border-radius:3px;padding:1px 6px;color:var(--dim)}.chip.owned{color:var(--green);border-color:var(--green)}.chip.free{color:var(--cyan);border-color:var(--cyan)}.chip.notowned{color:var(--orange);border-color:var(--orange)}.b-eq{border-color:var(--blue)}.b-eq .cat{color:var(--blue)}.b-dyn{border-color:var(--orange)}.b-dyn .cat{color:var(--orange)}.b-sat{border-color:var(--yellow)}.b-sat .cat{color:var(--yellow)}.b-space{border-color:var(--pink)}.b-space .cat{color:var(--pink)}.b-source{border-color:var(--cyan)}.b-source .cat{color:var(--cyan)}.b-mod{border-color:var(--purple)}.b-mod .cat{color:var(--purple)}.b-util{border-color:var(--dim)}.b-util .cat{color:var(--dim)}.node.guidance{border-style:dashed}.outnode{position:absolute;width:260px;padding:9px;text-align:center;background:var(--panel2);border:1px solid var(--green);border-radius:6px;color:var(--green);font-weight:700}.buslabel{position:absolute;color:var(--orange);font-size:10px}.legend.legend-strip{position:relative;width:auto;max-width:none;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:10px;margin-bottom:14px;z-index:5}.legend h5{margin:0 0 4px;font-size:10px;color:var(--text)}.legend-body{display:flex;flex-wrap:wrap;gap:18px;align-items:baseline}.legend-group{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.legend .g{color:var(--dim);margin:0}.legend-row{display:flex;flex-wrap:wrap;gap:2px 12px}.legend .i{padding-left:0;color:var(--text)}.lw{display:inline-block;width:22px;height:0;border-top:2px solid;vertical-align:middle;margin-right:6px}.zoom{position:absolute;bottom:14px;left:14px;display:flex;flex-direction:column;gap:4px;z-index:5}.zoom div{width:26px;height:26px;background:var(--panel);border:1px solid var(--line);border-radius:4px;display:grid;place-items:center;color:var(--dim);cursor:pointer}.wlabel{position:absolute;font-size:9px;background:var(--bg);padding:0 4px;z-index:4}.chip.free a,a.chip{color:var(--cyan)}.panelview h2{font-size:16px;margin:0 0 4px}.panelview .sub{color:var(--dim);margin-bottom:16px}.bom{width:100%;border-collapse:collapse;font-size:11px}.bom th{text-align:left;color:var(--dim);font-weight:400;padding:6px 10px;border-bottom:1px solid var(--line);font-size:9px}.bom td{padding:8px 10px;border-bottom:1px solid var(--line)}.sw{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px;vertical-align:middle}a{color:var(--cyan);text-decoration:none}ol.build{line-height:2}.pluglib-search{max-width:340px;margin-bottom:4px}.pluglib-count{margin-bottom:12px}.pluglib-body{display:flex;gap:24px;align-items:flex-start}.pluglib-list{flex:1 1 auto;min-width:0;max-height:calc(100vh - 260px);overflow-y:auto;padding-right:8px}.pluglib-row{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:4px;font-size:11px}.pluglib-row.has-recipes{cursor:pointer;color:var(--text)}.pluglib-row.has-recipes:hover{background:var(--panel2);color:var(--green)}.pluglib-row.no-recipes{color:var(--dim);opacity:.55}.pluglib-row.selected{background:var(--panel2);outline:1px solid var(--line)}.pluglib-row-name{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pluglib-row-vendor{color:var(--dim);font-size:10px;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pluglib-badge{flex:0 0 auto;font-size:9px;border:1px solid var(--green);color:var(--green);border-radius:3px;padding:1px 6px}.pluglib-detail{flex:0 0 300px;min-width:260px;position:sticky;top:0;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px;max-height:calc(100vh - 260px);overflow-y:auto}.pluglib-recipe-row{display:flex;justify-content:space-between;gap:8px}.pluglib-recipe-category{color:var(--dim);font-size:10px}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center}.empty-hero{display:flex;flex-direction:column;align-items:center;gap:10px}.empty-glyph{font-size:40px;color:var(--line);line-height:1}.empty-prompt{font-size:28px;color:var(--dim);letter-spacing:.02em}.empty-tagline{font-size:13px;color:var(--dim);letter-spacing:.04em;text-transform:uppercase}.current-match-status{font-size:11px}.routing-title{font-size:16px;margin:20px 20px 0;color:var(--text)}.tab[role=button]{-webkit-user-select:none;user-select:none}.sessionmap{max-width:none}.map-columns{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.map-column{min-width:180px;max-width:220px;flex:0 0 auto;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:10px}.map-column h5{margin:0 0 8px;font-size:10px;color:var(--dim)}.map-chips{display:flex;flex-direction:column;gap:4px;max-height:520px;overflow-y:auto}.map-chip{display:block;width:100%;text-align:left;margin:0}@keyframes card-drop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes wire-fade{0%{opacity:0}to{opacity:1}}.card-drop{opacity:0;animation:card-drop .32s ease-out forwards}.wire-animate{opacity:0;animation:wire-fade .4s ease-out forwards}@media (prefers-reduced-motion: reduce){.card-drop{opacity:1;animation:none;transform:none}.wire-animate{opacity:1;animation:none}}.node-clickable{cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.node-clickable:hover{box-shadow:0 0 0 1px var(--green);border-color:var(--green)}.guide-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040408a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:50;padding:24px}.guide-modal{width:min(640px,94vw);max-height:86vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 60px #0000008c}.guide-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1}.guide-title{font-size:15px;font-weight:700;color:var(--text)}.guide-close{background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--dim);cursor:pointer;font:inherit;padding:4px 9px}.guide-close:hover{color:var(--text);border-color:var(--green)}.guide-empty{padding:26px 18px;color:var(--dim)}.guide-body{padding:14px 16px 18px}.guide-chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.guide-chips .chip{color:var(--cyan);border-color:var(--cyan)}.guide-section{margin-bottom:12px}.guide-label{color:var(--dim);font-size:10px;margin-bottom:3px}.guide-body p{margin:0;color:var(--text);font-size:12px;line-height:1.6}.guide-body strong{color:var(--green);font-weight:700}.guide-advice{margin-top:14px;padding:12px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:6px;background:var(--panel2)}.guide-advice .guide-label{color:var(--green)}.send-modal .guide-chips .chip:first-child{color:var(--orange);border-color:var(--orange)}.send-chain{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.send-plugin{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:6px;color:var(--text);font:inherit;padding:9px 11px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.send-plugin:hover{border-color:var(--green);background:var(--panel)}.send-step-n{color:var(--dim);font-size:10px;min-width:14px}.send-step-name{flex:1;font-size:12px}.send-step-go{color:var(--dim);font-size:10px}.send-plugin:hover .send-step-go{color:var(--green)}.bom-tag{margin-left:6px;font-size:9px;border:1px solid var(--line);border-radius:3px;padding:0 5px;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}.bom-tag.free{color:var(--green);border-color:var(--green)}.bom-tag.stock{color:var(--cyan);border-color:var(--cyan)}