.demo-topbar{border-bottom:1px solid var(--rule);background:var(--secondary);justify-content:space-between;align-items:center;gap:16px;padding:15px 24px;font-size:13px;font-weight:600;display:flex}.demo-topbar>span:first-child{align-items:center;gap:12px;display:flex}.demo-mark{letter-spacing:-1px;color:var(--blue);font-size:18px}.demo-local{letter-spacing:.1em;color:var(--muted);align-items:center;gap:8px;font-size:9px;display:flex}.demo-local i{background:var(--blue);border-radius:50%;width:6px;height:6px}.demo-kicker{letter-spacing:.14em;color:var(--blue);margin:0;font-size:10px;font-weight:650}.cleanup-preview{border:1px solid var(--rule);background:var(--surface);border-radius:18px;min-width:0;overflow:hidden}.cleanup-preview .demo-topbar{padding:17px 24px}.cleanup-preview-body{padding:24px}.cleanup-preview-steps{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.cleanup-preview-steps button{border:1px solid var(--rule);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:20px;padding:8px 10px;font-size:10px;transition:color .18s,border-color .18s,background .18s}.cleanup-preview-steps button[aria-pressed=true]{background:var(--blue);color:var(--on-action);border-color:var(--blue)}.cleanup-preview-layout{grid-template-columns:1fr 240px;gap:24px;display:grid}.cleanup-preview-records{flex-direction:column;gap:8px;min-height:396px;display:flex}.cleanup-mini-record{border:1px solid var(--rule);background:var(--surface);border-radius:8px;grid-template-columns:35px 1fr auto;align-items:center;gap:12px;min-height:56px;padding:11px 13px;font-size:12px;display:grid}.cleanup-mini-record>span:first-child{color:var(--muted);font:10px ui-monospace,monospace}.cleanup-mini-record strong{font-size:12px;font-weight:550;display:block}.cleanup-mini-record small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.cleanup-mini-record.is-highlighted{border-color:color-mix(in srgb, var(--blue) 50%, var(--rule));background:color-mix(in srgb, var(--blue) 4%, var(--surface))}.cleanup-mini-record>span:last-child{color:var(--blue);font-size:10px}.cleanup-preview-explanation{background:var(--secondary);border-radius:12px;flex-direction:column;justify-content:space-between;gap:24px;padding:22px;display:flex}.cleanup-preview-explanation h3{letter-spacing:-.04em;margin:8px 0 12px;font-size:25px;line-height:1.2}.cleanup-preview-explanation p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.cleanup-preview-tally{border-top:1px solid var(--rule);justify-content:space-between;align-items:end;padding-top:18px;display:flex}.cleanup-preview-tally strong{letter-spacing:-.05em;font-size:34px;font-weight:550;line-height:1}.cleanup-preview-tally>span{color:var(--muted);text-align:right;max-width:80px;font-size:10px;line-height:1.5}.cleanup-preview-tally strong>span{letter-spacing:0;color:var(--blue);padding:0 .15em;font-size:.7em;line-height:1;display:inline-block}.cleanup-preview-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}.cleanup-preview-controls{flex-wrap:wrap;gap:8px;max-width:100%;display:flex}.cleanup-preview .button{gap:6px;min-height:40px;padding:8px 12px;font-size:11px}.cleanup-preview-footer>span{color:var(--muted);font-size:10px}.cleanup-preview-note{color:var(--muted);margin:17px 0 0;font-size:10px;line-height:1.6}@media (width<=900px){.cleanup-preview-layout{grid-template-columns:1fr 210px}}@media (width<=640px){.demo-topbar{padding:14px 16px;font-size:11px}.demo-local{display:none}.cleanup-preview-body{padding:16px}.cleanup-preview-layout{grid-template-columns:1fr;gap:14px}.cleanup-preview-explanation{flex-direction:row;align-items:center;gap:15px;padding:18px}.cleanup-preview-explanation>div:first-child{max-width:65%}.cleanup-preview-explanation h3{font-size:21px}.cleanup-preview-explanation p{font-size:11px}.cleanup-preview-tally{border:0;flex-direction:column;gap:8px;min-width:64px;padding:0}.cleanup-preview-tally strong{font-size:29px}.cleanup-preview-steps{gap:6px;margin-bottom:16px}.cleanup-preview-steps button{padding:7px 9px;font-size:9px}.cleanup-mini-record{grid-template-columns:27px 1fr auto;gap:7px;min-height:58px;padding:10px}.cleanup-mini-record strong{font-size:11px}.cleanup-mini-record small{overflow-wrap:anywhere;font-size:9px}.cleanup-mini-record>span:last-child{max-width:50px;font-size:9px}.cleanup-preview-records{min-height:420px}.cleanup-preview-footer{flex-direction:column;align-items:start;gap:10px}}
