:root{--button-radius:8px;--button-height:36px;--button-fill:#303339;--button-border:#ffffff16;--button-accent:#6554e8;--button-focus:#83dace}:is(.ui-button,.modal-primary,.modal-secondary,button.primary,button.export,.share-session,.panel-empty-action,.mixer-button){min-height:var(--button-height);border:1px solid var(--button-border);border-radius:var(--button-radius);background:var(--button-fill);color:#eeeef2;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:550;line-height:18px;transition:background-color .12s,border-color .12s,color .12s,transform .12s ease-out;display:inline-flex;box-shadow:inset 0 1px #ffffff06,0 1px 2px #0002}:is(.ui-button.ui-button--primary,.modal-primary,button.primary,button.export){background:var(--button-accent);color:#fff;border-color:#ffffff14}.ui-button.ui-button--ghost{box-shadow:none;color:#b8bec8;background:0 0;border-color:#0000}.ui-button.ui-button--danger{color:#ffb0bc;background:#442a30;border-color:#ff8b9b25}.ui-button.ui-button--sm{border-radius:6px;min-height:28px;padding:4px 10px;font-size:12px}.ui-button.ui-button--lg{min-height:44px;padding:12px 18px;font-size:14px}.ui-button.ui-button--icon{width:36px;padding:8px}.ui-button.ui-button--icon.ui-button--sm{width:28px;padding:4px}.ui-button.ui-button--icon.ui-button--lg{width:44px;padding:12px}.ui-button svg{width:16px;height:16px}:is(.ui-button,.modal-primary,.modal-secondary,button.primary,button.export,.share-session,.panel-empty-action,.mixer-button):focus-visible:where(html[data-keyboard-focus] *),.icon-button:focus-visible:where(html[data-keyboard-focus] *){outline:2px solid var(--button-focus);outline-offset:2px}:is(.ui-button,.modal-primary,.modal-secondary,button.primary,button.export,.share-session,.panel-empty-action,.mixer-button):disabled{opacity:.4;cursor:default;transform:none}.ui-button[aria-pressed=true],.mixer-button[aria-pressed=true]{color:#99e3d7;background:#233e3c;border-color:#66cbb55c}@media (hover:hover){:is(.ui-button,.modal-primary,.modal-secondary,button.primary,button.export,.share-session,.panel-empty-action,.mixer-button):hover:not(:disabled){background:#3c4047;border-color:#ffffff28}:is(.ui-button.ui-button--primary,.modal-primary,button.primary,button.export):hover:not(:disabled){background:#7665f1}.ui-button.ui-button--ghost:hover:not(:disabled){background:#ffffff09}.ui-button.ui-button--danger:hover:not(:disabled){background:#58323a;border-color:#ff8b9b45}}:is(.ui-button,.modal-primary,.modal-secondary,button.primary,button.export,.share-session,.panel-empty-action,.mixer-button):active:not(:disabled){transform:scale(.97)}.ui-button[aria-busy=true]{color:#0000;opacity:.75;position:relative}.ui-button[aria-busy=true] svg{visibility:hidden}.ui-button[aria-busy=true]:after{content:"";border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.65s linear infinite button-spin;position:absolute}@keyframes button-spin{to{transform:rotate(360deg)}}.ui-field{color:#b8bec8;flex-direction:column;gap:8px;font-size:12px;display:flex}.ui-input{font:inherit;color:#eeeef2;background:#181a1e;border:1px solid #ffffff17;border-radius:8px;min-height:36px;padding:9px 12px}.ui-input:focus-visible:where(html[data-keyboard-focus] *){outline:2px solid var(--button-focus);outline-offset:2px}.ui-input:disabled{opacity:.4}.ui-input[aria-invalid=true]{border-color:#e68291}.ui-field small{color:#8c939f}.ui-field:has([aria-invalid=true]) small{color:#f2a5b1}@media (prefers-reduced-motion:reduce){.ui-button{transition:none!important}.ui-button:active:not(:disabled){transform:none!important}.ui-button[aria-busy=true]:after{border-top-color:#fff;border-right-color:#fff;animation:none}}