.qr-generator-enhanced{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.qr-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:white;padding:2rem;border-radius:15px;margin-bottom:2rem;box-shadow:0 10px 30px rgba(102,126,234,.3);position:relative;overflow:hidden}.qr-header::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.qr-header h1{font-weight:700;margin-bottom:.5rem;position:relative;z-index:1}.qr-header p{opacity:.9;margin-bottom:0;position:relative;z-index:1}.content-type-selector{background:white;border-radius:15px;padding:1.5rem;box-shadow:0 5px 20px rgba(0,0,0,.08);margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease}.content-type-selector:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.content-type-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.content-type-tab{padding:.75rem 1.25rem;border:2px solid #e9ecef;background:white;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:500;display:flex;align-items:center;gap:.5rem}.content-type-tab:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-1px)}.content-type-tab.active{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:white;border-color:transparent;box-shadow:0 4px 15px rgba(102,126,234,.3)}.content-type-tab i{font-size:1.1rem}.input-section{background:white;border-radius:15px;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08);margin-bottom:2rem;transition:transform .3s ease}.input-section:hover{transform:translateY(-2px)}.form-floating{margin-bottom:1.5rem}.form-control,.form-select{border-radius:10px;border:2px solid #e9ecef;padding:.75rem 1rem;transition:all .3s ease;font-size:1rem}.form-control:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.form-label{font-weight:600;color:#495057;margin-bottom:.5rem}.qr-display-section{background:white;border-radius:15px;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08);text-align:center;position:relative;overflow:hidden}.qr-display-section::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:gradient 3s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}#qrcode{display:inline-block;padding:1rem;background:white;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin:1rem 0;transition:transform .3s ease}#qrcode:hover{transform:scale(1.05)}#qrcode canvas{border-radius:8px}.qr-placeholder{padding:3rem;color:#6c757d;font-style:italic}.settings-panel{background:#f8f9ff;border-radius:15px;padding:1.5rem;margin-top:1.5rem;border:2px solid #e9ecef}.settings-title{font-weight:600;color:#495057;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.color-customization{background:white;border-radius:15px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.color-presets{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.color-preset{width:40px;height:40px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .3s ease;position:relative}.color-preset:hover{transform:scale(1.1);border-color:#667eea}.color-preset.active{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2)}.color-input-group{display:flex;align-items:center;gap:1rem;margin-top:1rem}.color-input{width:60px;height:40px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer}.action-buttons{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.btn-enhanced{padding:.75rem 1.5rem;border-radius:50px;font-weight:600;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;cursor:pointer}.btn-enhanced:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.btn-primary-enhanced{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:white}.btn-success-enhanced{background:linear-gradient(135deg,#11998e 0,#38ef7d 100%);color:white}.btn-info-enhanced{background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%);color:white}.batch-section{background:white;border-radius:15px;padding:2rem;margin-top:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.batch-item{text-align:center;padding:1rem;border:2px solid #e9ecef;border-radius:10px;transition:all .3s ease}.batch-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.batch-item canvas{border-radius:8px;margin-bottom:.5rem}.batch-item-label{font-size:.9rem;color:#6c757d;margin-top:.5rem}.test-section{background:white;border-radius:15px;padding:2rem;margin-top:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.test-result{padding:1rem;border-radius:10px;margin-top:1rem;display:none}.test-result.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.test-result.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width:768px){.qr-header{padding:1.5rem}.content-type-tabs{justify-content:center}.content-type-tab{padding:.5rem 1rem;font-size:.9rem}.settings-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.btn-enhanced{width:100%;max-width:300px;justify-content:center}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-notification{position:fixed;bottom:20px;right:20px;background:white;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.2);display:flex;align-items:center;gap:1rem;transform:translateX(400px);transition:transform .3s ease;z-index:1000}.toast-notification.show{transform:translateX(0)}.toast-notification.success{border-left:4px solid #28a745}.toast-notification.error{border-left:4px solid #dc3545}.toast-notification.info{border-left:4px solid #17a2b8}.advanced-features{background:#f8f9ff;border-radius:15px;padding:1.5rem;margin-top:2rem;border:2px dashed #667eea}.toggle-advanced{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:white;border:none;padding:.5rem 1rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease}.toggle-advanced:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.3)}.advanced-content{margin-top:1.5rem;display:none}.advanced-content.show{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}