.dfm-trace-explorer{margin-top:clamp(30px,4vw,52px);overflow:hidden;border:1px solid rgba(255,216,76,.28);background:#020303;box-shadow:0 28px 80px #0000005c}.dfm-trace-header{padding:clamp(24px,3vw,38px);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:36px;align-items:end;border-bottom:1px solid var(--border-soft);background:linear-gradient(110deg,rgba(255,216,76,.055),transparent 48%),#050606}.dfm-trace-eyebrow{margin:0 0 15px;color:var(--gold);font-size:10px;font-weight:650;letter-spacing:.17em;text-transform:uppercase}.dfm-trace-header h3{max-width:820px;margin:0;color:#f4efd8;font-size:clamp(27px,3.2vw,46px);font-weight:530;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}.dfm-trace-description{max-width:780px;margin:17px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.dfm-trace-readout{min-height:112px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;border-left:2px solid var(--gold);background:#ffd84c0a}.dfm-trace-readout span,.dfm-trace-readout small{color:var(--dim);font-size:10px;letter-spacing:.12em;line-height:1.55;text-transform:uppercase}.dfm-trace-readout strong{margin:8px 0;color:var(--gold-strong);font-size:15px;font-weight:600}.dfm-trace-stage{position:relative;min-height:480px;background:radial-gradient(circle at 50% 50%,rgba(255,216,76,.035),transparent 58%),#020506}.dfm-trace-stage canvas{width:100%;height:clamp(440px,54vw,670px);display:block;cursor:grab;touch-action:none}.dfm-trace-stage canvas:active{cursor:grabbing}.dfm-trace-stage canvas:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.dfm-trace-canvas-label{position:absolute;top:18px;right:18px;display:flex;gap:16px;color:#ffd84c94;font-size:9px;letter-spacing:.15em;pointer-events:none;text-transform:uppercase}.dfm-trace-canvas-label span:last-child{color:#ffd84cd1}.dfm-trace-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.dfm-trace-loading[hidden]{display:none}.dfm-trace-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,216,76,.16);border-bottom:1px solid var(--border-soft)}.dfm-trace-controls button{min-height:96px;padding:18px 20px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 10px;border:0;border-right:1px solid var(--border-soft);color:var(--muted);background:#050606;cursor:pointer;font:inherit;text-align:left;transition:color var(--timing-fast),background var(--timing-fast)}.dfm-trace-controls button:last-child{border-right:0}.dfm-trace-controls button:hover,.dfm-trace-controls button:focus-visible{background:#ffd84c0e;outline:none}.dfm-trace-controls button:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}.dfm-trace-controls button[aria-selected=true]{color:#f4efd8;background:#ffd84c13}.dfm-trace-controls button[aria-selected=true] span{color:var(--gold)}.dfm-trace-controls button span{grid-row:1 / 3;color:var(--dim);font-size:11px;font-weight:650;letter-spacing:.14em}.dfm-trace-controls button b{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.dfm-trace-controls button small{color:var(--dim);font-size:11px}.dfm-trace-meta{padding:18px 22px;display:flex;gap:24px;align-items:center;justify-content:flex-start;background:#050606}.dfm-trace-legend{display:flex;flex-wrap:wrap;gap:10px 18px}.dfm-trace-legend span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.dfm-trace-legend i{width:7px;height:7px;display:inline-block;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.dfm-trace-legend .is-source{color:#59d7ff}.dfm-trace-legend .is-target{color:#ff9a45}.dfm-trace-legend .is-flow{width:15px;height:2px;border-radius:0;color:#ffd84c}.dfm-trace-meta>p{max-width:470px;margin:0;color:var(--dim);font-size:9px;letter-spacing:.08em;line-height:1.65;text-align:right;text-transform:uppercase}.dfm-trace-meta>p span{display:block;color:#ffd84cad}@media(max-width:820px){.dfm-trace-header{grid-template-columns:1fr;gap:24px}.dfm-trace-readout{min-height:92px}.dfm-trace-stage,.dfm-trace-stage canvas{min-height:360px;height:62vw}.dfm-trace-controls{grid-template-columns:1fr}.dfm-trace-controls button{min-height:76px;border-right:0;border-bottom:1px solid var(--border-soft)}.dfm-trace-controls button:last-child{border-bottom:0}.dfm-trace-meta{align-items:flex-start;flex-direction:column}.dfm-trace-meta>p{text-align:left}}@media(max-width:520px){.dfm-trace-stage,.dfm-trace-stage canvas{min-height:330px;height:88vw}.dfm-trace-canvas-label{display:none}}