html[data-ui="workbench"] #toast {
  position: fixed;
  inset: calc(env(safe-area-inset-top, 0px) + 64px) 24px auto auto;
  bottom: auto;
  left: auto;
  transform: none;
  z-index: 100;
  display: grid;
  grid-template-columns: 4px minmax(0, 1fr) auto;
  gap: 0;
  align-items: stretch;
  width: min(420px, calc(100vw - 32px));
  max-width: none;
  padding: 0;
  overflow: hidden;
  border: 1px solid #dce1e8;
  border-radius: 14px;
  background: #fff;
  color: #1d2530;
  box-shadow: 0 16px 48px #1118272b, 0 3px 10px #1118270d;
}
html[data-ui="workbench"] #toast[hidden] { display: none; }
#toast .toast-accent { background: #6081a8; }
#toast[data-kind="error"] .toast-accent { background: #c07751; }
#toast .toast-content { display: grid; gap: 4px; min-width: 0; padding: 14px 10px 15px 16px; }
#toast .toast-title { color: #58697b; font-size: 11px; font-weight: 700; letter-spacing: .02em; }
#toast[data-kind="error"] .toast-title { color: #9a5c3e; }
#toast .toast-message { font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
#toast .toast-close { align-self: start; display: grid; place-items: center; width: 36px; height: 36px; margin: 5px 6px 0 0; border: 0; border-radius: 9px; background: transparent; color: #627084; font-size: 21px; cursor: pointer; }
#toast .toast-close:hover { background: #f1f4f8; color: #263443; }
#toast .toast-close:focus-visible { outline: 2px solid #5278a8; outline-offset: 1px; }
html[data-ui="workbench"] #toast[data-state="visible"] { animation: moi-toast-in 220ms cubic-bezier(.22,1,.36,1) both; }
html[data-ui="workbench"] #toast[data-state="leaving"] { animation: moi-toast-out 180ms ease-in both; pointer-events: none; }
@keyframes moi-toast-in { from { opacity: 0; transform: translateY(-8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes moi-toast-out { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(-6px) scale(.98); } }
html[data-ui="workbench"][data-theme="dark"] #toast { background: #282c33; border-color: #414751; color: #f1f3f5; box-shadow: 0 20px 50px #0008; }
[data-theme="dark"] #toast .toast-title { color: #adbaca; }
[data-theme="dark"] #toast[data-kind="error"] .toast-title { color: #e9ac8d; }
[data-theme="dark"] #toast .toast-close { color: #c6ced8; }
[data-theme="dark"] #toast .toast-close:hover { background: #3b424c; color: #fff; }
@media (max-width: 520px) {
  html[data-ui="workbench"] #toast { inset: calc(env(safe-area-inset-top, 0px) + 12px) 16px auto 16px; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ui="workbench"] #toast[data-state="visible"], html[data-ui="workbench"] #toast[data-state="leaving"] { animation: none; }
}