/* Container untuk membungkus kamera agar rasio 1:1 */
        .scanner-container {
            position: relative;
            /* GANTI 200px DI BAWAH INI MENJADI 20px JIKA INGIN SANGAT KECIL */
            width: 200px;  
            height: 200px;
            border: 2px solid #333;
            border-radius: 10px;
            overflow: hidden; /* Memotong video yang keluar dari kotak */
            background: #000;
            margin-bottom: 20px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }

        /* Elemen Video (Tampilan Kamera) */
        #videoPreview {
            width: 100%;
            height: 100%;
            object-fit: cover; /* KUNCI: Memaksa video mengisi kotak 1:1 tanpa gepeng */
        }

        /* Canvas tersembunyi (hanya untuk pemrosesan jsQR) */
        #canvasHidden {
            display: none;
        }

        /* Input Field */
        #searchInput {
            width: 250px;
            padding: 12px;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        .loading-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 12px;
            z-index: 0;
        }

/* Animasi Hover untuk Tombol */
    .transition-hover {
        transition: all 0.3s ease;
    }
    .transition-hover:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 15px rgba(13, 110, 253, 0.2) !important;
    }

    /* Memperbaiki tampilan logo jika belum ada src */
    .logo-wrapper {
        background: #f8f9fa url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="gray" viewBox="0 0 16 16"><path d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm8.5 9.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/></svg>') no-repeat center;
    }