.intr{display:flex;flex-direction:column;background:var(--color-bg);border-radius:var(--radius-md);overflow:visible}.intr__toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap;gap:8px}.intr__toolbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.intr__title{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-purple)}.intr__step-badge{font-family:var(--font-mono);font-size:.62rem;padding:4px 12px;border-radius:20px;border:1px solid rgba(108,99,255,.3);color:var(--color-text-muted);letter-spacing:.08em;transition:all .25s ease}.intr__step-badge--active{border-color:var(--color-purple);color:var(--color-purple);background:rgba(108,99,255,.1)}.intr__speed{display:flex;align-items:center;gap:8px}.intr__speed-label{font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-muted);letter-spacing:.08em}.intr__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}.intr__speed-btn--active,.intr__speed-btn:hover{border-color:var(--color-purple);color:var(--color-purple)}.intr__speed-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.intr__canvas-wrap{flex:1;position:relative;min-height:420px}.intr__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.intr__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:56px;display:flex;align-items:center;flex-shrink:0;line-height:1.6}.intr__controls{display:flex;align-items:center;gap:10px;padding:12px 24px;border-top:1px solid rgba(108,99,255,.1);flex-shrink:0}.intr__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}.intr__btn:hover{border-color:var(--color-purple);color:var(--color-purple)}.intr__btn--primary{border-color:var(--color-purple);color:var(--color-purple)}.intr__btn--primary:hover{background:var(--color-purple);color:#0f0f1a}.intr__btn:disabled{opacity:.35;cursor:not-allowed}