.eb{gap:var(--s-4);grid-template-columns:minmax(0,1fr);display:grid}.eb>*{min-inline-size:0}.eb-settings{gap:var(--s-4)}.eb-field{gap:var(--s-2);display:grid}.eb-field>.lbl{margin:0}.eb-bpm{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.eb-bpm .text-in{text-align:center;inline-size:7rem;font-size:var(--fs-18);font-weight:600}.eb-bpm .hint{margin:0}.eb .seg{overflow-x:auto}.eb-acc{flex-wrap:wrap;gap:6px;display:flex}.eb-acc-b{border-radius:var(--r-sm);background:var(--color-surface-2);block-size:64px;inline-size:36px;box-shadow:var(--border);align-content:end;justify-items:center;gap:4px;padding-block-end:4px;display:grid}.eb-acc-b span{background:var(--color-faint);border-radius:4px;block-size:14px;inline-size:14px}.eb-acc-b[data-acc=f] span{background:var(--color-accent);block-size:34px}.eb-acc-b[data-acc=mf] span{background:var(--color-accent);opacity:.7;block-size:24px}.eb-acc-b[data-acc=p] span{background:var(--color-muted);opacity:.6;block-size:14px}.eb-acc-b[data-acc=mute] span{block-size:4px}.eb-acc-b b{font-size:var(--fs-12);color:var(--color-muted);font-weight:600}.eb-row{gap:var(--s-4);flex-wrap:wrap;justify-content:space-between;align-items:end;display:flex}.eb-switch{align-items:center;gap:var(--s-3);min-block-size:44px;font-weight:600;font-size:var(--fs-15);cursor:pointer;display:flex}.eb-lang{gap:var(--s-2);min-inline-size:10rem;display:grid}.eb-lang .lbl{margin:0}.eb-out{gap:var(--s-2);align-content:start;display:grid}.eb-out>.lbl{margin:0}.eb-frame{border-radius:var(--r-md);border:1px solid var(--color-faint);background:var(--color-surface);max-inline-size:100%;overflow:hidden}.eb-frame iframe{border:0;block-size:100%;inline-size:100%;display:block}.eb-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-13);padding-block:var(--s-3);resize:vertical;word-break:break-all;min-block-size:6.5rem;line-height:1.45}.eb-out .btn{justify-self:start}@media (min-width:900px){.eb{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.eb-page{gap:var(--s-4);inline-size:100%;max-inline-size:var(--wide);padding-inline:var(--s-4);margin-inline:auto;padding-block-start:var(--s-2);display:grid}.eb-page .tool-h1{white-space:normal;overflow:visible}