.stepper-shell{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -20px rgba(0,0,0,.5);}
  .stepper-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--bg-panel-2);border-bottom:1px solid var(--border);}
  .lang-toggle{display:flex;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:3px;}
  .lang-btn{font-family:var(--mono);font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:5px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:.15s;}
  .lang-btn.active{background:var(--amber);color:#0B0E14;}
  .step-counter{font-family:var(--mono);font-size:11.5px;color:var(--text-muted);}

  .stepper-body{display:flex;gap:0;}
  .code-panel{flex:1.4;padding:16px 18px;font-family:var(--mono);font-size:13px;line-height:1.75;border-right:1px solid var(--border);}
  .code-line{white-space:pre;padding:1px 8px;border-radius:4px;color:var(--text-muted);}
  .code-line.current{background:rgba(232,163,61,0.15);color:var(--text);border-left:2px solid var(--amber);}

  .state-panel{flex:1;padding:16px 18px;}
  .state-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--border);font-family:var(--mono);font-size:13px;}
  .state-row:last-child{border-bottom:none;}
  .state-key{color:var(--text-muted);}
  .state-val{color:var(--teal);font-weight:700;}
  .state-val.hidden-val{color:var(--amber);font-style:italic;font-weight:400;}
  .step-note{margin-top:14px;font-size:12.5px;color:var(--text-muted);border-top:1px solid var(--border);padding-top:12px;}

  .predict-box{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);}
  .predict-q{font-size:13px;margin-bottom:10px;color:var(--text);}
  .predict-options{display:flex;flex-wrap:wrap;gap:8px;}
  .predict-opt{font-family:var(--mono);font-size:12.5px;background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);padding:7px 14px;border-radius:7px;cursor:pointer;transition:.15s;}
  .predict-opt:hover{border-color:var(--amber);}
  .predict-opt.correct{background:rgba(79,209,197,.15);border-color:var(--teal);color:var(--teal);}
  .predict-opt.incorrect{background:rgba(240,84,107,.15);border-color:var(--danger);color:var(--danger);}
  .predict-opt[disabled]{cursor:default;}
  .predict-feedback{margin-top:8px;font-size:12.5px;color:var(--text-muted);}

  .stepper-controls{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--border);}
  .step-btn{font-family:var(--mono);font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:7px;border:1px solid var(--border);background:var(--bg-panel-2);color:var(--text);cursor:pointer;transition:.15s;}
  .step-btn:hover:not(:disabled){border-color:var(--amber);color:var(--amber);}
  .step-btn:disabled{opacity:.4;cursor:default;}
  .step-btn.primary{background:var(--amber);border-color:var(--amber);color:#0B0E14;}
  .step-btn.primary:disabled{background:var(--bg-panel-2);color:var(--text-muted);}