*{box-sizing:border-box;margin:0;padding:0}body{color:#ebebeb;background:#1f2937;font-family:SF Mono,Fira Code,Courier New,monospace}#root{width:100vw;height:100vh}.react-flow__attribution{display:none}.sg-container{color:#f3f4f6;background:#1f2937;justify-content:center;width:100vw;min-height:100vh;padding:40px;font-family:SF Mono,Fira Code,Courier New,monospace;display:flex}.sg-layout{align-items:flex-start;gap:40px;display:flex}.sg-main{flex-direction:column;align-items:center;gap:12px;display:flex}.sg-title{letter-spacing:2px;margin:0;font-size:22px;font-weight:700}.sg-subtitle{color:#6b7280;margin:0 0 8px;font-size:11px}.sg-prompt{background:#f3f4f6;border:1.5px solid #6b7280;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:300px;padding:12px 32px;transition:all .3s;display:flex}.sg-prompt.active{border-color:#f3f4f6;box-shadow:0 0 20px #f3f4f626}.sg-prompt.sending,.sg-prompt.sent{opacity:.6}.sg-response{background:#f3f4f6;border:2px solid #2d3748;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:300px;padding:12px 32px;transition:all .4s;display:flex}.sg-response.hidden{opacity:.3}.sg-response.streaming{opacity:1;border-color:#58cc03;box-shadow:0 0 20px #58cc0326}.sg-response.complete{opacity:1;border-color:#58cc03;box-shadow:0 0 25px #58cc0333}.sg-io-label{color:#9ca3af;letter-spacing:2px;font-size:9px;font-weight:700}.sg-io-text{color:#1f2937;font-size:13px}.sg-arrow{color:#4b5563;font-size:16px}.sg-scheduler{color:#6b7280;letter-spacing:1px;background:#111827;border:1px solid #2d3748;border-radius:6px;padding:6px 16px;font-size:9px;font-weight:700}.sg-gpu-row{gap:8px;display:flex}.sg-gpu{background:#111827;border:1.5px solid #2d3748;border-radius:8px;flex-direction:column;align-items:center;gap:4px;width:80px;padding:8px 6px 6px;transition:all .4s;display:flex}.sg-gpu.idle{opacity:.35}.sg-gpu.selected{opacity:1;border-color:#58cc03;box-shadow:0 0 16px #58cc0326}.sg-gpu.computing{opacity:1;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b33}.sg-gpu.done{opacity:1;border-color:#58cc03;box-shadow:0 0 16px #58cc0333}.sg-gpu-id{color:#d1d5db;letter-spacing:.5px;font-size:8px;font-weight:700}.sg-gpu-bar{border:1px solid #2d3748;border-radius:4px;flex-direction:column;width:100%;height:60px;display:flex;overflow:hidden}.sg-bar-weights{background:#374151;flex:14}.sg-bar-kv{background:#58cc0333;border-top:1px solid #58cc034d;border-bottom:1px solid #58cc034d;flex:2;transition:flex .5s}.sg-bar-kv.growing{flex:8}.sg-bar-act{background:#2d3748;flex:4}.sg-bar-free{background:#1a1f2e;flex:60;transition:flex .5s}.sg-gpu-active-label{color:#58cc03;letter-spacing:1px;font-size:7px;font-weight:700}.sg-sidebar{flex-direction:column;gap:16px;min-width:240px;max-width:260px;padding-top:60px;display:flex}.sg-step-panel{background:#111827;border:1px solid #374151;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:16px 20px;display:flex}.sg-note{background:#111827;border:1px solid #374151;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.sg-note-text{color:#9ca3af;margin:0;font-size:10px;line-height:1.6}.oct-container{color:#f3f4f6;background:#1f2937;justify-content:center;width:100vw;min-height:100vh;padding:32px;font-family:SF Mono,Fira Code,Courier New,monospace;display:flex}.oct-layout{align-items:flex-start;gap:40px;display:flex}.oct-io{flex-direction:column;align-items:center;gap:0;display:flex}.oct-prompt{background:#f3f4f6;border:1.5px solid #6b7280;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:300px;padding:12px 32px;transition:all .3s;display:flex}.oct-prompt.active{border-color:#f3f4f6;box-shadow:0 0 20px #f3f4f626}.oct-prompt.sending,.oct-prompt.sent{opacity:.6}.oct-response{background:#f3f4f6;border:2px solid #2d3748;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:300px;padding:12px 32px;transition:all .4s;display:flex}.oct-response.hidden{opacity:.3}.oct-response.streaming{opacity:1;border-color:#58cc03;box-shadow:0 0 20px #58cc0326}.oct-response.complete{opacity:1;border-color:#58cc03;box-shadow:0 0 25px #58cc0333}.io-label{color:#9ca3af;letter-spacing:2px;font-size:9px;font-weight:700}.io-text{color:#1f2937;font-size:13px}.oct-arrow-down{padding:4px 0}.oct-cluster-label{color:#6b7280;letter-spacing:2px;margin-bottom:8px;font-size:10px;font-weight:700}.oct-ring-wrapper{width:800px;height:680px;position:relative}.oct-mesh-svg{position:absolute;top:0;left:0}.mesh-line{stroke:#2d3748;stroke-width:1px;transition:all .4s}.mesh-line.neighbor{stroke-width:1.5px;stroke:#374151}.mesh-line.active{stroke:#58cc03;opacity:.4}.mesh-line.neighbor.active{stroke:#58cc03;opacity:.7;filter:drop-shadow(0 0 4px #58cc034d)}.nvswitch{fill:#111827;stroke:#374151;stroke-width:1.5px;transition:all .4s}.nvswitch.active{stroke:#58cc03;fill:#0f1a0f;filter:drop-shadow(0 0 12px #58cc034d)}.nvswitch-label{fill:#6b7280;letter-spacing:.5px;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:11px;font-weight:700}.nvswitch-sub{fill:#4b5563;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:9px}.nvswitch.active+.nvswitch-label,.nvswitch.active~.nvswitch-label,.nvswitch.active~.nvswitch-sub{fill:#58cc03}.oct-gpu{z-index:2;background:#111827;border:1.5px solid #2d3748;border-radius:8px;flex-direction:column;align-items:center;gap:4px;width:104px;padding:6px 8px;transition:all .4s;display:flex;position:absolute}.oct-gpu.idle{opacity:.45}.oct-gpu.receiving{opacity:1;border-color:#58cc03;animation:.6s ease-in-out infinite oct-pulse}.oct-gpu.computing{opacity:1;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b33}.oct-gpu.computing-fast{opacity:1;border-color:#f59e0b;animation:.3s ease-in-out infinite oct-fast}.oct-gpu.syncing{opacity:1;border-color:#58cc03;animation:.5s ease-in-out infinite oct-sync}.oct-gpu.done{opacity:1;border-color:#58cc03;box-shadow:0 0 16px #58cc0333}@keyframes oct-pulse{0%,to{box-shadow:0 0 8px #58cc031a}50%{box-shadow:0 0 20px #58cc034d}}@keyframes oct-fast{0%,to{border-color:#f59e0b}50%{border-color:#58cc03}}@keyframes oct-sync{0%,to{box-shadow:0 0 8px #58cc031a}50%{box-shadow:0 0 24px #58cc0366}}.oct-gpu-header{justify-content:space-between;align-items:center;width:100%;display:flex}.oct-gpu-id{color:#f3f4f6;letter-spacing:.5px;font-size:10px;font-weight:700}.oct-gpu-status{font-size:10px;transition:color .3s}.oct-gpu-status.idle{color:#4b5563}.oct-gpu-status.receiving{color:#58cc03}.oct-gpu-status.computing,.oct-gpu-status.computing-fast{color:#f59e0b}.oct-gpu-status.syncing,.oct-gpu-status.done{color:#58cc03}.oct-gpu-bar{border:1px solid #2d3748;border-radius:4px;flex-direction:column;width:100%;display:flex;overflow:hidden}.mini-section.weights{background:#374151}.mini-section.kv{background:#58cc0333;border-top:1px solid #58cc034d;border-bottom:1px solid #58cc034d}.mini-section.act{background:#2d3748}.mini-section.free{background:#1a1f2e}.oct-gpu-cap{color:#4b5563;letter-spacing:.5px;font-size:7px}.oct-sidebar{flex-direction:column;gap:16px;min-width:240px;max-width:280px;padding-top:80px;display:flex}.oct-step-panel{background:#111827;border:1px solid #374151;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:16px 20px;display:flex}.step-counter{color:#6b7280;letter-spacing:2px;font-size:9px;font-weight:700}.step-label{color:#58cc03;letter-spacing:.5px;text-align:center;font-size:13px;font-weight:700}.step-desc{color:#9ca3af;text-align:center;font-size:11px;line-height:1.6}.step-progress{gap:4px;margin:4px 0;display:flex}.progress-dot{background:#2d3748;border-radius:50%;width:6px;height:6px;transition:all .3s}.progress-dot.past{background:#374151}.progress-dot.current{background:#58cc03;box-shadow:0 0 6px #58cc0366}.step-controls{gap:6px;display:flex}.ctrl-btn{color:#d1d5db;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.ctrl-btn:hover:not(:disabled){color:#58cc03;border-color:#58cc03}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.ctrl-btn.play-btn{color:#111827;background:#58cc03;border-color:#58cc03}.ctrl-btn.play-btn:hover{background:#4bb303}.step-keys{color:#4b5563;letter-spacing:.5px;font-size:8px}.oct-legend{background:#111827;border:1px solid #374151;border-radius:10px;flex-direction:column;gap:10px;padding:12px 16px;display:flex}.legend-title{color:#6b7280;letter-spacing:2px;border-bottom:1px solid #2d3748;padding-bottom:6px;font-size:9px;font-weight:700}.legend-item{align-items:center;gap:8px;display:flex}.legend-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.swatch-weights{background:#374151;border:1px solid #4b5563}.swatch-kv{background:#58cc0366;border:1px solid #58cc03}.swatch-act{background:#2d3748;border:1px solid #4b5563}.swatch-free{background:#1a1f2e;border:1px solid #2d3748}.legend-text{flex-direction:column;gap:1px;display:flex}.legend-label{color:#d1d5db;letter-spacing:.5px;font-size:9px;font-weight:700}.legend-desc{color:#6b7280;font-size:8px}.status-dot{color:#111827;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:flex}