.line{transition:opacity .3s,filter .3s,background .2s;display:block;border-radius:4px}.focus-mode .line{opacity:.3;filter:blur(.8px)}.focus-mode .line.active-step{opacity:1;filter:none;background:rgba(0,243,255,.1);box-shadow:inset 3px 0 0#00f3ff}lll-ui-code-walkthrough{display:block;font-family:"Segoe UI",system-ui,sans-serif;--cs-bg:#252526;--cs-border:#3e3e42;--cs-text:#e0e0e0;--cs-accent:#eebff9;margin-top:20px;margin-bottom:20px}lll-ui-code-walkthrough .stepper-card{display:flex;flex-direction:column}lll-ui-code-walkthrough .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-left:32px;width:100%}lll-ui-code-walkthrough .step-indicator{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--cs-accent);font-weight:700}lll-ui-code-walkthrough .step-content{color:#ccc;line-height:1.6;font-size:.95rem;flex-grow:1;margin-bottom:20px}lll-ui-code-walkthrough .controls{display:flex;gap:10px}lll-ui-code-walkthrough button{flex:1;background:#333;border:1px solid #444;color:#fff;padding:2px 8px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}lll-ui-code-walkthrough button:hover:not(:disabled){background:#444}lll-ui-code-walkthrough button.primary{background:rgba(238,191,249,.1);border-color:var(--cs-accent);color:var(--cs-accent)}lll-ui-code-walkthrough button.primary:hover:not(:disabled){background:rgba(238,191,249,.2)}lll-ui-code-walkthrough button:disabled{opacity:.5;cursor:not-allowed;border-color:#333;color:#666}