.migration-shell { max-width: 1060px; }
.migration-content { padding: clamp(20px, 4vw, 48px); }
.migration-back { display: inline-block; margin-bottom: 28px; color: var(--color-accent); }
.migration-content h1 { font-size: clamp(32px, 5vw, 48px); line-height: 1.1; margin: 10px 0 20px; }
.migration-content h2 { margin: 0 0 18px; font-size: 26px; }
.migration-content p { line-height: 1.55; }
.migration-intro { max-width: 68ch; font-size: 18px; }
.migration-notice { border-left: 2px solid var(--color-accent); padding: 14px 18px; margin: 24px 0 32px; background: var(--color-accent-subtle, #b6823510); }
.migration-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.migration-columns section { min-width: 0; }
.migration-columns form { display: grid; gap: 10px; margin-top: 22px; }
.migration-columns input:not([type=checkbox]) { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; min-height: 44px; border: 1px solid var(--color-divider); border-radius: 3px; padding: 10px; background: var(--color-bg); color: var(--color-text); font: inherit; }
.migration-columns input[type=file] { font-size: 14px; }
.migration-columns button { min-height: 44px; white-space: normal; }
.migration-hint { color: var(--color-text-muted, #666); font-size: 14px; }
#import-review { margin-top: 24px; padding-top: 12px; border-top: 1px solid var(--color-divider); }
#import-review[hidden] { display: none; }
.migration-confirm { display: flex; align-items: flex-start; gap: 10px; margin: 20px 0; line-height: 1.5; }
.migration-confirm input { flex: 0 0 auto; width: 20px; height: 20px; margin: 2px 0 0; }
[data-error=true] { color: #9e2929; }
@media (max-width: 700px) {
  .migration-columns { grid-template-columns: 1fr; gap: 32px; }
  .migration-columns section + section { padding-top: 28px; border-top: 1px solid var(--color-divider); }
  .migration-content { padding: 20px; }
}