.trace{min-width:min(100%,480px);position:relative}.trace-line{align-items:baseline;gap:var(--spacing-space-4);width:100%;padding:var(--spacing-space-2) var(--spacing-space-3);border-radius:var(--rounded-radius-md);font:var(--text-body-base);color:var(--color-foreground);text-align:left;cursor:pointer;transition:background-color var(--motion-dur-fast) var(--motion-ease-out);background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid}@media (hover:hover){.trace-line:hover{background:var(--color-muted)}}.trace.is-open .trace-line{background:var(--color-selection-tint)}.trace-line:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.trace-line-label{display:grid}.trace-line-detail{font:var(--text-body-sm);color:var(--color-muted-foreground);font-variant-numeric:tabular-nums}.trace-line-amount{font-weight:500}.trace.is-inline{min-width:0;display:inline-block}.trace.is-inline .trace-line{border-radius:var(--rounded-radius-sm);width:auto;-webkit-text-decoration:underline dotted var(--color-muted-foreground);text-decoration:underline dotted var(--color-muted-foreground);text-underline-offset:3px;padding:0;display:inline}.trace.is-inline.is-open .trace-line{background:var(--color-selection-tint)}.trace.is-inline .trace-line-label{display:inline}.trace-pop{z-index:30;width:min(400px,100%);min-width:320px;padding:var(--spacing-space-4) var(--spacing-space-5) var(--spacing-space-5);border-radius:var(--rounded-radius-lg);background:var(--color-popover);color:var(--color-popover-foreground);box-shadow:var(--elevation-2);transform-origin:0 0;position:absolute;top:calc(100% + 6px);left:0}.trace-head{justify-content:space-between;align-items:center;gap:var(--spacing-space-2);margin-bottom:var(--spacing-space-3);display:flex}.trace-title{font:var(--text-heading-sm);font-variant-numeric:tabular-nums}.trace-body{gap:var(--spacing-space-2);margin:0;display:grid}.trace-body>div{gap:var(--spacing-space-3);grid-template-columns:96px minmax(0,1fr);display:grid}.trace-body dt,.trace-label{font:var(--text-label-xs);color:var(--color-muted-foreground);padding-top:2px}.trace-body dd{font:var(--text-body-base);margin:0}.num-inline{font-variant-numeric:tabular-nums}.trace-entries{margin-top:var(--spacing-space-3);padding-top:var(--spacing-space-3);border-top:1px solid var(--color-border)}.trace-entries ul{margin:var(--spacing-space-2) 0 0;gap:var(--spacing-space-1);padding:0;list-style:none;display:grid}.trace-entries li{justify-content:space-between;align-items:center;gap:var(--spacing-space-2);font:var(--text-body-base);display:flex}.trace-link{border-radius:var(--rounded-radius-full);width:28px;height:28px;color:var(--color-primary);place-items:center;display:inline-grid}@media (hover:hover){.trace-link:hover{background:var(--color-primary-tint)}}.trace-scrim{display:none}@media (width<=767px){.trace-scrim{z-index:40;background:color-mix(in srgb, var(--color-overlay) 40%, transparent);display:block;position:fixed;inset:0}.trace-pop{z-index:50;width:auto;min-width:0;max-height:80vh;padding:var(--spacing-space-5) var(--spacing-space-4) var(--spacing-space-8);border-radius:var(--rounded-radius-lg) var(--rounded-radius-lg) 0 0;box-shadow:var(--elevation-3);position:fixed;inset:auto 0 0;overflow:auto}.trace-entries li{min-height:var(--spacing-touch)}.trace-link{width:var(--spacing-touch);height:var(--spacing-touch)}}