v3: editor fixes

src/App.css

@@ -2269,11 +2269,11 @@ body.has-player .fab-new {
 
 .modal-body {
   padding: 1rem 1.25rem;
-  overflow-y: auto;
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
+  min-height: 0;
 }
 
 .confirm-modal-message {
@@ -2296,6 +2296,8 @@ body.has-player .fab-new {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
+  overflow-y: auto;
+  max-height: 40vh;
 }
 
 .playlist-membership-row {
@@ -3278,14 +3280,20 @@ body.has-player .fab-new {
   overflow: hidden;
 }
 
-.emoji-picker-float input {
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-  padding: 8px 10px;
-  border: none;
+.emoji-picker-search-row {
+  display: flex;
+  align-items: center;
   border-bottom: 1px solid var(--color-border);
   background: var(--color-bg);
+}
+
+.emoji-picker-float input {
+  display: block;
+  flex: 1;
+  min-width: 0;
+  padding: 8px 10px;
+  border: none;
+  background: transparent;
   color: var(--color-text);
   font-size: 0.9rem;
   outline: none;
@@ -3293,6 +3301,22 @@ body.has-player .fab-new {
 .emoji-picker-float input::placeholder {
   color: var(--color-text-muted, #888);
 }
+
+.emoji-picker-close-btn {
+  flex-shrink: 0;
+  padding: 0 10px;
+  height: 100%;
+  background: none;
+  border: none;
+  color: var(--color-text);
+  opacity: 0.45;
+  cursor: pointer;
+  font-size: 0.75rem;
+  line-height: 1;
+}
+.emoji-picker-close-btn:hover {
+  opacity: 1;
+}
 /* frimousse uses bare attributes (no data- prefix) */
 .emoji-picker-float [frimousse-viewport] {
   max-height: 220px;