diff --git a/index.html b/index.html
index 03197b2..eecf626 100644
--- a/index.html
+++ b/index.html
@@ -57,7 +57,7 @@ <h1 class="h1">Golden Github Seeds</h1>
   <aside class="feedback-panel" id="feedbackPanel" aria-label="Feedback" aria-hidden="true">
 
     <!-- ── EDIT VARIANT ── -->
-    <div class="feedback-box" id="editVariant" role="dialog" aria-modal="true" aria-labelledby="editTitle">
+    <div class="feedback-box" id="editVariant" role="dialog" aria-modal="true" aria-labelledby="editTitle" hidden>
       <div class="actionBar actionBar--bordered">
         <h3 class="h3" id="editTitle">Feedback</h3>
         <button class="icon-btn" id="closeEditBtn" aria-label="Close">
diff --git a/style.css b/style.css
index 9b5b21c..f649ad3 100644
--- a/style.css
+++ b/style.css
@@ -237,22 +237,21 @@ button { font-family: inherit; cursor: pointer; }
    FEEDBACK PANEL
    ==================================================================== */
 .feedback-panel {
-  position:  fixed;
-  top:       var(--padding-lg);
-  right:     var(--padding-lg);
-  width:     var(--panel-w);
-  max-height: calc(100vh - var(--padding-lg) * 2);
-  display:   flex;
-  align-items: flex-start;
-  z-index:   200;
-  /* hidden off-screen by default */
-  transform: translateX(calc(100% + var(--padding-lg)));
+  position:   fixed;
+  top:        var(--padding-lg);
+  bottom:     var(--padding-lg);
+  right:      var(--padding-lg);
+  width:      var(--panel-w);
+  /* stack children; only one is ever visible at a time */
+  display:    block;
+  z-index:    200;
+  transform:  translateX(calc(100% + var(--padding-lg)));
   transition: transform 0.35s var(--ease);
   pointer-events: none;
 }
 
 .feedback-panel.is-open {
-  transform:     translateX(0);
+  transform:      translateX(0);
   pointer-events: all;
 }
 
@@ -260,16 +259,19 @@ button { font-family: inherit; cursor: pointer; }
    FEEDBACK BOX (shared shell)
    ==================================================================== */
 .feedback-box {
-  width:       100%;
-  max-height:  calc(100vh - var(--padding-lg) * 2);
-  background:  var(--bg-secondary);
-  border:      4px solid var(--bg-tertiary);
-  border-radius: var(--radii-md);
-  display:     flex;
+  width:          100%;
+  height:         100%;
+  background:     var(--bg-secondary);
+  border:         4px solid var(--bg-tertiary);
+  border-radius:  var(--radii-md);
+  display:        flex;
   flex-direction: column;
-  overflow:    hidden;
+  overflow:       hidden;
 }
 
+/* hide the [hidden] boxes — belt-and-suspenders */
+.feedback-box[hidden] { display: none !important; }
+
 /* ── Action Bar ── */
 .actionBar {
   flex:        none;
@@ -409,10 +411,10 @@ button { font-family: inherit; cursor: pointer; }
     bottom:     0;
     left:       0;
     width:      100%;
-    max-height: 88vh;
+    height:     88vh;
     padding:    var(--padding-md);
     transform:  translateY(100%);
-    align-items: flex-end;
+    display:    block;
   }
 
   .feedback-panel.is-open { transform: translateY(0); }