/* Plain-text QR codes can choose whether the shared page shows its copy button. */
#qr-form .qr-text-copy-setting { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; padding: 10px 12px; border: 1px solid rgba(216, 167, 183, .42); border-radius: 12px; background: rgba(255, 255, 255, .65); cursor: pointer; }
#qr-form .qr-text-copy-setting[hidden] { display: none; }
#qr-form .qr-text-copy-label { display: grid; gap: 2px; min-width: 0; }
#qr-form .qr-text-copy-label strong { color: var(--ink); font-size: 13px; line-height: 1.4; }
#qr-form .qr-text-copy-label small { color: var(--muted); font-size: 11px; font-weight: 400; line-height: 1.4; }
#qr-form #qr-allow-copy { position: absolute; width: 1px; height: 1px; opacity: 0; }
#qr-form .qr-copy-switch { position: relative; flex: 0 0 44px; width: 44px; height: 26px; border-radius: 99px; background: #a9a9b3; transition: background .2s; }
#qr-form .qr-copy-switch::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .22); transition: transform .2s; }
#qr-form #qr-allow-copy:checked + .qr-copy-switch { background: #e84f7b; }
#qr-form #qr-allow-copy:checked + .qr-copy-switch::after { transform: translateX(18px); }
#qr-form #qr-allow-copy:focus-visible + .qr-copy-switch { outline: 3px solid #b63663; outline-offset: 3px; }
body.dark-theme #qr-form .qr-text-copy-setting { border-color: #59627a; background: #282d3c; }
body.dark-theme #qr-form .qr-text-copy-label strong { color: #f1f2fb; }
body.dark-theme #qr-form .qr-text-copy-label small { color: #b5bfd0; }