:root{--button-radius:var(--radius-field,12px);--button-icon-radius:var(--radius-control,8px);--button-large-height:48px;--button-primary:#2563eb;--button-primary-hover:#1d4ed8;--button-primary-pressed:#1e40af}:where(.uiButton){display:inline-flex}.uiButton{--button-height:40px;--button-font-size:14px;--button-line-height:20px;--button-bg:var(--button-primary);--button-fg:#fff;--button-border:transparent;--button-hover-bg:var(--button-primary-hover);--button-hover-fg:#fff;--button-hover-border:transparent;--button-pressed-bg:var(--button-primary-pressed);min-height:var(--button-height);min-width:0;height:auto;padding:calc((var(--button-height) - var(--button-line-height) - 2px) / 2) 14px;border:1px solid var(--button-border);border-radius:var(--button-radius);background:var(--button-bg);color:var(--button-fg);font-family:inherit;font-size:var(--button-font-size);font-weight:600;line-height:var(--button-line-height);text-align:center;white-space:normal;overflow-wrap:anywhere;box-shadow:none;cursor:pointer;justify-content:center;align-items:center;gap:8px;transition:background-color .15s,border-color .15s,color .15s;position:relative}.uiButton[data-ui-size=compact]{--button-height:36px}.uiButton[data-ui-size=form]{--button-height:44px}.uiButton[data-ui-size=large]{--button-height:var(--button-large-height);--button-font-size:16px;--button-line-height:24px;padding-inline:18px}.uiButton[data-ui-variant=secondary]{--button-bg:#fff;--button-fg:#334155;--button-border:#cbd5e1;--button-hover-bg:#eff6ff;--button-hover-fg:#2563eb;--button-hover-border:#2563eb;--button-pressed-bg:#dbeafe}.uiButton[data-ui-variant=ghost],.uiButton[data-ui-variant=destructive-ghost]{--button-bg:transparent;--button-fg:#334155;--button-hover-bg:#eff6ff;--button-hover-fg:#2563eb;--button-pressed-bg:#dbeafe}.uiButton[data-ui-variant=destructive]{--button-bg:#dc2626;--button-hover-bg:#b91c1c;--button-pressed-bg:#991b1b}.uiButton[data-ui-variant=destructive-ghost]{--button-fg:#b91c1c;--button-hover-fg:#991b1b;--button-hover-bg:#fef2f2;--button-pressed-bg:#fee2e2}.uiButton[data-ui-variant=ghost][data-ui-surface=dark],.uiButton[data-ui-variant=ghost][data-ui-surface=panel],.uiButton[data-ui-variant=ghost][data-ui-surface=overlay]{--button-fg:#f8fafc;--button-hover-bg:#1e3a5f;--button-hover-fg:#bfdbfe;--button-pressed-bg:#172f50}.uiButton[data-ui-variant=ghost][data-ui-surface=overlay]{--button-bg:#0f172a}@media (max-width:760px){.uiButton[data-ui-variant=ghost][data-ui-surface=panel]{--button-fg:#334155;--button-hover-bg:#eff6ff;--button-hover-fg:#2563eb;--button-pressed-bg:#dbeafe}}.uiButton[data-ui-icon][data-ui-variant=ghost][aria-expanded=true]:not(:disabled){background:var(--button-hover-bg);color:var(--button-hover-fg)}.uiButton[data-ui-icon]{width:var(--button-height);min-width:var(--button-height);height:var(--button-height);border-radius:var(--button-icon-radius);flex-shrink:0;padding:0}.uiButton svg{flex-shrink:0;width:18px;height:18px}@media (hover:hover) and (pointer:fine){.uiButton:hover:not(:disabled){background:var(--button-hover-bg);border-color:var(--button-hover-border);color:var(--button-hover-fg)}}.uiButton:active:not(:disabled){background:var(--button-pressed-bg);border-color:var(--button-hover-border);color:var(--button-hover-fg)}.uiButton:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.uiButton:disabled{color:#64748b;cursor:not-allowed;opacity:1;background:#f1f5f9;border-color:#e2e8f0}.uiButton[data-ui-variant=ghost]:disabled,.uiButton[data-ui-variant=destructive-ghost]:disabled{background:0 0;border-color:#0000}.uiButton[data-ui-surface=dark]:disabled,.uiButton[data-ui-surface=panel]:disabled,.uiButton[data-ui-surface=overlay]:disabled{color:#94a3b8}.uiButton[data-ui-surface=overlay]:disabled{background:#0f172a}@media (max-width:760px){.uiButton[data-ui-surface=panel]:disabled{color:#64748b}}.uiButtonLabel{justify-content:center;align-items:center;gap:inherit;min-width:0;display:inline-flex}.uiButton[data-ui-loading] .uiButtonLabel{opacity:0}.uiButton .uiButtonSpinner{position:absolute}.croppingPanelActions:has(>.uiButton){flex-wrap:wrap;gap:8px;display:flex}.croppingPanelActions>.uiButton{flex:auto;width:auto}@media (max-width:760px){:root{--button-large-height:40px}.uiButton[data-ui-size=compact]{--button-height:38px}.uiButton[data-ui-size=standard]{--button-height:40px}.uiButton[data-ui-size=form]{--button-height:44px;--button-font-size:16px;--button-line-height:24px}.uiButton[data-ui-size=large]{--button-height:var(--button-large-height);--button-font-size:14px;--button-line-height:20px}.modalCard>.inlineActions:has(>.uiButton){flex-wrap:wrap;gap:8px;display:flex}.workspaceModalActions:has(>.uiButton){flex-wrap:wrap;gap:8px;display:flex}.modalCard>.inlineActions>.uiButton,.workspaceModalActions>.uiButton{flex:auto;width:auto}}@media (pointer:coarse),(max-width:760px){.materialTopbarHistory:has(>.uiButton){gap:8px}.uiButton:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.uiButton{transition:none}}