.multistate-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;margin:0;border:1px solid #f0f0f0;border-radius:12px;background:#fff;box-shadow:0 1px 1px rgba(48,48,48,.04),0 2px 1px rgba(48,48,48,.03),0 3px 1px rgba(48,48,48,.01),0 5px 1px rgba(48,48,48,0);font-weight:500;color:#3d3d3d;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.multistate-button[data-phase=generating],.multistate-button[data-phase=success]{cursor:default}.multistate-button-pattern{position:absolute;inset:0;overflow:hidden;border-radius:11px;pointer-events:none}.multistate-button-pattern svg{display:block}.multistate-button-cell{fill:#171717;fill-opacity:calc(var(--glow)*.05);transition:fill-opacity .5s ease;transition-delay:calc((1 - var(--spread))*.2s)}.multistate-button[data-phase=error] .multistate-button-cell,.multistate-button[data-phase=generating] .multistate-button-cell,.multistate-button[data-phase=success] .multistate-button-cell{fill-opacity:0;transition-duration:.25s;transition-delay:0s}.multistate-button-cell.is-pulsing{animation:multistate-button-pulse .55s ease-out}.multistate-button[data-phase=success] .multistate-button-cell{animation:multistate-button-ripple .55s ease-out;animation-delay:calc(var(--mid)*.43s)}.multistate-button[data-phase=error] .multistate-button-cell{animation:multistate-button-error-ripple .55s ease-out;animation-delay:calc((1 - var(--mid))*.43s)}@keyframes multistate-button-pulse{0%{fill-opacity:0}15%{fill:#5d5d5d;fill-opacity:.15}to{fill-opacity:0}}@keyframes multistate-button-ripple{35%{fill:#16a34a;fill-opacity:.25}}@keyframes multistate-button-error-ripple{35%{fill:#dc2626;fill-opacity:.25}}.multistate-button-labels{position:relative;display:grid}.multistate-button-label{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.multistate-button-label .lucide{flex-shrink:0;stroke-width:2.3px}.multistate-button-label[data-label=success]{color:#15803d}.multistate-button-label[data-label=error]{color:#b91c1c}@media(prefers-reduced-motion:reduce){.multistate-button-cell{transition:none;animation:none!important}.multistate-button[data-phase=generating] .multistate-button-cell{fill-opacity:.05}.multistate-button[data-phase=success] .multistate-button-cell{fill:#16a34a;fill-opacity:.2}.multistate-button[data-phase=error] .multistate-button-cell{fill:#dc2626;fill-opacity:.2}}