/* SPDX-License-Identifier: MIT */
.vocal-editor{width:min(960px,96vw);max-width:960px;max-height:90vh;overflow:auto;border:1px solid #526a7c;border-radius:12px;background:#0d1721;color:#e6edf2;padding:18px}.vocal-editor::backdrop{background:#000b}.vocal-editor button,.vocal-editor .file-button,.vocal-editor select{min-height:44px;padding:10px 14px;font:600 12px system-ui}.vocal-editor .vocal-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.vocal-editor select,.vocal-editor input[type=number]{background:#101d2a;color:#e6edf2;border:1px solid #486074;border-radius:6px;padding:10px;min-height:44px;max-width:100%}.vocal-editor .vocal-selection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vocal-editor .vocal-selection label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b9c9d7}.vocal-editor canvas{width:100%;height:150px;display:block;border:1px solid #476172;border-radius:8px;touch-action:none;cursor:crosshair}.vocal-editor [data-id=status]{font-size:13px;color:#f1d68c;line-height:1.5;min-height:24px}.vocal-editor [data-id=length],.vocal-editor .vocal-hint{font-size:12px;color:#9db3c3;line-height:1.5}.vocal-clips{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #344b5c;padding-top:14px}.vocal-clips button[aria-pressed=true]{background:#e8bd67;border-color:#e8bd67;color:#09111a}.vocal-saved{display:grid;gap:8px;margin:12px 0}.vocal-saved button{text-align:left;white-space:normal;overflow-wrap:anywhere}.vocal-editor summary{min-height:44px;padding:12px 0;cursor:pointer}.vocal-editor audio{width:100%;margin:10px 0}.vocal-editor .drawer-header{top:-18px}.vocal-editor .file-button{margin:0}.vocal-editor button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:500px){.vocal-editor{padding:12px}.vocal-editor .vocal-tools{gap:6px}.vocal-editor .vocal-tools button{flex:1 0 42%;font-size:12px}.vocal-editor .vocal-selection{gap:6px}.vocal-editor .vocal-selection input{width:100%;padding:8px}.vocal-editor .vocal-selection label{font-size:10px}}