.ev-fig .ev-scaler{position:relative;overflow:hidden;margin:0 auto;width:100%;max-width:960px;aspect-ratio:960 / 520}.ev-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.ev{--ev-ink: #0E1633;--ev-muted: #555555;--ev-line: #E5E5E5;--ev-panel: #F8F8F8;--ev-teal: #257E8A;--ev-teal-soft: #E3F1F3;--ev-green: #3F6E54;--ev-green-soft: #E6EFE9;--ev-amber: #C47F17;--ev-amber-soft: #F6EBD8;--ev-blue: #2E5E98;width:960px;height:520px;padding:20px 24px;border-radius:16px;background:#fff;color:var(--ev-ink);border:1px solid var(--ev-line);box-shadow:0 30px 60px -30px #0e163359;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:16px 22px;font-family:Mulish Variable,Mulish,ui-sans-serif,system-ui,sans-serif;line-height:1.4;text-align:left;-webkit-font-smoothing:antialiased}.ev *,.ev *:before,.ev *:after{box-sizing:border-box}.ev-top{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:12px}.ev-h{display:block;font-size:17px;font-weight:800}.ev-sub{display:block;font-size:11.5px;color:var(--ev-muted);font-family:IBM Plex Mono,ui-monospace,monospace;margin-top:2px}.ev-pill{display:grid;justify-items:end}.ev-pill>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;padding:5px 12px;border-radius:999px;white-space:nowrap;transition:opacity .3s}.ev-pill i{width:8px;height:8px;border-radius:50%;background:currentColor}.ev-pill-a{color:var(--ev-teal);background:var(--ev-teal-soft);opacity:0}.ev-pill-b{color:var(--ev-green);background:var(--ev-green-soft)}.ev-sec{display:block;font-size:10px;font-weight:800;color:var(--ev-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.ev-left{display:grid;align-content:start;gap:10px}.ev-dots{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}.ev-dots i{aspect-ratio:1;border-radius:3px;background:var(--ev-teal);transition:background .2s}.ev-dots i.ev-f{background:var(--ev-amber)}.ev-key{display:flex;gap:14px;font-size:11px;font-weight:700;color:var(--ev-muted)}.ev-key span{display:flex;align-items:center;gap:6px}.ev-key i{width:10px;height:10px;border-radius:3px}.ev-key b{color:var(--ev-ink);font-variant-numeric:tabular-nums}.ev-k-p{background:var(--ev-teal)}.ev-k-f{background:var(--ev-amber)}.ev-note{font-size:11px;color:var(--ev-muted);line-height:1.5;transition:opacity .4s}.ev-right{border:1px solid var(--ev-line);border-radius:12px;padding:6px 16px 14px;display:grid;align-content:start}.ev-head,.ev-row{display:grid;grid-template-columns:minmax(0,1.3fr) 70px minmax(0,1.2fr) 120px;gap:12px;align-items:center}.ev-head{font-size:10px;font-weight:800;color:var(--ev-muted);letter-spacing:.06em;text-transform:uppercase;padding:8px 0}.ev-row{padding:9px 0;border-top:1px solid var(--ev-line);font-size:12px}.ev-name{font-weight:700}.ev-v3{color:var(--ev-muted);font-variant-numeric:tabular-nums}.ev-v4{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;align-items:center}.ev-v4 b{font-variant-numeric:tabular-nums;font-weight:800}.ev-bar{height:6px;border-radius:3px;background:#eceff4;overflow:hidden}.ev-bar i{display:block;height:100%;background:var(--ev-teal);border-radius:inherit;transition:width .8s cubic-bezier(.22,1,.36,1)}.ev-th{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ev-muted)}.ev-th svg,.ev-gate svg{width:16px;height:16px;border-radius:50%;background:var(--ev-green);fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:opacity .3s}.ev-gate{margin-top:12px;display:flex;gap:10px;align-items:center;background:var(--ev-green-soft);border-radius:10px;padding:10px 12px;transition:opacity .4s,transform .4s}.ev-gate svg{width:22px;height:22px}.ev-gate b{display:block;font-size:12.5px;font-weight:800;color:var(--ev-green)}.ev-gate small{font-size:11px;color:var(--ev-muted)}.ev.ev-armed:not(.e-done) .ev-pill-a{opacity:1}.ev.ev-armed:not(.e-done) .ev-pill-b{opacity:0}.ev.ev-armed .ev-dots i:not(.on){background:#e6e9ef}.ev.ev-armed .ev-bar i{width:0!important}.ev.ev-armed.e-run .ev-bar i{transition-duration:3.4s}.ev.ev-armed.e-run .ev-row .ev-bar i{width:var(--w)!important}.ev.ev-armed .ev-th svg{opacity:0}.ev.ev-armed .ev-row.ok .ev-th svg{opacity:1}.ev.ev-armed:not(.e-done) .ev-gate{opacity:0;transform:translateY(6px)}.ev.ev-armed:not(.e-done) .ev-note{opacity:0}.ev.ev-narrow{width:360px;height:auto;padding:16px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}.ev.ev-narrow .ev-top{flex-direction:column;align-items:flex-start;gap:8px}.ev.ev-narrow .ev-pill{justify-items:start}.ev.ev-narrow .ev-right{padding:6px 12px 12px}.ev.ev-narrow .ev-head,.ev.ev-narrow .ev-row{grid-template-columns:minmax(0,1fr) 50px 58px}.ev.ev-narrow .ev-head span:last-child,.ev.ev-narrow .ev-th,.ev.ev-narrow .ev-bar{display:none}.ev.ev-narrow .ev-v4{grid-template-columns:1fr}@media(prefers-reduced-motion:reduce){.ev *,.ev *:before,.ev *:after{animation:none!important;transition:none!important}}
