.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);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[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)}