#qr-tool .option-preview {
            width: 50px;
            height: 50px;
            border: 2px solid #ccc;
            margin: 5px;
            cursor: pointer;
            display: inline-block;
            border-radius: 10px;
        }
        #qr-tool .option-selected {
            border-color: #0d6efd !important;
        }
        #qr-tool #dimensionPreview {
            font-size: 0.9em;
            color: #555;
            margin-top: 5px;
        }
        #qr-tool #qrContainer svg {
            width: 100% !important;
            height: auto !important;
        }
#qr-tool .option-preview { background: #000; }
#qr-tool #moduloOptions [data-type="square"] { background: repeating-linear-gradient(45deg, #000, #000 10px, #fff 10px, #fff 20px); }
#qr-tool #moduloOptions [data-type="dots"] { background: radial-gradient(circle, #000 20%, transparent 20%); }
#qr-tool #moduloOptions [data-type="rounded"] { border-radius: 50%; }
#qr-tool .option-preview[data-preview="dot"] { background: radial-gradient(circle, #000 60%, transparent 60%); }
#qr-tool .option-preview[data-type="extra-rounded"] { border-radius: 25%; }