@scope (.import-tmdb-page) {
  :scope {
    padding-block: var(--space-6);
  }

  form {
    max-width: 45rem;
  }

  h1, h2, p {
    margin: 0;
  }

  input, select, button {
    min-width: 0;
    font: inherit;
    color: var(--color-text);
    background: var(--color-bg);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-control);
  }

  button {
    cursor: pointer;
    font-weight: 700;
    background: var(--color-primary);
    color: var(--color-on-primary);
  }

  button:disabled {
    cursor: default;
    opacity: 0.6;
  }

  input:focus-visible, select:focus-visible, button:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  label {
    display: grid;
    gap: var(--space-2);
  }

  input, select, button {
    padding: var(--space-3);
  }

  .import-error {
    color: var(--color-text);
    font-weight: 700;
  }

  .import-status {
    padding-block: var(--space-4);
  }
}