/* edit.js: a prompt being edited — the bubble widens into its editor, its words and row step aside. */

.turn-user.editing { width: min(78%, 36rem); }
.turn-user.editing > :is(.text, .turn-tools) { display: none; }
.prompt-editor { display: grid; gap: var(--sv-space-2); }
.prompt-editor-input { width: 100%; min-height: 24px; resize: none; line-height: 1.5; padding: var(--sv-space-2); }
.prompt-editor-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--sv-space-2); }
.prompt-editor-hint { margin-right: auto; color: var(--sv-ink-tertiary); font-size: var(--ui-meta); }
.prompt-editor-actions button { min-height: 30px; padding: 0 var(--sv-space-3); }
@media (hover: none), (max-width: 760px) {
  .turn-user.editing { width: 100%; }
  .prompt-editor-actions button { min-height: 44px; }
}