.ui-alert{gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border:1px solid var(--alert-bd);border-radius:var(--r-md);background:var(--alert-bg);color:var(--alert-fg);font-size:var(--fs-md);flex-direction:column;display:flex}.ui-alert-title{font-weight:600}.ui-alert-info{--alert-bg:var(--tone-blue-bg);--alert-fg:var(--tone-blue-fg);--alert-bd:var(--tone-blue-bd)}.ui-alert-success{--alert-bg:var(--tone-green-bg);--alert-fg:var(--tone-green-fg);--alert-bd:var(--tone-green-bd)}.ui-alert-warning{--alert-bg:var(--tone-amber-bg);--alert-fg:var(--tone-amber-fg);--alert-bd:var(--tone-amber-bd)}.ui-alert-danger{--alert-bg:var(--tone-red-bg);--alert-fg:var(--tone-red-fg);--alert-bd:var(--tone-red-bd)}.ui-btn{min-height:var(--tap);min-width:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-weight:500;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.ui-btn:disabled{cursor:not-allowed;opacity:.55}.ui-btn svg{flex:none;width:16px;height:16px}.ui-btn-primary{background:var(--accent-fill);color:var(--on-accent)}.ui-btn-primary:hover:not(:disabled){background:var(--accent-fill-hover)}.ui-btn-secondary{background:var(--surface);color:var(--text-2);border-color:var(--border)}.ui-btn-secondary:hover:not(:disabled){background:var(--surface-2)}.ui-btn-ghost{color:var(--text-2);background:0 0}.ui-btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.ui-btn-success{background:var(--success-bg);color:var(--success-text)}.ui-btn-danger{background:var(--danger-bg);color:var(--danger-text)}.ui-btn-sm{min-height:var(--tap-sm);min-width:0;padding:0 var(--sp-3);font-size:var(--fs-xs)}.ui-btn-sm:after{content:"";inset:calc((var(--tap-sm) - var(--tap)) / 2) 0;position:absolute}