@font-face{font-family:Corny Pimbina;font-style:normal;font-weight:400;src:url(/static/media/Corny%20Pimbina.da6b028990629cec643b.otf) format("woff2")}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Corny Pimbina;max-width:100vw}#root{min-height:100vh;overflow-x:hidden;width:100%}button,input,select,textarea{box-sizing:border-box;max-width:90vw}h1,h2,h3,h4,h5,h6{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word;padding:0 10px}img{height:auto;max-width:100%}h1{font-size:clamp(28px,6vw,48px)}h2{font-size:clamp(24px,5vw,36px)}h3{font-size:clamp(20px,4vw,28px)}.boxform{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:20px;width:100%}.titreimage{background-repeat:no-repeat;height:30vw;margin-bottom:20px;max-height:120px;max-width:200px;position:relative;width:50vw}.labelform{align-items:center;display:flex;flex-direction:column;justify-content:center}.labelform h2{color:#fff;font-size:clamp(20px,4vw,28px);margin:15px 0 10px;text-align:center;text-shadow:3px 3px 0 #000}.champsformpin,.champsformpseudo{border-radius:8px;border-style:solid;border-width:4px;box-sizing:border-box;font-family:Corny Pimbina;font-size:clamp(16px,3vw,20px);max-width:min(400px,90vw);padding:15px;transition:all .2s ease;width:100%}.champsformpin:focus{outline:10px #000}.champsformgreen{border-color:#00d084;border-style:solid;box-shadow:0 0 0 2px rgba(0,208,132,.2)}.champsformred{border-color:#ff0b00;box-shadow:0 0 0 2px rgba(255,11,0,.2)}.error-message{color:#ff0b00;font-size:clamp(12px,2.5vw,14px);font-weight:700;margin-top:5px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.boxformcouleur{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;max-width:60vw}.hidden-radio{display:none}.radiobuttonblanc,.radiobuttonbleu,.radiobuttoncyan,.radiobuttongris,.radiobuttonjaune,.radiobuttonmagenta,.radiobuttonnoir,.radiobuttonrouge,.radiobuttonvert{border:3px solid #000;border-radius:8px;box-shadow:none;cursor:pointer;display:inline-block;font-size:20px;font-weight:700;margin:8px;padding:clamp(20px,4vw,30px);text-align:center;transition:all .2s ease}.radiobuttonbleu{background-color:blue}.radiobuttonrouge{background-color:red}.radiobuttonblanc{background-color:#fff}.radiobuttonnoir{background-color:#000}.radiobuttoncyan{background-color:cyan}.radiobuttongris{background-color:grey}.radiobuttonvert{background-color:green}.radiobuttonmagenta{background-color:#f0f}.radiobuttonjaune{background-color:#ff0}.radiobuttonblanc:hover,.radiobuttonbleu:hover,.radiobuttoncyan:hover,.radiobuttongris:hover,.radiobuttonjaune:hover,.radiobuttonmagenta:hover,.radiobuttonnoir:hover,.radiobuttonrouge:hover,.radiobuttonvert:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.radiobuttonbleu.select{background-color:#3333f8}.radiobuttonbleu.select,.radiobuttonrouge.select{border-width:4px;-webkit-transform:scale(1.15);transform:scale(1.15)}.radiobuttonrouge.select{background-color:#ff4747}.radiobuttonblanc.select{background-color:#dadada}.radiobuttonblanc.select,.radiobuttonnoir.select{border-width:4px;-webkit-transform:scale(1.15);transform:scale(1.15)}.radiobuttonnoir.select{background-color:#202020}.radiobuttoncyan.select{background-color:#83f8f8}.radiobuttoncyan.select,.radiobuttongris.select{border-width:4px;-webkit-transform:scale(1.15);transform:scale(1.15)}.radiobuttongris.select{background-color:#b8b8b8}.radiobuttonvert.select{background-color:#0ea00e}.radiobuttonmagenta.select,.radiobuttonvert.select{border-width:4px;-webkit-transform:scale(1.15);transform:scale(1.15)}.radiobuttonmagenta.select{background-color:#fd5dfd}.radiobuttonjaune.select{background-color:#dd5;border-width:4px;-webkit-transform:scale(1.15);transform:scale(1.15)}.flexbuttonconnexion{width:100%}.buttonconnexion,.flexbuttonconnexion{align-items:center;display:flex;justify-content:center}.buttonconnexion{background-color:hsla(0,0%,100%,.3);border:4px solid rgba(0,0,0,.3);border-radius:0;box-shadow:none;box-sizing:border-box;color:rgba(0,0,0,.4);cursor:not-allowed;font-family:Corny Pimbina;font-size:clamp(20px,4vw,28px);font-weight:900;letter-spacing:2px;max-width:90vw;padding:20px 60px;text-transform:uppercase;transition:all .2s ease}.buttonconnexion:not(:disabled){background:linear-gradient(135deg,#00d084,#00a86b);border:4px solid #000;box-shadow:6px 6px 0 #000;color:#fff;cursor:pointer;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.buttonconnexion:not(:disabled):hover{box-shadow:4px 4px 0 #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.buttonconnexion:not(:disabled):active{box-shadow:3px 3px 0 #000;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}@media (max-width:400px){.titreimage{height:35vw;max-height:90px;max-width:150px;width:60vw}.boxformcouleur{justify-content:center;max-width:80vw}.radiobuttonblanc,.radiobuttonbleu,.radiobuttoncyan,.radiobuttongris,.radiobuttonjaune,.radiobuttonmagenta,.radiobuttonnoir,.radiobuttonrouge,.radiobuttonvert{font-size:16px;margin:3px;padding:20px}.champsformpin,.champsformpseudo{font-size:14px;height:25px;padding:5px}.buttonconnexion{font-size:medium;height:35px;padding:8px 15px}}.canvas-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:10px;width:100%}.canvas-container canvas{height:auto;margin:10px 0;max-width:100%;width:100%}.canvas-container .title{word-wrap:break-word;font-size:clamp(24px,5vw,40px);margin:10px 0;max-width:90%;overflow-wrap:break-word;text-align:center}.radio-groups-container{align-items:center;display:flex;flex-direction:column;gap:15px;margin:15px 0;max-width:min(500px,90vw);width:100%}.radio-group{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;max-width:100%;width:100%}.canvas-container label{margin-bottom:5px;max-width:100%;overflow-wrap:break-word}.buttons-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:15px;max-width:100%;width:100%}.buttons-container button{max-width:min(400px,90vw);width:100%}.champreponse{border:3px solid #000;border-radius:8px;box-sizing:border-box;font-size:clamp(16px,3vw,20px);margin:20px 0;max-width:min(500px,90vw);padding:15px;width:100%}.bouttonsoumettre{background:linear-gradient(135deg,#00d084,#00a86b);border:4px solid #000;border-radius:0;box-shadow:6px 6px 0 #000;color:#fff;cursor:pointer;font-family:Corny Pimbina;font-size:clamp(18px,3.5vw,24px);font-weight:900;letter-spacing:1px;margin:10px 0;max-width:90%;padding:15px 40px;text-shadow:2px 2px 0 rgba(0,0,0,.3);text-transform:uppercase;transition:all .2s ease}.bouttonsoumettre:hover{box-shadow:4px 4px 0 #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.bouttonsoumettre:active{box-shadow:3px 3px 0 #000;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.drawing-canvas{aspect-ratio:1/1;background-color:#fff;border:4px solid #000;box-shadow:4px 4px 0 #000;display:block;height:auto;margin:10px auto;max-width:min(350px,90vw);touch-action:none;width:100%}.canvas-label{background-color:rgba(0,0,0,.6);border:3px solid #000;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-family:Corny Pimbina;font-size:clamp(14px,2.5vw,16px);font-weight:700;margin:5px;padding:10px 15px;text-shadow:1px 1px 0 rgba(0,0,0,.5);transition:all .2s ease}.canvas-label:hover{background-color:rgba(0,0,0,.8);-webkit-transform:scale(1.05);transform:scale(1.05)}.canvas-label input[type=radio]{margin-right:5px}.canvas-button{border:4px solid #000;border-radius:0;color:#fff;cursor:pointer;font-family:Corny Pimbina;font-size:clamp(14px,2.5vw,18px);font-weight:900;letter-spacing:1px;margin:5px;padding:12px 25px;text-shadow:2px 2px 0 rgba(0,0,0,.3);text-transform:uppercase;transition:all .2s ease}.canvas-button-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:4px 4px 0 #000}.canvas-button-secondary:hover{box-shadow:2px 2px 0 #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.canvas-button-secondary:active{box-shadow:1px 1px 0 #000;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.color-picker-group{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center;max-width:100%;width:100%}.canvas-label-picker{color:#fff;font-family:Corny Pimbina;font-size:clamp(14px,2.5vw,18px);font-weight:700;text-shadow:2px 2px 0 #000}.color-picker-input{border:4px solid #000;border-radius:0;box-shadow:4px 4px 0 #000;cursor:pointer;height:clamp(50px,12vw,70px);transition:all .2s ease;width:clamp(50px,12vw,70px)}.color-picker-input:hover{box-shadow:2px 2px 0 #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.color-picker-input:active{box-shadow:1px 1px 0 #000;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.size-slider-group{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;max-width:100%;width:100%}.size-value{color:#ffb400;font-size:clamp(14px,2.5vw,16px);font-weight:900;text-shadow:2px 2px 0 #000}.size-slider-input{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #000;border-radius:0;box-shadow:4px 4px 0 #000;cursor:pointer;height:12px;max-width:min(350px,85vw);outline:none;width:100%}.size-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#ffb400,#ff8c00);border:4px solid #000;border-radius:0;box-shadow:2px 2px 0 #000;cursor:pointer;height:clamp(25px,6vw,35px);-webkit-transition:all .2s ease;transition:all .2s ease;width:clamp(25px,6vw,35px)}.size-slider-input::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#ff0b00,#c70800)}.size-slider-input::-webkit-slider-thumb:active{box-shadow:1px 1px 0 #000}.size-slider-input::-moz-range-thumb{background:linear-gradient(135deg,#ffb400,#ff8c00);border:4px solid #000;border-radius:0;box-shadow:2px 2px 0 #000;cursor:pointer;height:clamp(25px,6vw,35px);-moz-transition:all .2s ease;transition:all .2s ease;width:clamp(25px,6vw,35px)}.size-slider-input::-moz-range-thumb:hover{background:linear-gradient(135deg,#ff0b00,#c70800)}.size-slider-input::-moz-range-thumb:active{box-shadow:1px 1px 0 #000}.fill-mode-group{display:flex;flex-direction:row;max-width:100%}.fill-mode-group,.fill-mode-label{align-items:center;justify-content:center;width:100%}.fill-mode-label{background:linear-gradient(135deg,#f093fb,#f5576c);border:4px solid #000;border-radius:0;box-shadow:4px 4px 0 #000;color:#fff;cursor:pointer;display:inline-flex;font-family:Corny Pimbina;font-size:clamp(13px,2.5vw,16px);font-weight:900;gap:8px;letter-spacing:1px;max-width:min(250px,85vw);padding:10px 18px;text-shadow:2px 2px 0 rgba(0,0,0,.3);text-transform:uppercase;transition:all .2s ease}.fill-mode-label:hover{box-shadow:2px 2px 0 #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.fill-mode-checkbox{accent-color:#ffb400;cursor:pointer;height:clamp(20px,4vw,25px);width:clamp(20px,4vw,25px)}.fill-mode-checkbox:checked+.fill-mode-text{color:#ffb400}.fill-mode-text{transition:color .2s ease}.checkbox{display:block;margin:12px auto;max-width:90%;max-width:min(500px,90vw);position:relative;width:100%}.checkbox input[type=radio]{cursor:pointer;opacity:0;position:absolute}.checkbox label{word-wrap:break-word;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #000;border-radius:0;box-shadow:6px 6px 0 #000;color:#fff;cursor:pointer;display:block;font-size:24px;font-weight:900;-webkit-hyphens:auto;hyphens:auto;letter-spacing:1px;overflow-wrap:break-word;padding:20px 20px 20px 60px;position:relative;text-align:left;text-transform:uppercase;transition:all .2s ease;word-break:break-word}.checkbox label:before{background-color:#fff;border:4px solid #000;border-radius:50%;content:"";height:24px;left:20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .2s ease;width:24px}.checkbox input[type=radio]:checked+label{background:linear-gradient(135deg,#ffb400,#f5576c);box-shadow:3px 3px 0 #000;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.checkbox input[type=radio]:checked+label:before{background-color:#fff;border-color:#000;box-shadow:inset 0 0 0 4px #ffb400}.checkbox label:hover{box-shadow:4px 4px 0 #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.checkbox input[type=radio]:checked+label:hover{box-shadow:3px 3px 0 #000;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.title{font-size:clamp(28px,6vw,48px);margin:30px 0;text-shadow:4px 4px 0 #000}.submit-button,.title{font-family:Corny Pimbina;letter-spacing:2px;text-transform:uppercase}.submit-button{background:linear-gradient(135deg,#00d084,#00a86b);border:4px solid #000;border-radius:0;box-shadow:6px 6px 0 #000;color:#fff;cursor:pointer;display:block;font-size:clamp(20px,4vw,28px);font-weight:900;margin:30px auto;max-width:90%;padding:20px 60px;text-shadow:2px 2px 0 rgba(0,0,0,.3);transition:all .2s ease}.submit-button:hover{box-shadow:4px 4px 0 #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.submit-button:active{box-shadow:3px 3px 0 #000;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.media-buttons-container{display:flex;flex-direction:column;gap:20px;margin:20px auto;max-width:min(500px,90vw);width:100%}.media-button{border:4px solid #000;border-radius:0;box-shadow:6px 6px 0 #000;color:#fff;cursor:pointer;display:block;font-family:Corny Pimbina;font-size:clamp(22px,4.5vw,32px);font-weight:900;letter-spacing:2px;padding:25px 40px;text-align:center;text-decoration:none;text-shadow:2px 2px 0 rgba(0,0,0,.3);text-transform:uppercase;transition:all .2s ease}.media-button:hover{box-shadow:4px 4px 0 #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.media-button:active{box-shadow:3px 3px 0 #000;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.media-button-yellow{background:linear-gradient(135deg,#ffb400,#ff8c00)}.media-button-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.media-button-pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.media-button-blue{background:linear-gradient(135deg,#008cff,#06c)}.file-upload-label{display:inline-block;margin:20px 0}.file-upload-input{display:none}.file-upload-button{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #000;border-radius:0;box-shadow:6px 6px 0 #000;color:#fff;cursor:pointer;display:inline-block;font-family:Corny Pimbina;font-size:clamp(18px,3.5vw,24px);font-weight:900;letter-spacing:2px;padding:20px 60px;text-shadow:2px 2px 0 rgba(0,0,0,.3);text-transform:uppercase;transition:all .2s ease}.file-upload-button:hover{box-shadow:4px 4px 0 #000;-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}.file-upload-button:active{box-shadow:3px 3px 0 #000;-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.image-preview-container{background:repeating-conic-gradient(#e0e0e0 0 25%,#f5f5f5 0 50%) 50% /20px 20px;border:4px solid #000;box-shadow:4px 4px 0 #000;display:block;height:500px;margin:20px auto;max-height:calc(100vh - 300px);max-width:calc(100vw - 40px);overflow:hidden;position:relative;touch-action:none;width:500px}@media (max-width:600px){.image-preview-container{height:90vw;margin-left:auto;margin-right:auto;max-height:calc(100vh - 250px);max-width:500px;width:90vw}}.crop-box,.crop-handle{box-sizing:border-box}.crop-handle{border-radius:2px;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.crop-handle:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 0 8px hsla(0,0%,100%,.8);-webkit-transform:scale(1.2);transform:scale(1.2)}.crop-handle:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.image-instructions{color:#fff;font-size:clamp(14px,2.5vw,16px);font-weight:700;margin:15px 0;max-width:90%;text-align:center;text-shadow:2px 2px 0 #000}.success-message{color:#00d084;font-size:clamp(16px,3vw,20px);font-weight:900;margin:20px 0;text-shadow:2px 2px 0 rgba(0,0,0,.8)}.video-preview-section{margin:20px auto;max-width:90vw;width:100%}.video-preview-container{background-color:#000;border:4px solid #000;border-radius:0;box-shadow:4px 4px 0 #000;margin:20px auto;max-width:min(600px,90vw);overflow:hidden;width:100%}.video-preview{display:block;height:auto;max-height:60vh;object-fit:contain;width:100%}.compression-overlay{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.compression-modal{background:#fff;border:4px solid #000;box-shadow:8px 8px 0 #000;max-width:90%;padding:40px;text-align:center;width:400px}.compression-modal h2{color:#000;font-family:Corny Pimbina;font-size:clamp(20px,4vw,28px);letter-spacing:2px;margin:0 0 20px;text-transform:uppercase}.progress-bar-container{background:#e0e0e0;border:3px solid #000;height:40px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:inset 0 2px 4px hsla(0,0%,100%,.3);height:100%;transition:width .3s ease}.progress-text{color:#000;font-family:Corny Pimbina;font-size:clamp(24px,5vw,32px);font-weight:900;letter-spacing:2px;margin:0}.rain-container{height:100vh;left:0;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.rain-image{-webkit-animation:fall linear infinite,fadeIn .5s;animation:fall linear infinite,fadeIn .5s;opacity:0;position:absolute}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(calc(100vh + 50px));transform:translateY(calc(100vh + 50px))}}@keyframes fall{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(calc(100vh + 50px));transform:translateY(calc(100vh + 50px))}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:20px;position:relative;width:100%}.title{word-wrap:break-word;color:#fff;font-size:clamp(20px,4vw,32px);font-weight:900;margin-bottom:20px;max-width:90%;overflow-wrap:break-word;padding:0 10px;text-align:center;text-shadow:3px 3px 0 #000}.loader,.title{position:relative}.loader{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;background-image:url(/static/media/Title.9e7409a93d8b5c7b36d2.png);background-repeat:no-repeat;background-size:contain;border-radius:0;height:50vw;max-height:250px;max-width:250px;width:50vw}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}}@-webkit-keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.dots:after{-webkit-animation:ellipsis 2s infinite;animation:ellipsis 2s infinite;content:"";position:absolute}body,html{background-image:url(/static/media/background.b9517f2b882110a34098.png);background-position:50%;background-repeat:no-repeat;background-size:cover;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}
/*# sourceMappingURL=main.dc719a2c.css.map*/