feat: expand screeners and stabilize interactive feedback

static/styles.css

@@ -3983,20 +3983,29 @@ dialog::backdrop {
   to { transform: rotate(360deg); }
 }
 
-.toast {
+#toast.toast {
   position: fixed;
+  top: auto;
+  left: auto;
   right: 18px;
   bottom: 48px;
   z-index: 60;
+  width: max-content;
+  height: auto;
   max-width: min(420px, calc(100vw - 36px));
   padding: 11px 14px;
   border-radius: 4px;
   background: #21313c;
   color: #fff;
   box-shadow: var(--shadow);
+  opacity: 1;
+  pointer-events: none;
+  transform: none;
   animation: toast-enter var(--motion-medium) var(--ease-out) both;
 }
 
+#toast.toast[hidden] { display: none; }
+
 @keyframes toast-enter {
   from { opacity: 0; transform: translateY(8px); }
   to { opacity: 1; transform: translateY(0); }
@@ -5147,10 +5156,15 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
     display: none;
   }
 
-  .toast {
+  #toast.toast {
+    top: auto;
+    left: auto;
     right: 10px;
     bottom: 76px;
+    width: max-content;
+    height: auto;
     max-width: calc(100vw - 20px);
+    transform: none;
   }
 }