:root{--trace-ink:#172b38;--trace-muted:#637780;--trace-border:#dde5e7;--trace-accent:#087c7e;--trace-bg:#f4f7f7}body{background:var(--trace-bg);color:var(--trace-ink);font:15px/1.6 system-ui,sans-serif}.trace-page{max-width:1360px;margin:0 auto;padding:36px 28px 80px}.trace-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.15;letter-spacing:-.035em;margin:10px 0}.trace-hero p{max-width:760px;color:var(--trace-muted)}.trace-kicker{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--trace-accent)!important}.trace-context{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0 16px;padding:14px 18px;background:#e7f2f1;border-radius:10px;font-size:13px}.trace-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}.trace-controls label{display:grid;gap:5px;font-size:12px;font-weight:650}.trace-controls label:first-child{flex:1;min-width:230px}.trace-controls input,.trace-controls select,.trace-controls button,#trace-more{border:1px solid var(--trace-border);border-radius:9px;background:white;padding:11px;font:inherit;color:inherit;max-width:100%}.trace-controls button,#trace-more{cursor:pointer;color:var(--trace-accent);font-weight:650}.trace-controls :focus-visible,.trace-event summary:focus-visible{outline:3px solid #59b6b8;outline-offset:3px}.trace-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.trace-panel{background:white;border:1px solid var(--trace-border);border-radius:16px;padding:22px;min-width:0}.trace-panel h2{font-size:18px;margin:0 0 16px}.trace-panel h2:not(:first-child){margin-top:26px}.trace-event{border-bottom:1px solid var(--trace-border);padding:14px 0}.trace-event summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr auto;gap:5px 18px}.trace-event summary::-webkit-details-marker{display:none}.trace-event summary:before{content:'+';float:left;color:var(--trace-accent);grid-row:1/4;display:none}.trace-event[open] summary{margin-bottom:16px}.trace-event-title{font-weight:650}.trace-meta{font-size:12px;color:var(--trace-muted);overflow-wrap:anywhere}.trace-badge{align-self:start;max-width:240px;overflow-wrap:anywhere;padding:3px 8px;border-radius:6px;background:#edf3f3;font-size:11px;font-weight:650}.trace-warning{background:#fff2d9;color:#805616}.trace-event pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8f8;border-radius:9px;padding:14px;font-size:12px;max-height:420px;overflow:auto}.trace-evidence{font-size:12px;color:var(--trace-muted)}.trace-evidence a{color:var(--trace-accent)}.trace-source{padding:12px 0;border-bottom:1px solid var(--trace-border);overflow-wrap:anywhere;font-size:12px}.trace-source strong{font-size:13px;display:block}.trace-summary{font-size:13px;color:var(--trace-muted);margin:12px 0}.trace-empty{padding:35px 12px;color:var(--trace-muted);text-align:center}#trace-state{padding:12px 0;font-size:14px}#trace-limitations{padding-left:18px;font-size:12px;color:var(--trace-muted)}#trace-more{margin-top:18px}@media(max-width:900px){.trace-layout{grid-template-columns:1fr}.trace-page{padding:26px 16px}.trace-event summary{grid-template-columns:1fr}.trace-controls label{flex:1;min-width:150px}}

.trace-controls input,.trace-controls select{box-sizing:border-box;min-width:0;width:100%}@media(max-width:600px){.trace-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.trace-controls label{min-width:0}.trace-controls label:first-child{grid-column:1/-1;min-width:0}.trace-controls select{max-width:100%;width:100%}}