:root{--plate-0: #0b0d10;--plate-1: #15181d;--plate-2: #1e2228;--plate-3: #262b32;--bevel-hi: rgba(255, 255, 255, .07);--bevel-lo: rgba(0, 0, 0, .6);--engrave: #6e7883;--engrave-2: #8d97a2;--phosphor: #d8e6ec;--led-synapse: #3bff8f;--led-charge: #ffb23f;--led-pulse: #3ed9ff;--led-core: #c08bff;--led-fault: #ff4d5e;--led-off: #262b32;--mono: "JetBrains Mono", ui-monospace, monospace;--display: "Chakra Petch", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--plate-0);color:var(--phosphor)}body{font-family:var(--mono);font-size:13px;line-height:1.5;min-height:100vh;background:radial-gradient(1200px 600px at 50% -10%,rgba(62,217,255,.06),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px),var(--plate-0)}a{color:var(--led-pulse);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}::selection{background:#3ed9ff4d}.shell{max-width:1440px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}.plate{position:relative;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 2px),linear-gradient(180deg,var(--plate-2),var(--plate-1));border-radius:4px;box-shadow:inset 0 1px 0 var(--bevel-hi),inset 0 -1px 0 var(--bevel-lo),0 8px 24px #00000059;border:1px solid #0a0c0f;padding:18px 18px 16px}.plate>.screw{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4a525c,#1a1e23 70%);box-shadow:inset 0 0 0 1px #0a0c0f}.plate>.screw:after{content:"";position:absolute;left:1px;right:1px;top:3.5px;height:1px;background:#0a0c0f;transform:rotate(var(--r, 30deg))}.plate>.screw.tl{top:6px;left:6px}.plate>.screw.tr{top:6px;right:6px}.plate>.screw.bl{bottom:6px;left:6px}.plate>.screw.br{bottom:6px;right:6px}.engrave{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--engrave);text-shadow:0 1px 0 rgba(255,255,255,.04),0 -1px 0 rgba(0,0,0,.7)}.plate-title{display:flex;align-items:center;gap:8px;margin:0 0 12px}.plate-title .engrave{font-size:12px}.plate-title .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--plate-3),transparent)}.led{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--led-off);box-shadow:inset 0 1px 1px #0009;flex:none;position:relative}.led.on{background:var(--c);box-shadow:0 0 6px var(--c),0 0 14px color-mix(in srgb,var(--c) 40%,transparent),inset 0 -1px 1px #0000004d}.led.on:after{content:"";position:absolute;left:2px;top:1px;width:3px;height:2px;border-radius:50%;background:#ffffffb3}.led.blink{animation:blink 1s steps(2,start) infinite}@keyframes blink{to{opacity:.25}}.led-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--engrave-2);letter-spacing:.06em}.ledbar{display:flex;gap:2px}.ledbar i{width:6px;height:12px;border-radius:1px;background:var(--led-off);box-shadow:inset 0 1px 1px #00000080}.ledbar i.on{background:var(--c);box-shadow:0 0 5px var(--c)}.rack{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-family:var(--display);font-size:20px;letter-spacing:.14em;margin:0;font-weight:700}.brand h1 b{color:var(--led-core);font-weight:700}.brand .sub{font-size:10px;color:var(--engrave);letter-spacing:.2em;text-transform:uppercase}.meters{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}.meter{display:flex;flex-direction:column;gap:3px;min-width:96px}.meter .v{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.meter .v small{font-size:10px;color:var(--engrave-2);font-weight:400;margin-left:3px}.nav{display:flex;gap:6px;flex-wrap:wrap}.key{font-family:var(--display);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:12px;padding:9px 14px;border-radius:3px;border:1px solid #08090b;cursor:pointer;color:var(--phosphor);background:linear-gradient(180deg,#2c3139,#1d2127);box-shadow:inset 0 1px #ffffff14,0 2px #08090b,0 3px 6px #0006;transition:transform .06s,box-shadow .06s,filter .15s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.key:hover{filter:brightness(1.15);text-decoration:none}.key:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff0d,0 0 #08090b}.key:disabled{opacity:.45;cursor:not-allowed;transform:none}.key.primary{color:#062014;background:linear-gradient(180deg,#5cffa6,#23c46c);box-shadow:inset 0 1px #fff6,0 2px #0d4a29,0 0 18px #3bff8f40}.key.pulse{color:#04202a;background:linear-gradient(180deg,#7ee7ff,#22a9cf);box-shadow:inset 0 1px #fff6,0 2px #0b4252,0 0 18px #3ed9ff40}.key.danger{color:#2a0509;background:linear-gradient(180deg,#ff7b88,#d62f40);box-shadow:inset 0 1px #ffffff59,0 2px #4f0b13}.key.small{padding:6px 10px;font-size:11px}.key.active{box-shadow:inset 0 0 0 1px var(--led-pulse),0 2px #08090b;color:var(--led-pulse)}.mesh-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px}.canvas-plate{padding:0;overflow:hidden;min-height:560px}.canvas-plate canvas{display:block;width:100%;height:100%}.canvas-wrap{position:relative;height:620px}.canvas-hud{position:absolute;left:16px;top:14px;display:flex;gap:14px;pointer-events:none}.canvas-tip{position:absolute;pointer-events:none;background:#0b0d10eb;border:1px solid var(--plate-3);padding:8px 10px;border-radius:3px;font-size:11px;min-width:160px;transform:translate(12px,12px)}.col{display:flex;flex-direction:column;gap:12px;min-width:0}.kv{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:6px 14px;font-size:12px}.kv dt{color:var(--engrave-2);min-width:0}.kv dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;min-width:0}.shell>*,.mesh-grid>*,.rack>*,.split>*,.three>*,.form-grid>*{min-width:0}.node-table-wrap{overflow-x:auto}.ph{display:inline-block;background:var(--plate-3);border-radius:4px;flex:none}.terminal{background:#07090b;border:1px solid #000;border-radius:3px;padding:10px 12px;height:220px;overflow:auto;box-shadow:inset 0 0 24px #000c;font-size:12px}.terminal .line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal .t{color:var(--engrave)}.terminal .pulse{color:var(--led-pulse)}.terminal .harvest{color:var(--led-synapse)}.terminal .launch{color:var(--led-core)}.terminal .commit{color:var(--led-charge)}.cursor:after{content:"_";animation:blink 1s steps(2,start) infinite;color:var(--led-synapse)}.node-table{width:100%;border-collapse:collapse;font-size:12px}.node-table th{text-align:left;font-family:var(--display);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:10px;color:var(--engrave);padding:6px 8px;border-bottom:1px solid var(--plate-3);cursor:pointer;white-space:nowrap}.node-table td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.03);font-variant-numeric:tabular-nums;white-space:nowrap}.node-table tr{cursor:pointer}.node-table tr:hover td{background:#3ed9ff0a}.num{text-align:right}.chip{display:inline-flex;align-items:center;gap:8px}.chip img,.chip .ph{width:22px;height:22px;border-radius:3px;object-fit:cover;background:var(--plate-3);flex:none}.chip b{font-weight:700}.muted{color:var(--engrave-2)}.tag{font-size:9px;letter-spacing:.12em;padding:1px 5px;border-radius:2px;border:1px solid currentColor;text-transform:uppercase}.progress{height:6px;background:#07090b;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #000;min-width:60px}.progress>div{height:100%;background:linear-gradient(90deg,var(--led-synapse),var(--led-pulse))}.field{display:flex;flex-direction:column;gap:5px}.field input,.field textarea,.field select{background:#07090b;border:1px solid #000;border-radius:3px;padding:9px 10px;outline:none;box-shadow:inset 0 1px 3px #000c;color:var(--phosphor)}.field input:focus,.field textarea:focus{border-color:var(--led-pulse);box-shadow:inset 0 1px 3px #000c,0 0 0 1px #3ed9ff4d}.field .hint{font-size:11px;color:var(--engrave)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drop{border:1px dashed var(--plate-3);border-radius:3px;height:132px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#07090b;overflow:hidden;color:var(--engrave)}.drop img{width:100%;height:100%;object-fit:cover}.fader{display:flex;align-items:center;gap:12px}.fader input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:#07090b;border-radius:3px;box-shadow:inset 0 1px 2px #000}.fader input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:28px;border-radius:2px;cursor:pointer;background:linear-gradient(180deg,#4a525c,#2a2f36);border:1px solid #000;box-shadow:inset 0 0 0 4px #1d2127,inset 0 13px 0 -12px var(--led-pulse)}.fader input[type=range]::-moz-range-thumb{width:16px;height:28px;border-radius:2px;background:#3a4048;border:1px solid #000}.notice{border-left:2px solid var(--led-charge);background:#ffb23f0f;padding:8px 12px;font-size:12px}.notice.ok{border-color:var(--led-synapse);background:#3bff8f0d}.notice.err{border-color:var(--led-fault);background:#ff4d5e12}.notice.info{border-color:var(--led-pulse);background:#3ed9ff0d}.notice.sim{border-color:var(--led-charge);background:#ffb23f14;line-height:1.6}.notice.sim b{color:var(--led-charge);letter-spacing:.12em}.sim-stamp{position:absolute;right:16px;bottom:14px;pointer-events:none;border:1px solid var(--led-charge);color:var(--led-charge);padding:3px 10px;font-size:11px;letter-spacing:.25em;opacity:.85;text-shadow:0 0 6px rgba(255,178,63,.6)}.steps{display:flex;gap:12px;font-size:11px;color:var(--engrave)}.steps span{display:inline-flex;gap:6px;align-items:center}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.big{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.footer{text-align:center;font-size:11px;color:var(--engrave);padding:12px 0 24px}.toast{position:fixed;right:16px;bottom:16px;max-width:420px;z-index:50;display:flex;flex-direction:column;gap:8px}.toast .notice{background:var(--plate-1);box-shadow:0 8px 24px #00000080}@media (max-width: 1100px){.mesh-grid,.rack{grid-template-columns:1fr}.meters{justify-content:flex-start}}@media (max-width: 720px){.shell{padding:10px 16px}.canvas-hud{flex-wrap:wrap;right:16px;gap:8px}.rack .row{justify-content:flex-start!important}.plate{padding:16px 14px 14px}.canvas-wrap{height:300px}.canvas-plate{min-height:0}.form-grid,.split,.three{grid-template-columns:1fr}.meters{gap:14px}.meter{min-width:80px}.hide-sm{display:none}.node-table-wrap{overflow-x:auto}}@media (prefers-reduced-motion: reduce){.led.blink,.cursor:after{animation:none}}