.csii-trace{border:1px solid #a9b8c7;border-radius:14px;padding:18px;margin:18px 0;background:var(--card,#f7fafc);color:inherit}
.csii-trace h2{margin:0 0 8px}.csii-trace h3{font-size:1rem;margin:12px 0 6px}
.trace-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}
.trace-code{font:13px/1.75 ui-monospace,Consolas,monospace;overflow-x:auto;background:rgba(128,128,128,.09);border-radius:9px;padding:10px 0}
.trace-line{padding:2px 9px;border-left:4px solid transparent;white-space:pre}
.trace-current{background:rgba(59,130,246,.18);border-left-color:#3083d3;font-weight:700}
.trace-collection{display:flex;gap:7px;flex-wrap:wrap;min-height:50px;align-items:start}
.trace-cell{border:1px solid #8195aa;border-radius:7px;padding:7px 9px;font:13px ui-monospace,Consolas,monospace;display:flex;flex-direction:column;gap:5px}
.trace-cell small{font-size:11px;opacity:.75;border-top:1px solid #8195aa;padding-top:3px}
.trace-highlight{outline:2px solid #3083d3;background:rgba(59,130,246,.13)}
.trace-variables{display:flex;flex-wrap:wrap;gap:7px}.trace-variable{border:1px solid #a0b0bf;border-radius:6px;padding:5px 8px;display:flex;gap:9px;font-size:13px}
.trace-output{margin:0;min-height:45px;white-space:pre-wrap;background:rgba(128,128,128,.10);border:1px solid #9aafc0;border-radius:7px;padding:9px}
.trace-progress{font-size:13px;opacity:.75}.trace-explain{font-weight:500}.trace-question{background:rgba(128,128,128,.10);border-radius:8px;padding:10px}
.trace-actions{display:flex;flex-wrap:wrap;gap:10px}.trace-actions button{min-width:90px}
.trace-empty{opacity:.65;font-style:italic}
@media(max-width:760px){.trace-layout{grid-template-columns:1fr}}
@media print{.trace-actions{display:none}}