diff --git a/src/renderer/styles.css b/src/renderer/styles.css
index a219147..2f6fca1 100644
--- a/src/renderer/styles.css
+++ b/src/renderer/styles.css
@@ -181,8 +181,8 @@ body.in-session #sidebar { display: none; }
 .status-pill.on { background: color-mix(in srgb, var(--green) 14%, transparent); color: var(--green); }
 
 /* ---------- Drawer (Editor) ---------- */
-.drawer { position: absolute; top: 0; right: 0; bottom: 0; width: 400px; background: var(--bg-2); border-left: 1px solid var(--border); transform: translateX(100%); transition: transform .18s ease; z-index: 20; display: flex; flex-direction: column; box-shadow: -20px 0 40px #0006; }
-.drawer.open { transform: translateX(0); }
+.drawer { position: absolute; top: 0; right: 0; bottom: 0; width: 400px; background: var(--bg-2); border-left: 1px solid var(--border); transform: translateX(100%); visibility: hidden; transition: transform .18s ease, box-shadow .18s ease, visibility 0s linear .18s; z-index: 20; display: flex; flex-direction: column; box-shadow: none; }
+.drawer.open { transform: translateX(0); visibility: visible; box-shadow: -20px 0 40px #0006; transition: transform .18s ease, box-shadow .18s ease, visibility 0s; }
 .drawer header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--border); }
 .drawer header h2 { margin: 0; font-size: 15px; }
 .drawer .form { flex: 1; overflow: auto; padding: 16px 20px 20px; }