.creator-editor { display: grid; gap: 24px; padding-block: 40px 64px; }
.creator-editor > h1 { max-width: none; margin: 0; font-size: clamp(28px, 4vw, 36px); line-height: 1.2; }
.creator-editor__columns { display: grid; grid-template-columns: minmax(0, 1fr) 336px; gap: 32px; align-items: start; }
.creator-editor__panel { display: grid; gap: 24px; min-width: 0; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius-image); background: var(--surface); }
.creator-editor__panel > .profile-images { min-width: 0; grid-template-columns: minmax(0, 1fr); }
.creator-editor__form { display: grid; gap: 24px; min-width: 0; }
.creator-editor__form > .button { justify-self: start; }
.creator-editor__preview { display: grid; gap: 16px; min-width: 0; position: sticky; top: 24px; }
.creator-editor__preview > a { justify-self: start; }
@media (max-width: 1023px) {
  .creator-editor__columns { grid-template-columns: minmax(0, 1fr); }
  .creator-editor__preview { position: static; }
}
@media (max-width: 767px) {
  .creator-editor { padding-top: 32px; }
  .creator-editor__panel { padding: 16px; }
  .creator-editor__form > .button { width: 100%; }
}