.system-toast-region{z-index:500;outline:0;gap:8px;width:min(390px,100vw - 32px);margin:0;padding:0;display:grid;position:fixed;bottom:18px;right:18px}.system-toast{border:1px solid var(--page-border,#cbd5df);background:var(--page-surface,#fff);color:var(--page-text,#243b53);animation:system-toast-enter .18s ease-out both,system-toast-exit .28s ease-in calc(var(--toast-duration,5s) - .28s) forwards;border-left:3px solid #2d6baa;border-radius:6px;grid-template-columns:22px minmax(0,1fr) 28px;align-items:start;gap:9px;padding:12px;display:grid;box-shadow:0 12px 38px #0f1f3238}.system-toast-region[data-hovered] .system-toast,.system-toast-region[data-focused] .system-toast{animation-play-state:paused}.system-toast[data-tone=success]{border-left-color:#287a59}.system-toast[data-tone=warning]{border-left-color:#b7791f}.system-toast[data-tone=error]{border-left-color:#b23a33}.system-toast>svg{color:#2d6baa;margin-top:2px}.system-toast[data-tone=success]>svg{color:#287a59}.system-toast[data-tone=warning]>svg{color:#b7791f}.system-toast[data-tone=error]>svg{color:#b23a33}.system-toast [slot=content]{gap:3px;display:grid}.system-toast strong{font-size:13px}.system-toast span{color:var(--page-muted,#62758a);font-size:12px;line-height:1.45}.system-toast button{width:28px;height:28px;color:var(--page-muted,#62758a);background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.system-toast button:hover{background:var(--page-subtle,#eef3f6)}@keyframes system-toast-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes system-toast-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(5px)scale(.985)}}