.dqc-container{width:100%;padding:30px 20px;font-family:'Kanit',sans-serif;box-sizing:border-box;background:#fefaf6}.dqc-global{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;margin:30px auto;max-width:1600px}.dqc-left,.dqc-right{min-width:480px;justify-content:center}.dqc-preview{width:500px;height:708px;background-color:#CBE236;border:1px solid #ccc;padding:50px 30px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;transition:background-color 0.3s ease,color 0.3s ease}.dqc-preview.portrait{width:500px;height:708px}.dqc-preview.landscape{width:800px;height:450px}.dqc-preview.custom{width:600px;height:600px}.dqc-preview.format-a4{width:595px;height:842px}.dqc-preview.format-carre{width:700px;height:700px}.dqc-preview .title{font-size:28px;font-weight:700;text-align:center;margin-bottom:10px;width:100%;transition:color 0.3s ease}.dqc-preview .main-text{font-size:16px;font-weight:500;text-align:center;margin-bottom:20px;padding:0 20px;line-height:1.5;width:100%;transition:color 0.3s ease}.mascotte-single{height:220px;margin-bottom:20px}.qrcode-canvas{width:135px;height:135px;background:#fff;padding:10px;border-radius:6px;margin:30px 0 60px 0;box-shadow:0 0 8px rgb(0 0 0 / .2);display:flex;align-items:center;justify-content:center}.qrcode-canvas canvas{width:120px;height:120px}.qr-text{font-family:'Spectral',serif;font-size:14px;width:140px;font-weight:500;text-align:center;position:absolute;pointer-events:none;line-height:1;transition:color 0.3s ease}.qr-text.top-left{top:400px;left:25px;transform:rotate(-10deg)}.qr-text.top-right{top:410px;right:23px;transform:rotate(10deg)}.qr-text.bottom-left{bottom:110px;left:20px;transform:rotate(10deg)}.qr-text.btm-right{bottom:60px;right:30px;transform:rotate(-8deg)}.dqc-preview .logo-club{position:relative;bottom:auto;left:0;transform:none;max-width:80px;top:30;transition:top 0.2s ease;display:block;margin:0 auto}.dqc-section{border-radius:8px;margin-bottom:20px;overflow:hidden}.fold-header{background:#7875d8;color:#fff;padding:15px 20px;font-weight:400;font-size:18px;cursor:pointer;position:relative}.fold-header::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform 0.3s}.fold-header.active::after{content:"-"}.fold-content{background:#e9e7f9;padding:20px;line-height:3;font-family:'Spectral',serif;font-size:18px;display:none}.fold-content.show{display:block}.mascotte-selector{display:flex;justify-content:center;gap:15px;margin:10px 0}.mascotte-choice{height:80px;cursor:pointer;border:2px solid #fff0;border-radius:12px;padding:10px;background:#fff0;transition:all 0.3s ease}.mascotte-choice.active{border-color:#7875d8}.mascotte-choice:hover{transform:scale(1.05);border-color:#888}.dqc-form input[type="text"],.dqc-form textarea,.dqc-form input[type="file"]{width:95%;max-width:480px;margin:10px auto;padding:10px;border-radius:6px;border:1px solid #ccc;font-size:15px;display:block;line-height:1;font-family:Spectral}.dqc-form textarea{min-height:80px;resize:vertical;font-family:Spectral}.color-picker-line{display:flex;align-items:center;margin-bottom:15px;justify-content:flex-start}.color-picker-line label{flex:0 0 auto;margin-right:10px;font-weight:500;white-space:nowrap}.color-picker-line input[type="color"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px;height:40px;padding:0;margin:0;border:1px solid #ccc;border-radius:6px;cursor:pointer;background-color:#fff0}.color-picker-line input[type="color"]::-webkit-color-swatch-wrapper{padding:0}.color-picker-line input[type="color"]::-webkit-color-swatch{border:none;border-radius:5px}.color-picker-line input[type="color"]::-moz-color-swatch{border:none;border-radius:5px}.button-group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:30px}.primary-btn{background:#e9e7f9;color:#000;border:none;padding:14px 22px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:400;transition:all 0.3s ease;display:flex;align-items:center}.primary-btn:hover{background:#ccc5ff;transform:scale(1.05);color:#000}.icon-btn{background:#fff0;border:none;width:56px;height:56px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s ease}.icon-btn img{width:28px;height:28px}.icon-btn:hover{transform:scale(1.2)}.qr-arrow{position:absolute;width:80px;height:auto;pointer-events:none;transition:fill 0.3s ease,color 0.3s ease,filter 0.3s ease}.qr-arrow.top-left{top:450px;right:90px;transform:rotate(339deg) scale(-1)}.qr-arrow.top-right{top:460px;left:95px;transform:rotate(20deg) scaley(-1)}.qr-arrow.bottom-left{bottom:140px;left:90px;transform:rotate(349deg) scaleY(1)}.qr-arrow.btm-right{bottom:110px;right:90px;transform:rotate(205deg) scaley(-1)}.classique-template .title{order:1}.classique-template .main-text{order:2}.classique-template .mascotte-single{order:3}.classique-template .qrcode-canvas{order:4}.classique-template .logo-club{order:5}.classique-template .qr-text,.classique-template .qr-arrow{order:5}.modern-template{font-family:'Roboto',sans-serif;color:#333;background-color:#f4f4f4}.modern-template .title{font-size:32px;font-weight:600;margin-bottom:25px;color:#000;padding-bottom:10px;order:1}.modern-template .mascotte-single{order:2;height:200px;margin-bottom:30px}.modern-template .main-text{font-size:16px;font-family:spectral;line-height:1.6;color:#000;order:3;margin-bottom:50px;margin-top:20px}.modern-template .logo-club{position:static;transform:none;left:auto;bottom:auto;max-width:100px;margin-top:30px;margin-bottom:10px;order:4}.modern-template .qrcode-canvas{border-radius:10px;box-shadow:0 6px 12px rgb(0 0 0 / .1);order:5;margin-top:auto}.modern-template .qr-text{font-family:'Roboto',sans-serif;font-weight:500;order:6}.modern-template .qr-arrow{order:6}.minimaliste-template{font-family:'Helvetica',sans-serif;color:#555;background-color:#fff}.minimaliste-template .title{font-size:26px;font-weight:300;letter-spacing:2px;text-transform:uppercase;color:#333;margin-bottom:50px;order:1}.minimaliste-template .mascotte-single{order:2;height:300px;margin-bottom:60px}.minimaliste-template .main-text{display:none}.minimaliste-template .logo-club{position:static;transform:none;left:auto;bottom:auto;max-width:120px;margin-top:auto;order:3}.minimaliste-template .qrcode-canvas{border:none;box-shadow:none;background-color:#f8f8f8;order:4;margin-top:40px}.minimaliste-template .qr-text{font-family:'Helvetica',sans-serif;font-size:12px;font-weight:300;color:#777;order:5}.minimaliste-template .qr-arrow{order:5}.maintenance-template.format-a3{width:500px;height:708px}.maintenance-template{display:flex;flex-direction:column;align-items:flex-start;font-family:'Spectral',serif;padding:50px 30px;box-sizing:border-box;position:relative}.maintenance-template .maintenance-title{font-family:'Kanit',sans-serif;font-size:24px;font-weight:500;text-align:center;width:100%;margin-bottom:20px;transition:color 0.3s ease}.maintenance-template .maintenance-subtitle,.maintenance-template .maintenance-subtitle-2{font-family:'Kanit',sans-serif;font-size:16px;font-weight:500;text-align:left;transition:color 0.3s ease}.maintenance-template .maintenance-subtitle-2{text-transform:uppercase;margin-top:0;margin-bottom:0}.maintenance-template .maintenance-list{list-style-type:disc;margin:0;padding:0;width:100%}.maintenance-template .maintenance-list li{font-family:'Spectral',serif;font-size:14px;text-align:left;display:flex;margin-bottom:10px;line-height:1;transition:color 0.3s ease}.maintenance-template .maintenance-list li .date-end{margin-left:10px;font-style:italic;transition:color 0.3s ease}.maintenance-template .maintenance-phrase-biceps,.maintenance-template .maintenance-phrase-arrow{display:flex;align-items:center;font-family:'Kanit',sans-serif;font-size:14px;font-weight:400;text-align:left;margin-top:10px;transition:color 0.3s ease}.maintenance-template .icon-calendar,.maintenance-template .icon-biceps,.maintenance-template .icon-arrow{width:20px;height:auto;margin-right:8px;transition:fill 0.3s ease,color 0.3s ease,filter 0.3s ease}.maintenance-template .maintenance-text{font-family:'Spectral',serif;font-size:14px;text-align:left;margin:5px 0;line-height:1;transition:color 0.3s ease}.maintenance-template .mascotte-single{position:absolute;bottom:0;right:0;height:150px;margin-bottom:80px;margin-right:20px}.maintenance-template .logo-club{position:absolute;left:50%;transform:translateX(-50%);max-width:80px}.maintenance-template #logo-preview{position:absolute;left:50%!important;transform:translateX(-50%)!important;max-width:80px;transition:top 0.2s ease,bottom 0.2s ease;margin-bottom:20px}.dqc-preview,.dqc-preview .title,.dqc-preview .main-text,.qr-text,.maintenance-title,.maintenance-subtitle,.maintenance-subtitle-2,.maintenance-list li,.maintenance-phrase-biceps,.maintenance-phrase-arrow,.maintenance-text,.maintenance-list li .date-end{transition:color 0.3s ease}.qr-arrow,.maintenance-template .icon-calendar,.maintenance-template .icon-biceps,.maintenance-template .icon-arrow{transition:fill 0.3s ease,color 0.3s ease,filter 0.3s ease}.qr-text-inputs{margin-top:20px;border-top:1px solid #ddd;padding-top:20px}.landscape .qr-text.top-left{top:180px;left:25px}.landscape .qr-text.top-right{top:180px;right:23px}.landscape .qr-text.bottom-left{bottom:60px;left:20px}.landscape .qr-text.btm-right{bottom:60px;right:30px}.landscape .qr-arrow.top-left{top:220px;right:90px}.landscape .qr-arrow.top-right{top:220px;left:95px}.landscape .qr-arrow.bottom-left{bottom:80px;left:90px}.landscape .qr-arrow.btm-right{bottom:80px;right:90px}.custom .qr-text.top-left{top:320px;left:25px}.custom .qr-text.top-right{top:320px;right:23px}.custom .qr-text.bottom-left{bottom:100px;left:20px}.custom .qr-text.btm-right{bottom:100px;right:30px}.custom .qr-arrow.top-left{top:350px;right:90px}.custom .qr-arrow.top-right{top:350px;left:95px}.custom .qr-arrow.bottom-left{bottom:120px;left:90px}.custom .qr-arrow.btm-right{bottom:120px;right:90px}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;font-family:'Kanit',sans-serif}#loading-overlay .spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #7875d8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.qr-info-banner{background-color:#ffecec;border-left:4px solid #ef853b;padding:12px 16px;margin-bottom:20px;border-radius:4px;box-shadow:0 1px 3px rgb(0 0 0 / .05)}.qr-info-banner p{margin:0;font-size:14px;line-height:1.4;color:#555}.qr-info-banner strong{color:#333}#logo-preview{position:relative;top:30;transition:top 0.2s ease}.logo-reposition-line{display:flex;align-items:center;gap:10px;font-size:15px;font-family:'Kanit',sans-serif;margin-top:10px}.logo-reposition-line .logo-btn{background:#7875d8;border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.3s}.logo-reposition-line .logo-btn img{width:18px;height:18px;filter:invert(1)}.logo-reposition-line .logo-btn:hover{background:#31354c}input[type=date]{border-width:1px;border-radius:6px;margin-left:10px;width:95%;box-shadow:0 2px 4px rgb(0 0 0 / .15)}input[type="date"]::-webkit-calendar-picker-indicator{width:1.4em;height:1.4em;margin-right:.3em}input[type="date"]::-moz-calendar-picker-indicator{width:1.4em;height:1.4em;margin-right:.3em}input[type="date"]{padding-right:1.5em}@media (max-width:1024px){.dqc-global{flex-direction:column;align-items:center}.dqc-preview{max-width:90vw}.mascotte-selector{flex-wrap:wrap}.mascotte-choice{height:70px}.button-group{flex-direction:column;width:100%}.primary-btn{width:100%;justify-content:center}}