.trace{padding:1.6rem;display:flex;flex-direction:column;gap:14px;font-family:Inter,sans-serif}.trace-row{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}@media(min-width:480px){.trace-row{grid-template-columns:11.5rem minmax(0,1fr);align-items:center;gap:14px}}.trace-stage{font-size:.8125rem;line-height:1.35;color:var(--color-on-ink-variant)}.trace-track{position:relative;display:block;height:9px;border-radius:3px;background:#98a2b814;overflow:hidden}.trace-bar{position:absolute;top:0;bottom:0;left:calc(var(--start, 0) * 100%);width:calc(var(--len, .2) * 100%);border-radius:2px;background:var(--color-accent-electric);transform:scaleX(0);transform-origin:left center;animation-name:trace-draw;animation-duration:9s;animation-timing-function:linear;animation-iteration-count:infinite}.trace-bar--out{background:var(--color-signal)}.trace-bar--async{background:repeating-linear-gradient(90deg,rgba(152,162,184,.5) 0 5px,transparent 5px 10px)}.trace-row:nth-child(1) .trace-bar{animation-delay:.15s}.trace-row:nth-child(2) .trace-bar{animation-delay:.75s}.trace-row:nth-child(3) .trace-bar{animation-delay:1.3s}.trace-row:nth-child(4) .trace-bar{animation-delay:1.95s}.trace-row:nth-child(5) .trace-bar{animation-delay:2.7s}.trace-row:nth-child(6) .trace-bar{animation-delay:3.1s}@keyframes trace-draw{0%{transform:scaleX(0);opacity:.35}9%{transform:scaleX(1);opacity:1}82%{transform:scaleX(1);opacity:1}92%,to{transform:scaleX(1);opacity:0}}.trace-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding-top:14px;border-top:1px solid var(--ink-border);font-size:.75rem;color:var(--color-on-ink-muted)}.trace-note:before{content:"";display:inline-block;width:14px;height:1px;margin-right:7px;vertical-align:middle;background:repeating-linear-gradient(90deg,rgba(152,162,184,.5) 0 4px,transparent 4px 8px)}@media(prefers-reduced-motion:reduce){.trace-bar{animation:none;transform:scaleX(1)}}.layer-map{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:1.5rem;border-radius:3px;background:var(--draw-face-left)}.layer-map__row{display:flex;align-items:center;gap:14px;min-height:3.25rem;padding:0 1.1rem;border:1px solid var(--draw-stroke-soft);border-radius:var(--draw-radius);background:var(--draw-face);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;color:#6d6e74}.layer-map__num{font-family:Space Grotesk,sans-serif;font-size:.78rem;color:#8a8b91}.layer-map__row.is-active{border-color:var(--draw-accent);background:var(--draw-accent-wash);color:#191c1e}.layer-map__row.is-active .layer-map__num{color:var(--draw-accent-ink)}@media(max-width:1023px){.stack-card__media:has(>.layer-map){display:none}}.stack-card__links{display:flex;flex-wrap:wrap;gap:0 1.5rem;margin-top:auto}.stack-card__links .stack-card__link{margin-top:1.75rem;padding-top:0}