/* Reuse the kit's panel, button, field and theme tokens. */
.creation-choices { margin-bottom: 24px; }
.creation-actions { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0; max-width: 100%; }
.ai-generate-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; width: 330px; max-width: 100%; min-width: 0; }
.ai-model-choice { min-width: 0; }
.ai-model-choice select { width: 100%; min-width: 0; min-height: 44px; color: var(--mode-text); background-color: var(--mode-field); border: 1px solid var(--mode-border); border-radius: 6px; font: inherit; }
.ai-model-choice .sv-select-trigger { min-height: 44px; padding: 10px; gap: 8px; }
.ai-generate-controls > .button { min-width: 0; white-space: nowrap; }
.generation-model-controls.image-model-at-action > .field { grid-column: 2; }
.creation-dialog { width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; color: var(--mode-text, var(--text)); border-radius: 20px; overflow-y: auto; }
.creation-dialog::backdrop { background: rgb(0 0 0 / .5); }
.creation-dialog h2 { font-family: inherit; font-size: 20px; margin: 0; }
.creation-dialog .panel-top { display: flex; justify-content: space-between; gap: 12px; }
.creation-dialog .form-bottom { position: sticky; bottom: 0; background: var(--mode-panel, var(--panel)); }
.creation-dialog .form-bottom .button { min-width: 0; flex: 1; }
.creation-dialog .form-bottom:has(.ai-generate-controls) { flex-wrap: wrap; gap: 10px; }
.creation-dialog .form-bottom .ai-generate-controls { flex: 1 1 240px; }
.creation-plan { margin: 0; }
.creation-plan dt { font-size: 12px; font-weight: 600; margin-top: 16px; text-transform: capitalize; }
.creation-plan dt:first-child { margin-top: 0; }
.creation-plan dd { margin: 5px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
.account-header-link.home-account-avatar { display: inline-flex; width: 42px; height: 42px; min-width: 42px; padding: 0; border-radius: 50%; justify-content: center; overflow: hidden; }
.home-account-avatar [data-account-label], .has-home-photo > svg { display: none; }
.home-account-avatar img { width: 100%; height: 100%; object-fit: contain; border-radius: inherit; }
@media (max-width: 760px) {
  .generation-model-controls.image-model-at-action > .field { grid-column: auto; }
  .ai-model-choice select, .ai-model-choice .sv-select-trigger { font-size: 16px; }
}
@media (max-width: 600px) {
  .creation-dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
  .creation-actions { justify-content: flex-end; flex-basis: 100%; width: 100%; }
  .form-bottom:has(.creation-actions) { flex-wrap: wrap; gap: 10px; }
  .creation-actions .ai-generate-controls { width: 100%; }
  .creation-actions .button { min-width: 0; }
  [data-creation-field] { min-height: 88px; font-size: 16px; }
}