.dte{--pink:#e551ba;--blue:#2389da;--green:#16865c;--amber:#b76e00;color:hsl(var(--foreground));margin:2rem 0;font-family:ui-sans-serif,system-ui,sans-serif}.dte *{box-sizing:border-box}.dte-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1rem;display:flex}.dte-header h2{margin:.2rem 0 .45rem;font-size:clamp(1.35rem,3vw,2rem);line-height:1.1}.dte-header p{max-width:48rem;color:hsl(var(--muted-foreground));margin:0;font-size:.9rem}.dte-eyebrow,.dte-kicker{letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:var(--pink)!important;font-size:.68rem!important}.dte-run-meta{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.dte-run-meta span,.dte-confidence,.dte-traffic{border:1px solid hsl(var(--border));background:hsl(var(--muted));white-space:nowrap;border-radius:999px;padding:.35rem .65rem;font-size:.72rem;font-weight:700}.dte-toolbar{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.75rem;align-items:end;gap:1rem;padding:.8rem;display:flex}.dte-toolbar label{text-transform:uppercase;letter-spacing:.06em;gap:.25rem;min-width:12rem;font-size:.7rem;font-weight:700;display:grid}.dte-toolbar select,.dte-toolbar button{border:1px solid hsl(var(--border));background:hsl(var(--background));min-height:42px;color:hsl(var(--foreground));font:inherit;border-radius:.5rem}.dte-toolbar select{padding:.45rem 2rem .45rem .65rem}.dte-buttons{gap:.35rem;display:flex}.dte-buttons button{cursor:pointer;padding:.45rem .7rem;font-size:.78rem;font-weight:700}.dte-buttons button:hover,.dte-buttons button:focus-visible,.dte-timeline button:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.dte-buttons button:disabled{opacity:.4;cursor:not-allowed}.dte-position{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;margin:0 0 .65rem auto;font-size:.78rem}.dte-owner{border:1px solid hsl(var(--border));background:hsl(var(--card));border-left-width:5px;border-radius:.7rem;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .75rem;margin-top:.8rem;padding:.8rem 1rem;display:grid}.dte-owner>span{color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;grid-row:span 2;padding:.3rem .55rem;font-size:.65rem;font-weight:850}.dte-owner strong{font-size:.85rem}.dte-owner small{color:hsl(var(--muted-foreground));font-size:.72rem}.dte-owner.jev{border-left-color:var(--pink);background:color-mix(in srgb,var(--pink) 7%,hsl(var(--card)))}.dte-owner.jev>span{background:var(--pink)}.dte-owner.system{border-left-color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,hsl(var(--card)))}.dte-owner.system>span{background:var(--blue)}.dte-owner.deterministic{border-left-color:var(--green);background:color-mix(in srgb,var(--green) 7%,hsl(var(--card)))}.dte-owner.deterministic>span{background:var(--green)}.dte-owner.runtime>span{background:hsl(var(--muted-foreground))}.dte-grid{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr);gap:.8rem;margin-top:.8rem;display:grid}.dte-panel{border:1px solid hsl(var(--border));background:hsl(var(--card));min-width:0;box-shadow:0 8px 30px hsl(var(--foreground)/.04);border-radius:.8rem;padding:1rem}.dte-panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dte-panel-heading h3{margin:.15rem 0 .8rem;font-size:1rem}.dte-panel-heading p{margin:0}.dte-machine-panel,.dte-timeline-panel{grid-column:1}.dte-machine-panel{grid-row:span 2}.dte-map-scroll{padding:.25rem 0;overflow-x:auto}.dte-map{width:100%;min-width:700px;display:block}.dte-edges path{fill:none;stroke-width:2px;opacity:.38}.dte-edges path.decision{stroke:var(--pink);marker-end:url(#dte-arrow-decision)}.dte-edges path.system{stroke:var(--blue);marker-end:url(#dte-arrow-system);stroke-dasharray:5 4}.dte-edges path.active{opacity:1;stroke-width:5px;filter:drop-shadow(0 0 3px)}#dte-arrow-decision path{fill:var(--pink)}#dte-arrow-system path{fill:var(--blue)}.dte-state rect{fill:hsl(var(--background));stroke:hsl(var(--border));stroke-width:2px}.dte-state text{fill:hsl(var(--foreground));font-size:11px;font-weight:700}.dte-state.active rect{stroke:var(--pink);stroke-width:4px;fill:color-mix(in srgb,var(--pink) 10%,hsl(var(--background)))}.dte-legend{color:hsl(var(--muted-foreground));flex-wrap:wrap;gap:.65rem;font-size:.68rem;display:flex}.dte-legend span{align-items:center;gap:.3rem;display:flex}.dte-legend i{border-top:3px solid;width:1rem}.dte-legend i.decision{border-color:var(--pink)}.dte-legend i.system{border-color:var(--blue);border-top-style:dashed}.dte-transition{background:hsl(var(--muted));border-radius:.55rem;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.7rem;font-size:.78rem;display:flex}.dte-transition>span:last-child{color:hsl(var(--muted-foreground))}.dte-kind{color:#fff;text-transform:uppercase;border-radius:999px;padding:.2rem .45rem;font-size:.62rem;font-weight:800}.dte-kind.jev,.dte-dot.jev{background:var(--pink)}.dte-kind.system,.dte-dot.system{background:var(--blue)}.dte-kind.deterministic,.dte-dot.deterministic{background:var(--green)}.dte-kind.runtime,.dte-dot.runtime{background:hsl(var(--muted-foreground))}.dte-metrics{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.dte-metrics div{background:hsl(var(--muted));border-radius:.55rem;padding:.65rem}.dte-metrics span,.dte-facts dt{color:hsl(var(--muted-foreground));font-size:.65rem;display:block}.dte-metrics strong{font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.9rem;display:block}.dte-facts{flex-wrap:wrap;gap:.5rem 1rem;margin:.75rem 0 0;display:flex}.dte-facts div{gap:.35rem;display:flex}.dte-facts dd{margin:0;font-size:.7rem;font-weight:700}.dte-probabilities{min-height:8rem}.dte-probability{margin:.55rem 0}.dte-probability>div:first-child{justify-content:space-between;font-size:.72rem;display:flex}.dte-probability.winner b{color:var(--pink)}.dte-bar{background:hsl(var(--muted));border-radius:999px;height:.45rem;margin-top:.25rem;overflow:hidden}.dte-bar i{border-radius:inherit;background:hsl(var(--muted-foreground)/.45);height:100%;display:block}.dte-probability.winner .dte-bar i{background:var(--pink)}.dte-empty{color:hsl(var(--muted-foreground));text-align:center;padding:1rem;font-size:.78rem}.dte-policy{border:1px solid hsl(var(--border));border-radius:.55rem;grid-template-columns:auto 1fr;gap:.15rem .5rem;padding:.65rem;font-size:.7rem;display:grid}.dte-policy span{color:hsl(var(--muted-foreground))}.dte-policy small{color:hsl(var(--muted-foreground));grid-column:2}.dte-policy.accepted{border-color:color-mix(in srgb,var(--green) 45%,transparent);background:color-mix(in srgb,var(--green) 9%,transparent)}.dte-policy.blocked{border-color:color-mix(in srgb,var(--amber) 55%,transparent);background:color-mix(in srgb,var(--amber) 9%,transparent)}.dte-timeline{gap:.3rem;margin:0;padding:.15rem .15rem .5rem;list-style:none;display:flex;overflow-x:auto}.dte-timeline li{flex:none}.dte-timeline button{border:1px solid hsl(var(--border));background:hsl(var(--background));min-width:7.4rem;color:hsl(var(--foreground));text-align:left;cursor:pointer;border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem;display:flex}.dte-timeline button[aria-current=step]{border-color:var(--pink);box-shadow:inset 0 0 0 1px var(--pink)}.dte-timeline b,.dte-timeline small{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;font-size:.65rem;display:block;overflow:hidden}.dte-timeline small{color:hsl(var(--muted-foreground));margin-top:.1rem;font-weight:400}.dte-dot{border-radius:50%;flex:none;width:.55rem;height:.55rem}@media (width<=850px){.dte-grid{grid-template-columns:1fr}.dte-machine-panel,.dte-timeline-panel{grid-column:auto}.dte-machine-panel{grid-row:auto}.dte-header{display:block}.dte-run-meta{justify-content:flex-start;margin-top:.75rem}.dte-toolbar{flex-wrap:wrap;align-items:stretch}.dte-position{width:100%;margin:.2rem 0 0}.dte-toolbar label{flex:1}.dte-buttons{flex-wrap:wrap}}@media (width<=520px){.dte-buttons span{display:none}.dte-buttons button{min-width:44px}.dte-legend{display:none}.dte-panel{padding:.75rem}.dte-metrics{grid-template-columns:1fr 1fr}.dte-header h2{font-size:1.35rem}.dte-owner{grid-template-columns:1fr}.dte-owner>span{grid-row:auto;justify-self:start}.dte-owner small{line-height:1.35}}@media (prefers-reduced-motion:reduce){.dte *{scroll-behavior:auto!important;transition:none!important}}