.sample-mir-editor { color: inherit; background: inherit; font: inherit; min-width: 0; --sme-wave-color: currentColor; --sme-selection-color: rgba(128,128,128,.25); }
.sample-mir-editor .sme-toolbar { display:flex; flex-wrap:wrap; gap:.25rem; align-items:center; padding:.25rem 0; }
.sample-mir-editor .sme-toolbar button { color:inherit; background:var(--sme-control-background,transparent); border:1px solid var(--sme-border-color,currentColor); border-radius:.2rem; font:inherit; padding:.25rem .45rem; cursor:pointer; }
.sample-mir-editor .sme-toolbar button:disabled { opacity:.4; cursor:default; }
.sample-mir-editor .sme-toolbar button[aria-pressed="true"] { outline:2px solid currentColor; outline-offset:-3px; }
.sample-mir-editor .sme-wave { position:relative; width:100%; min-height:180px; overflow:hidden; border:1px solid var(--sme-border-color,currentColor); box-sizing:border-box; }
.sample-mir-editor .sme-wave canvas { display:block; width:100%; height:180px; touch-action:none; }
.sample-mir-editor .sme-playhead { position:absolute; top:0; bottom:0; width:1px; background:var(--sme-playhead-color,currentColor); pointer-events:none; }
.sample-mir-editor [hidden] { display:none!important; }
.sample-mir-editor .sme-ranges { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; padding:.25rem 0; }
.sample-mir-editor .sme-ranges input { width:7em; color:inherit; background:inherit; font:inherit; border:1px solid var(--sme-border-color,currentColor); }
.sample-mir-editor .sme-ranges select { color:inherit; background:inherit; font:inherit; }
.sample-mir-editor .sme-info { display:block; font-size:.8em; overflow-wrap:anywhere; }
.sample-mir-editor .sme-identity { display:flex; justify-content:flex-end; padding:.1rem 0; }
.sample-mir-editor .sme-version { font-size:10px; line-height:1.4; color:inherit; opacity:.8; overflow-wrap:anywhere; }
.sample-mir-editor :focus-visible { outline:2px solid var(--sme-focus-color,currentColor); outline-offset:2px; }