.bl-prose .ip{border-radius:var(--radius-lg);background:var(--white);box-shadow:inset 0 0 0 1px var(--border-default);margin:8px 0 28px;padding:24px}.bl-prose .ip-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 12px;font-size:12px}.bl-prose .ip-steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.bl-prose .ip-step{margin:0}.bl-prose .ip-step-title{font-family:var(--font-display);color:var(--ink-900);margin:0;font-size:20px;font-weight:600;line-height:1.25}.bl-prose .ip-step-text{color:var(--text-secondary);margin:4px 0 0;font-size:16px;line-height:1.55}.ip[data-js] .ip-step{opacity:0;grid-area:1/1}.ip[data-js] .ip-step[data-on]{opacity:1;animation:ipRise var(--dur-log) var(--ease-out)}@keyframes ipRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ip-stage{gap:12px;margin-top:24px;display:grid}.ip-row{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;display:grid}.ip-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:11px}.ip-tokens,.ip-cache{flex-wrap:wrap;align-items:center;gap:6px;min-height:32px;display:flex}.ip-cache{gap:4px;min-height:20px}.ip-sentence{color:var(--ink-900);font-size:16px;font-weight:600}.ip-tok{border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre;transition:background-color var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);padding:4px 8px;font-size:13px;line-height:1.4}.ip-tok.is-prompt{color:var(--ink-900);box-shadow:inset 0 0 0 1px var(--clay-500)}.ip-tok.is-prompt.is-read{background:color-mix(in srgb, var(--clay-500) 20%, var(--white))}.ip-tok.is-answer{background:var(--cobalt-500);color:var(--white)}.ip-cell{width:18px;height:18px;transition:opacity var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border-radius:4px}.ip-cell.is-prompt{background:var(--clay-500)}.ip-cell.is-answer{background:var(--cobalt-500)}.ip-tok.is-off,.ip-cell.is-off{opacity:0}.ip-cache.is-reading .ip-cell:not(.is-off){box-shadow:0 0 0 2px var(--white), 0 0 0 3px var(--ink-900)}.ip-model{border-radius:var(--radius-md);background:var(--ink-900);min-height:40px;color:var(--white);transition:background-color var(--dur-base) var(--ease-out);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:flex}.ip-model.is-busy{background:var(--ink-750)}.ip-mode{font-weight:600}.ip-pass{font-family:var(--font-mono);color:var(--slate-400);font-size:12px}.ip-bar{background:var(--frost-50);border-radius:4px;gap:2px;height:10px;display:flex;overflow:hidden}.ip-bar-prefill,.ip-bar-decode{transition:width var(--dur-base) var(--ease-out)}.ip-bar-prefill{background:var(--clay-500);width:10%}.ip-bar-decode{background:var(--cobalt-500);width:90%}.ip-bar-cap{font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;gap:8px;margin-top:6px;font-size:11px;display:flex}.ip-ctrl{border-top:1px solid var(--border-default);flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;padding-top:16px;display:flex}.ip-ctrl[hidden]{display:none}.ip-ctrl button{border-radius:var(--radius-sm);background:var(--frost-50);min-height:40px;color:var(--ink-900);font:500 14px/1 var(--font-body);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);border:0;padding:8px 12px}.ip-ctrl button:hover{background:var(--stone-150)}.ip-ctrl button[aria-pressed=true]{background:var(--ink-900);color:var(--white)}.ip-ctrl button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ip-ctrl .ip-replay{margin-left:auto}@media (max-width:640px){.bl-prose .ip{padding:20px 16px}.ip-row{grid-template-columns:64px minmax(0,1fr);gap:8px}}@media (prefers-reduced-motion:reduce){.ip,.ip *{transition:none;animation:none}}