.eb{display:flex;flex-direction:column;gap:20px}.eb__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}.eb__inputs{gap:22px;padding:24px}.eb__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.eb__result{display:flex;flex-direction:column;gap:16px;min-width:0;position:sticky;top:80px}.eb__hotkey{font-size:11px;color:var(--fg-faint)}.eb__badges{display:flex;flex-wrap:wrap;gap:8px}.eb__badges:empty{display:none}.eb__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.eb__stats .ui-stat__value{font-size:var(--text-lg)}.eb__empty{padding:28px 8px;text-align:center;color:var(--fg-muted)}.eb__viz{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:center}@media (max-width:960px){.eb__grid{grid-template-columns:minmax(0,1fr)}.eb__result{position:static}}@media (max-width:860px){.eb__viz{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.eb__stats{grid-template-columns:minmax(0,1fr)}}.ebg{display:block;width:100%;max-width:360px;height:auto;margin-inline:auto;touch-action:none;user-select:none}.ebg__band{fill:var(--accent-soft)}.ebg__grid line{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:3 5}.ebg__grid .ebg__axis{stroke-dasharray:none}.ebg .ebg__label{font-family:var(--font-mono);font-size:10.5px;fill:var(--fg-faint)}.ebg__ref{stroke:var(--fg-faint);stroke-width:1.5;stroke-dasharray:4 4}.ebg__arm{stroke:var(--fg-muted);stroke-width:1.5}.ebg__curve{fill:none;stroke:var(--accent);stroke-width:3.5;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--accent-soft))}.ebg__end{fill:var(--fg-muted)}.ebg__handle{cursor:grab;outline:none}.ebg__handle:active{cursor:grabbing}.ebg__hit{fill:transparent}.ebg__halo{fill:var(--accent-soft);transition:r var(--dur-2) var(--ease-spring)}.ebg__dot{fill:var(--accent);stroke:var(--bg);stroke-width:3}.ebg__handle:hover .ebg__halo{r:17}.ebg__handle:focus-visible .ebg__halo{r:18;stroke:var(--accent-fg);stroke-width:2}.ebr{display:flex;flex-direction:column;gap:14px;min-width:0}.ebr__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ebr__title{font-size:var(--text-sm);font-weight:700;color:var(--fg-muted)}.ebr__lane{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);overflow:hidden}.ebr__name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);overflow-wrap:anywhere}.ebr__rail{position:relative;height:28px;margin-inline-end:28px;border-radius:14px}.ebr__rail:before{content:"";position:absolute;inset-inline-start:0;top:50%;height:2px;inset-inline-end:-28px;background:var(--line-strong);transform:translateY(-50%)}.ebr__mover{position:absolute;inset:0;will-change:transform}.ebr__ball{position:absolute;inset-inline-start:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--accent);box-shadow:0 4px 12px -2px var(--accent-soft),inset 0 -3px 0 rgba(0,0,0,.18)}.ebr__mover--ref .ebr__ball{background:var(--fg-faint);box-shadow:none}.ebr__lane[data-still] .ebr__mover{transform:translateX(100%)}.ebr__hint{font-size:var(--text-xs);color:var(--fg-faint)}.ebr__rail{direction:ltr}@media (max-width:960px){.eb__result{display:contents}.eb__preview{order:-1}}