.qr-content,.qr-header{padding:48px 32px}.generate-section,.logo-upload-area,.qr-display-area,.qr-header,.result-header,.type-btn{text-align:center}.qr-container button{line-height:inherit;height:inherit;letter-spacing:inherit;text-transform:inherit;background-color:none;border-color:none}.qr-container input,.qr-container select,.qr-container textarea{height:inherit}.qr-container{font-size:114.2857%!important;max-width:1000px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.1);overflow:hidden;animation:.6s ease-out fadeInUp}.customize-panel,.form-section{animation:.4s ease-out slideIn}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.qr-header{background:linear-gradient(135deg,#de333b 0,#b82832 100%);color:#fff;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%)}.qr-header-content{position:relative;z-index:1}.qr-header h1{font-size:40px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:16px;color:#fff}.qr-header p{font-size:17.6px;opacity:.95;font-weight:300;margin-bottom:0}.section{margin-bottom:32px}.section-title{font-size:15.2px;font-weight:600;color:#000;margin-bottom:16px}.form-label,.type-btn{color:#495057;font-size:14.4px;font-weight:500}.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.type-btn{background:#f8f9fa;border:2px solid #e9ecef;padding:16px;border-radius:12px;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px}.type-btn:hover{background:#e9ecef;border-color:#de333b!important;color:#de333b}.type-btn.active{background:#de333b;border-color:#de333b;color:#fff;box-shadow:0 4px 15px rgba(222,51,59,.3)}.divider{height:1px;background:linear-gradient(to right,transparent,#e9ecef,transparent);margin:32px 0}.form-section{display:none}.customize-panel.active,.form-label,.form-section.active,.result-section.visible,.tab-content.active{display:block}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-label{margin-bottom:8px}.form-label i{color:#de333b;margin-right:6px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;border:2px solid #e9ecef;border-radius:12px;font-size:14.4px;font-family:Inter,sans-serif;transition:.3s;background:#f8f9fa;line-height:1.5;color:#333333bf}.form-input:active,.form-input:focus,.form-select:active,.form-select:focus,.form-textarea:active,.form-textarea:focus{outline:0;border-color:#de333b;background:#fff;box-shadow:0 0 0 4px rgba(222,51,59,.1);color:#333}.form-textarea{resize:vertical;min-height:120px}.action-grid,.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px;background:#f8f9fa;border-radius:12px;margin-top:20px}.btn-generate,.btn-generate:hover{background:linear-gradient(135deg,#de333b 0,#b82832 100%);color:#fff}.color-group{display:flex;align-items:center;gap:12px}.btn-generate,.customize-toggle{align-items:center;cursor:pointer;transition:.3s}.color-group label{font-size:14.4px;font-weight:500;color:#495057}.color-input{width:60px;height:44px!important;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;padding:4px}.generate-section{margin-top:32px}.btn-generate{border:none;padding:18px 60px;font-size:17.6px;font-weight:600;border-radius:50px;box-shadow:0 8px 20px rgba(222,51,59,.3);display:inline-flex;gap:12px}.qr-caption,.style-btn,.tab-btn{font-weight:500}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(222,51,59,.4)}.btn-generate:active{transform:translateY(0)}.customize-toggle{width:100%;background:#fff;border:2px solid #e9ecef;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:500;color:#495057;display:flex;justify-content:space-between;margin-bottom:16px}.customize-toggle:hover{border-color:#de333b!important;color:#de333b;background:#fff}.customize-panel{display:none;background:#f8f9fa;border:2px solid #e9ecef;border-radius:16px;padding:32px}.customize-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e9ecef}.tab-btn{background:0 0;border:none;padding:12px 24px;font-size:14.4px;color:#6c757d;cursor:pointer;border-bottom:3px solid transparent;transition:.3s}.tab-btn:hover{color:#de333b;background:0 0}.tab-btn.active{color:#de333b;border-bottom-color:#de333b}.tab-content{display:none}.logo-upload-area{border:2px dashed #e9ecef;border-radius:12px;padding:32px;cursor:pointer;transition:.3s}.logo-upload-area:hover{border-color:#de333b;background:rgba(222,51,59,.05)}.logo-preview,.qr-with-logo{position:relative;display:inline-block}.logo-preview img{width:100px;height:100px;object-fit:contain;border:2px solid #e9ecef;border-radius:8px}.logo-remove{position:absolute;top:-8px;right:-8px;background:#de333b;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px}.size-btn,.style-btn{border:2px solid #e9ecef}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.style-btn{background:#fff;padding:16px;border-radius:8px;cursor:pointer;transition:.3s;text-transform:capitalize!important;font-size:14.4px;color:#444}.style-btn.active,.style-btn:hover{background:#de333b;border-color:#de333b!important;color:#fff}.result-section{display:none;margin-top:48px;animation:.5s ease-out fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.result-header{margin:32px 0}.result-header h3{font-size:28.8px;color:#000;margin-bottom:8px}.result-header p{color:#6c757d;font-size:16px}.qr-display-area{background:#f8f9fa;border-radius:16px;padding:48px;margin-bottom:32px}#qrCodeDisplay{display:inline-block;padding:24px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.qr-frame{border:4px solid #de333b}.qr-frame.rounded{border-radius:16px}.qr-frame.modern{border-radius:8px;border-width:8px;border-style:double}.qr-caption{margin-top:16px;font-size:.14.4px;color:#de333b}.qr-logo-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;height:20%;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:4px}.qr-logo-overlay img{width:100%;height:100%;object-fit:contain}.size-section{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px}.btn-action,.size-btn{background:#fff;font-weight:500;transition:.3s;cursor:pointer}.size-label{display:block;font-size:14.4px;font-weight:500;margin-bottom:16px;color:#000}.size-grid{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.size-btn{padding:12px 24px;border-radius:8px;font-size:14.4px;color:#333}.size-btn.active,.size-btn:hover{background:#de333b!important;border-color:#de333b!important;color:#fff}.btn-action{border:2px solid #e9ecef;color:#495057;padding:16px 24px;border-radius:12px;font-size:15.2px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-action:hover{border-color:#de333b!important;color:#de333b!important;background:#fff5f6!important;transform:translateY(-2px)}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}@media (max-width:768px){.qr-header h1{font-size:28.8px}.qr-content,.qr-display-area{padding:32px 20px}.type-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.btn-generate{padding:14px 40px;font-size:16px}.action-grid,.color-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.action-grid,.customize-panel,.customize-toggle,.form-section,.generate-section,.qr-header,.size-section{display:none!important}.qr-container{box-shadow:none}.result-section{display:block!important}}