main {
    max-width: 34rem;
}

pair-wizard,
pair-panel,
qr-code {
    display: block;
}

/* Scanners want dark modules on a light ground: the code sits on its own
   white card whatever the page theme, and never overflows the card. */
qr-code svg {
    display: block;
    margin: 1rem auto;
    max-width: 100%;
    background: #ffffff;
}

pair-wizard textarea {
    min-height: 4.5rem;
    margin: 0.5rem 0;
    font-size: 0.8rem;
}

/* The compact copy affordance; the wrapped full-URL text is the terminal's
   rendering of the same invite and stays hidden here. */
pair-wizard .copy-link {
    display: inline-block;
    margin-bottom: 0.5rem;
}

pair-panel .link-text {
    display: none;
}

pair-wizard video {
    width: 100%;
    margin: 0.5rem 0;
    border-radius: var(--bs-border-radius);
}