.history-step-card{padding:0;overflow:hidden}
.history-toggle{width:100%;display:flex;align-items:center;gap:13px;border:0;background:#fff;padding:18px 20px;color:#29473f;text-align:left}
.history-toggle>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#f0eafb;color:#7045ad;font-size:21px;font-weight:800;transition:.16s}
.history-toggle>div{display:flex;flex-direction:column;gap:3px}
.history-toggle strong{font-size:15px}
.history-toggle small{color:#71827e;font-size:11px;line-height:1.4}
.history-toggle:hover{background:#faf8fd}
.history-toggle[aria-expanded="true"]{border-bottom:1px solid #e4dcef;background:#faf8fd}
.history-toggle[aria-expanded="true"]>span{transform:rotate(45deg);background:#7045ad;color:#fff}
.history-panel{padding:20px}
.history-panel-head h2{margin:5px 0 5px;font-size:20px}
.history-panel-head p{margin:0 0 16px;color:#71827e;font-size:11px}
.history-groups{display:grid;gap:13px}
.history-group{padding:14px;border:1px solid #dce5e2;border-radius:12px;background:#fbfcfc}
.history-group>strong{display:block;margin-bottom:9px;color:#38544d;font-size:13px}
.history-group .chip-grid{gap:7px}
.history-group .check-chip span{font-size:11px;padding:7px 10px}
.history-group .check-chip.history-none span{border-style:dashed}
.history-group .check-chip.history-none input:checked+span{border-color:#7045ad;background:#f0eafb;color:#57338d}
@media(max-width:760px){.history-toggle{align-items:flex-start;padding:16px}.history-panel{padding:16px}.history-group{padding:12px}}
@media(min-width:1181px){.record-layout{grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr);gap:24px}.record-preview{padding:24px}.record-output{font-size:14px}}