.vn{display:flex;flex-direction:column;background:var(--color-bg);border-radius:var(--radius-md);overflow:hidden;min-height:540px}.vn__toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--color-border);flex-shrink:0;gap:8px}.vn__toolbar-left{display:flex;align-items:center;gap:20px}.vn__title{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-purple)}.vn__phases{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vn__phase-sep{color:#2a2a3a;font-size:11px}.vn__phase{font-family:var(--font-mono);font-size:.62rem;padding:4px 12px;border-radius:20px;border:1px solid #2a2a3a;color:var(--color-text-muted);letter-spacing:.08em;transition:all .25s ease}.vn__phase--fetch{border-color:#f7a14a;color:#f7a14a;background:rgba(247,161,74,.12)}.vn__phase--decode{border-color:var(--color-teal);color:var(--color-teal);background:rgba(62,207,178,.12)}.vn__phase--execute{border-color:var(--color-purple);color:var(--color-purple);background:rgba(108,99,255,.12)}.vn__speed{display:flex;align-items:center;gap:8px}.vn__speed-label{font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-muted);letter-spacing:.08em}.vn__speed-btn{font-family:var(--font-mono);font-size:.6rem;padding:4px 10px;border:1px solid #2a2a3a;background:0 0;color:var(--color-text-muted);cursor:pointer;border-radius:3px;transition:all .2s ease}.vn__speed-btn--active,.vn__speed-btn:hover{border-color:var(--color-purple);color:var(--color-purple)}.vn__canvas-wrap{flex:1;position:relative;min-height:340px}.vn__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.vn__log{padding:10px 24px;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.72rem;color:var(--color-purple);letter-spacing:.04em;min-height:40px;display:flex;align-items:center;flex-shrink:0;line-height:1.5}.vn__controls{display:flex;align-items:center;gap:10px;padding:12px 24px;border-top:1px solid rgba(108,99,255,.1);flex-shrink:0}.vn__btn{font-family:var(--font-mono);font-size:.72rem;padding:8px 20px;border:1px solid #2a2a3a;background:0 0;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;letter-spacing:.06em}.vn__btn:hover{border-color:var(--color-purple);color:var(--color-purple)}.vn__btn--primary{border-color:var(--color-purple);color:var(--color-purple)}.vn__btn--primary:hover{background:var(--color-purple);color:#0f0f1a}.vn__btn:disabled{opacity:.35;cursor:not-allowed}.vn__speed-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}