.studio-toasts { position:fixed; z-index:2000; top:24px; right:24px; width:min(420px,calc(100vw - 32px)); pointer-events:none; font:14px/1.5 Inter,sans-serif; color:#292e2c; max-height:calc(100dvh - 48px); overflow-y:auto; }
.studio-toast { display:flex; align-items:flex-start; gap:12px; padding:17px; margin-bottom:12px; border:1px solid #d9e5de; border-left:4px solid #298e7c; border-radius:12px; background:#fff; box-shadow:0 8px 30px #292e2c1f; pointer-events:auto; animation:toast-appear .16s ease-out; }
.studio-toast__icon { display:inline-flex; justify-content:center; align-items:center; flex:0 0 26px; height:26px; border-radius:50%; background:#eaf5ef; color:#236e5b; font-weight:700; font-size:18px; }
.studio-toast__content { flex:1; min-width:0; overflow-wrap:anywhere; }
.studio-toast__content strong { display:block; font-weight:600; margin:1px 0 3px; }
.studio-toast__content p { margin:0; color:#4e5951; font-size:14px; }
.studio-toast__close { flex:0 0 32px; width:32px; height:32px; padding:0; border:0; border-radius:6px; background:transparent; color:#626963; cursor:pointer; font:24px/1 sans-serif; }
.studio-toast__close:hover { background:#f4f5f0; }
.studio-toast__close:focus-visible { outline:3px solid #298e7c; outline-offset:2px; }
.studio-toast--warning { border-color:#ead9b3; border-left-color:#a47727; background:#fffbef; }
.studio-toast--warning .studio-toast__icon { background:#f7eac8; color:#805b17; }
.studio-toast--error { border-color:#e8c9c3; border-left-color:#ad4b3a; background:#fff6f3; }
.studio-toast--error .studio-toast__icon { background:#f8d3cd; color:#923f32; }
.studio-toast--info { border-left-color:#6b8278; }
.studio-toasts--modal { position:sticky; top:0; right:auto; width:100%; max-height:40dvh; margin:0 0 12px; }
.studio-toasts--modal:not(:has(.studio-toast)) { display:none; }
@keyframes toast-appear { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:600px) { .studio-toasts { top:16px; right:16px; } .studio-toasts--modal { top:0;right:auto; } }
@media(prefers-reduced-motion:reduce) { .studio-toast { animation:none; } }