.mb-edit{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--mb-color-action);border-radius:8px;background:var(--lime);color:var(--mb-color-on-action);cursor:pointer}.mb-edit-wide{display:inline-flex;gap:8px;width:auto;padding:0 14px;font-size:13px;font-weight:600;white-space:nowrap}.mb-edit:hover:not(:disabled){background:var(--mb-color-action-hover)}.mb-edit:disabled{opacity:.45;cursor:not-allowed}.mb-edit-actions{display:inline-flex;gap:8px}.mb-edit-done,.mb-edit-cancel{height:40px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.mb-edit-done{border:1px solid var(--green);background:var(--green);color:var(--mb-color-on-accent)}.mb-edit-cancel{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.mb-edit-done:disabled,.mb-edit-cancel:disabled{opacity:.45;cursor:not-allowed}.mb-editable{position:relative}.mb-edit-corner{position:absolute;top:12px;right:12px;z-index:2}.mb-editable[data-can-edit] .bf-sequence-list{padding-right:150px}@media(max-width:760px){.mb-editable .bf-sequence-list{flex-wrap:nowrap;overflow-x:auto;gap:2px}.mb-editable .bf-viewer-ball,.mb-editable .bf-sequence-entry{zoom:.8}.mb-editable .bf-viewer-ball,.mb-editable .bf-composer .bf-sequence-item.bf-ball,.mb-editable .bf-composer .bf-add-ball{min-width:46px}.mb-editable[data-can-edit] .bf-sequence-list{padding-right:52px}.mb-editable[data-editing] .bf-sequence-list{padding-right:0}.mb-editable[data-editing][data-can-edit] .bf-composer{padding-top:64px}}dialog.mb-confirm{width:min(420px,calc(100vw - 32px));max-width:none;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}dialog.mb-confirm::backdrop{background:var(--mb-color-overlay)}.mb-confirm h2{margin:0;font-size:18px;line-height:1.3}.mb-confirm p{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}.mb-confirm-field{display:grid;gap:6px;margin-top:14px;font-size:12px;font-weight:600}.mb-confirm-field input{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-weight:400;font-size:14px}.mb-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.mb-confirm-danger{border-color:var(--mb-color-danger);background:var(--mb-color-danger);color:var(--mb-color-on-danger)}.mb-control-label{font-size:15px;font-weight:650;color:var(--mb-color-ink)}.mb-control-note{font-size:13px;color:var(--mb-color-muted)}.mb-track-status{clear:both;margin:8px 0 0;font-size:12px;color:var(--mb-color-muted)}.mb-track-slider{min-width:0;margin:0;padding:0;border:0}.mb-track-slider>legend{float:left;padding:0;margin-bottom:10px}.mb-track-slider>.mb-control-note{float:right;line-height:22px}.mb-track{clear:both;display:grid;min-height:64px;padding:4px;border-radius:14px;background:var(--mb-color-panel-soft);cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none}.mb-track-rail{position:relative;display:grid;grid-template-columns:repeat(var(--mb-track-count),minmax(0,1fr))}.mb-track-trail{position:absolute;inset:0 auto 0 0;width:calc((var(--mb-track-at) + .5 / var(--mb-track-count)) * 100%);border-radius:10px;background:color-mix(in srgb,var(--mb-color-accent) 24%,var(--mb-color-panel-soft));transition:width .18s}.mb-track[data-endless] .mb-track-trail{width:100%}.mb-track-stop{position:relative;min-width:0;padding:0;border:0;border-radius:10px;background:none;color:var(--mb-color-ink);font-size:15px;font-weight:600;cursor:pointer}.mb-track-endless,.mb-track[data-endless] .mb-track-thumb{font-size:26px;line-height:1}.mb-track-thumb{position:absolute;top:0;bottom:0;left:calc(var(--mb-track-at) * 100%);width:calc(100% / var(--mb-track-count));transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:var(--mb-color-accent);color:var(--mb-color-on-accent);font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;cursor:ew-resize;touch-action:none;transition:left .18s}.mb-track[data-dragging] :is(.mb-track-thumb,.mb-track-trail){transition:none}.mb-track-thumb:focus-visible{outline:3px solid var(--mb-color-focus);outline-offset:2px}.mb-track-grip{width:10px;height:15px;background:radial-gradient(circle,currentColor 1.1px,transparent 1.5px) 0 0 / 5px 5px;opacity:.55}.mb-track-slider:disabled :is(.mb-track,.mb-track-stop,.mb-track-thumb){cursor:not-allowed}.mb-track-slider:disabled .mb-track-stop{color:var(--mb-color-disabled-ink)}.mb-track-slider:disabled .mb-track-grip{display:none}@media(prefers-reduced-motion:reduce){.mb-track-thumb,.mb-track-trail{transition:none}}.mb-more{position:relative}.mb-more>summary{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer;list-style:none}.mb-more>summary::-webkit-details-marker{display:none}.mb-more>summary svg{fill:currentColor}.mb-more[aria-disabled]>summary{opacity:.45;cursor:not-allowed}.mb-more-list{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:grid;min-width:220px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 8px 24px #0000001f}.mb-more-list button{padding:9px 10px;border:0;border-radius:6px;background:none;color:var(--ink);font-size:13px;text-align:left;cursor:pointer}.mb-more-list button:hover:not(:disabled){background:var(--line)}.mb-more-list button:disabled{opacity:.45;cursor:not-allowed}.mb-mode{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--mb-color-line);border-radius:8px;background:var(--mb-color-panel);color:var(--mb-color-ink);cursor:pointer}.mb-mode:hover{background:var(--mb-color-panel-hover);border-color:var(--mb-color-line-strong)}
