#qr-scanner-wrap { max-width: 480px; margin: 0 auto; font-family: sans-serif; }

.qr-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
.qr-tab  { flex: 1; padding: 10px; border: 2px solid #ddd; background: #f9f9f9;
    border-radius: 6px; cursor: pointer; font-size: 15px; }
    .qr-tab.active { border-color: #0073aa; background: #0073aa; color: #fff; }

    #qr-video { width: 100%; border-radius: 8px; background: #000; }

    .qr-upload-label { display: block; border: 2px dashed #aaa; border-radius: 8px;
        padding: 40px; text-align: center; cursor: pointer; color: #666; }
        #qr-file-input { display: none; }

        #qr-result { padding: 14px; border-radius: 6px; margin-top: 16px; font-weight: 600; }
        .qr-result-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
        .qr-result-error   { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
        .qr-result-info    { background: #d1ecf1; color: #0c5460; border: 1px solid #bee5eb; }