.wp-qr-code-generator{max-width:1200px;margin:2rem auto;padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width:768px){.wp-qr-code-generator{grid-template-columns:1fr}}.qr-code-form,.qr-code-preview{padding:1.5rem;background:#f8f9fa;border-radius:6px}.wp-qr-code-generator h2{margin:0 0 1.5rem;color:#333;font-size:1.5rem}.data-type-selection,.qr-options{margin-bottom:2rem}.data-type-selection h3,.size-selection h3,.format-selection h3,.logo-selection h3{margin:0 0 1rem;font-size:1.2rem;color:#555}.data-type-selection label,.size-selection label,.format-selection label{display:inline-block;margin-right:1.5rem;margin-bottom:.5rem;cursor:pointer}.qr-options{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width:480px){.qr-options{grid-template-columns:1fr}}.logo-selection{grid-column:1/-1}.logo-upload{margin-bottom:1rem}.upload-button{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.upload-button:hover{background:#5a6268}.logo-preview{margin-top:1rem;position:relative;display:inline-block}.logo-preview img{max-width:100px;max-height:100px;border-radius:4px;border:1px solid #ddd}.remove-logo{position:absolute;top:-10px;right:-10px;background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-logo:hover{background:#c82333}.logo-size{margin-top:1rem}.logo-size label{display:block;margin-bottom:.5rem;color:#555}.logo-size input[type=range]{width:100%;margin-bottom:.5rem}.logo-size span{display:block;text-align:right;color:#666;font-size:.9rem}.utm-parameters{margin-top:1rem}.utm-toggle{background:#f8f9fa;border:1px solid #ddd;padding:.5rem 1rem;border-radius:4px;cursor:pointer;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;color:#555;font-size:.9rem;transition:all .2s}.utm-toggle:hover{background:#e9ecef}.utm-toggle .toggle-icon{transition:transform .2s}.utm-toggle.active .toggle-icon{transform:rotate(180deg)}.utm-fields{margin-top:1rem;padding:1rem;background:#fff;border:1px solid #ddd;border-radius:4px}.utm-field{margin-bottom:1rem}.utm-field:last-child{margin-bottom:0}.utm-field label{display:block;margin-bottom:.5rem;color:#555;font-size:.9rem}.utm-field input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.input-fields{margin-bottom:1.5rem}.input-field{margin-bottom:1rem}.input-field label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.input-field input,.input-field textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.input-field textarea{min-height:100px;resize:vertical}.generate-button,.download-button{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.generate-button:hover,.download-button:hover{background:#0056b3}.download-button{background:#28a745;margin-top:1rem}.download-button:hover{background:#218838}#qr-code-output{display:flex;justify-content:center;align-items:center;min-height:128px;background:#fff;border-radius:4px;padding:1rem;margin-bottom:1rem}#qr-code-output canvas,#qr-code-output svg{max-width:100%;height:auto}