@font-face{font-family:Fredoka;src:url(./Fredoka-Regular-CfV-1dTi.ttf)format("truetype");font-style:normal;font-weight:300}@font-face{font-family:Fredoka;src:url(./Fredoka-Medium-B2CDAGP6.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}html,body{scrollbar-width:thin;color:#aaa;background-color:#000;flex-direction:row;height:100vh;margin:0;font-family:Fredoka,sans-serif;font-weight:300;display:flex;overflow:hidden}#layout{flex-direction:row;width:100vw;height:100vh;display:flex;overflow:hidden}#conteneur{background:#000;flex-direction:column;flex-shrink:0;width:240px;height:100%;display:flex}#main{flex-direction:column;flex-grow:1;width:100%;height:100%;display:flex}#rightPanel{box-sizing:border-box;z-index:110;background:#000;border-left:1px solid #323232;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;width:40px;height:100%;display:flex}#xp{z-index:120;background:#000;border-left:1px solid #323232;flex-shrink:0;width:0;height:100%;overflow:hidden}#canvasContainer{box-sizing:border-box;flex:auto;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding-bottom:1px;display:flex;position:relative;overflow:hidden}#canvas{z-index:1;box-sizing:border-box;background-color:#000;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;display:block;position:relative;transform:none}#threeCanvas{z-index:2;pointer-events:auto;background:0 0;display:none;position:absolute;inset:0}.is-hidden{display:none!important}.toast{z-index:12;color:#fff;white-space:nowrap;background:#141414f2;border:1px solid #fff;border-radius:6px;padding:10px 14px;font-size:14px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00000059}#control{z-index:110;scrollbar-width:none;-ms-overflow-style:none;background-color:#090909;border-right:1px solid #323232;flex-grow:1;align-self:stretch;width:240px;height:100%;margin:0;padding:0;font-size:1em;display:block;overflow:hidden auto}#control::-webkit-scrollbar{width:0;height:0}#headerControl{z-index:111;background-color:#000;width:240px;height:115px;margin:0;font-size:1em;display:block;position:absolute}#illusion{color:#0256b9;margin-top:-18px;margin-left:-10px;font-size:.85em}.hex-section{background:#161616;border-top:1px solid #323232;border-bottom:1px solid #323232;margin-top:20px;padding:0 0 17px}.hex-section.is-collapsed{border-bottom:0;padding-bottom:0}#help{color:#fff;text-align:center;margin-top:100px;margin-left:15px;margin-right:10px;padding-top:15px}.slidecontainer{margin-top:-3px;display:block}#logo{width:200px;margin-top:4px}.sliders{appearance:none;background:#111;border-radius:13px;outline:none;width:150px;height:13px;margin-left:15px;overflow:hidden;box-shadow:inset 0 0 5px #000}.sliders::-webkit-slider-thumb{-webkit-appearance:none;background:#303030;border:4px solid #bdbdbd;border-radius:50%;width:13px;height:13px;box-shadow:-407px 0 0 400px #4d4f4d}.display{color:#fff;background-color:#09090900;border:none;width:40px;margin-left:5px;position:relative;top:-2px}#fondColorPicker{appearance:none;box-sizing:border-box;cursor:pointer;background:0 0;border:1px solid #505050;width:45px;height:16px;padding:0}#fondColorPicker::-webkit-color-swatch-wrapper{padding:0}#fondColorPicker::-webkit-color-swatch{border:none}.textdisplay{color:#c6c6c6;margin-left:15px;font-size:1.1em}.check{margin-left:18px}button{color:#fff;padding-top:4 em;background-color:#000;border-radius:1px}.dec{margin:15px 15px 15px 5px;font-size:.9em}.center{text-align:center;margin:10px auto}.option-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0}.option-table td,.option-table th{text-align:left;vertical-align:middle;padding:4px 0}.option-table td{width:50%}#colorAdjustmentsHeader{text-align:center;-webkit-user-select:none;user-select:none;background-color:#121212;border-bottom:1px solid #323232;margin-top:0;padding:3px 15px;position:relative}#colorAdjustmentsHeader:hover{background-color:#0256b9}#levelAdjustmentsHeader{text-align:center;-webkit-user-select:none;user-select:none;background-color:#121212;border-bottom:1px solid #323232;margin-top:0;padding:3px 15px;position:relative}#levelAdjustmentsHeader:hover{background-color:#0256b9}#exposureAdjustmentsHeader{text-align:center;-webkit-user-select:none;user-select:none;background-color:#121212;border-bottom:1px solid #323232;margin-top:0;padding:3px 15px;position:relative}#exposureAdjustmentsHeader:hover{background-color:#0256b9}.custom-slider{box-sizing:border-box;cursor:pointer;background-color:#000;border:1px solid #323232;border-radius:6px;flex:auto;width:100%;min-width:0;height:20px;margin-left:15px;position:relative;overflow:hidden}.custom-slider-row{align-items:center;gap:6px;width:100%;display:flex}.custom-slider-fill{z-index:0;background-color:#454545;border-radius:6px;width:0%;height:100%;transition:width .1s;position:absolute;top:0;left:0}.custom-slider-label{color:#fff;pointer-events:none;z-index:1;align-items:center;height:100%;font-size:.8em;display:flex;position:absolute;top:0;bottom:0;left:8px}.custom-slider-right{z-index:2;pointer-events:none;align-items:center;height:100%;display:flex;position:absolute;top:0;bottom:0;right:6px;transform:none}.custom-slider-btn{color:#c6c6c6;cursor:pointer;background:#000;border:1px solid #464646;border-radius:4px;width:18px;height:18px;padding:0;font-size:12px;line-height:16px}.custom-slider-btn:hover{opacity:.9}.custom-slider-ctrls{flex:none;align-items:center;gap:4px;margin-right:15px;display:flex}.custom-slider-value{color:#fff;text-align:center;background-color:#09090999;border:1px solid #464646;border-radius:4px;width:44px;height:18px;font-size:12px}.custom-slider-readout{color:#fff;text-align:right;pointer-events:none;background-color:#0000;border:none;min-width:38px;height:18px;padding:0 4px;font-size:12px;line-height:18px}.custom-slider,.custom-slider *,.custom-slider-ctrls,.custom-slider-ctrls *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.three-decal-controls{z-index:14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080808c7;border:1px solid #323232;border-radius:10px;flex-direction:column;align-items:center;gap:14px;padding:12px 10px;display:flex;position:absolute;top:56px;right:18px;box-shadow:0 10px 24px #00000059}#threeDecalControls{top:18px;transform:none}.three-decal-controls-left{top:18px;left:18px;right:auto;transform:none}.three-decal-control{flex-direction:column;align-items:center;gap:8px;display:flex}.three-decal-title{letter-spacing:.08em;text-transform:uppercase;color:#c6c6c6;font-size:.72em}.three-decal-slider{box-sizing:border-box;cursor:pointer;background-color:#000;border:1px solid #323232;border-radius:8px;width:22px;height:170px;position:relative;overflow:hidden}.three-decal-slider-fill{background-color:#454545;border-radius:0 0 8px 8px;height:0%;transition:height .1s;position:absolute;bottom:0;left:0;right:0}.three-decal-readout{text-align:center;color:#fff;background-color:#09090999;border:1px solid #464646;border-radius:4px;min-width:42px;height:18px;font-size:12px;line-height:18px}.three-decal-btn{width:22px;height:22px;line-height:18px}.three-decal-toggle-wrap{width:100%}.three-decal-toggle{flex-direction:column;gap:6px;width:100%;display:flex}.three-decal-toggle-btn{color:#c6c6c6;cursor:pointer;background:#000;border:1px solid #464646;border-radius:6px;width:100%;min-width:0;height:26px;font-family:Fredoka,sans-serif;font-size:12px}.three-decal-toggle-btn.is-active,.three-decal-toggle-btn:hover{color:#fff;background:#1a1a1a;border-color:#787878}.three-decal-controls,.three-decal-controls *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (width<=900px){.three-decal-controls{flex-direction:row;align-items:flex-end;top:auto;bottom:18px;right:12px}.three-decal-controls-left{flex-direction:column;align-items:center;inset:18px auto auto 18px}.three-decal-slider{height:132px}}@media (height<=760px){#threeDecalControls{flex-direction:row;align-items:flex-end;top:18px;right:18px;transform:none}}#outils{background-color:#090909;border-left:1px solid #323232;width:40px;height:100%;margin:0;font-size:.95em}.zoom{opacity:.8;opacity:.8;width:20px;margin:10px;transition:opacity .12s}.zoom:hover{opacity:1;cursor:pointer}#fxMenu{opacity:.8;cursor:pointer;color:#ccc;background:0 0;border:none;width:20px;margin:10px;padding:0;font-family:Fredoka,sans-serif;font-size:16px;transition:all .12s cubic-bezier(.075,.82,.165,1)}#fxMenu:hover{opacity:1}.tooltip{color:#fff;z-index:1000;background-color:#3333;border:4px;padding:30px 50px;font-size:20px}#cssmenu{color:#aaa;border-bottom:1px solid #323232;justify-content:center;width:auto;display:flex}#cssmenu ul,#cssmenu li,#cssmenu a{border:0;margin:0;padding:1px 0 0;line-height:1;list-style:none}#cssmenu ul{zoom:1;padding:2px 0}#cssmenu ul:before{content:"";display:block}#cssmenu ul:after{content:"";clear:both;display:table}#cssmenu li{float:left;border:1px solid #0000;margin:0 2px 0 0}#cssmenu li.import-trigger{position:relative;overflow:hidden}#cssmenu li a,#cssmenu li label,#cssmenu li button{-ms-border-radius:5px;-o-border-radius:5px;color:#ddd;border:1px solid #0000;border-radius:5px;padding:4px 20px 5px;font-size:1em;text-decoration:none;display:block}#importImageInput{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}#cssmenu a.active,#cssmenu label.active,#cssmenu .submenu a.active{-ms-border-radius:5px;-o-border-radius:5px;background:#0256b9;border:1px solid #013a7d;border-radius:5px;display:block;box-shadow:inset 0 5px 10px #013a7d}#cssmenu li:hover,#cssmenu .submenu li:hover{-ms-border-radius:5px;-o-border-radius:5px;border:1px solid #aaa;border-radius:5px}#cssmenu li:hover>a:not(.active),#cssmenu li:hover>label:not(.active),#cssmenu .submenu li:hover>a:not(.active){-ms-border-radius:5px;-o-border-radius:5px;background:#0256b9;border:1px solid #013a7d;border-radius:5px;display:block;box-shadow:inset 0 5px 10px #013a7d}#cssmenu a:focus-visible,#cssmenu label:focus-visible,#cssmenu .submenu a:focus-visible{background:#0256b9;border:1px solid #013a7d;outline:none;box-shadow:inset 0 5px 10px #013a7d}.hidden{display:none!important}#cssmenu li.has-submenu{position:relative}#cssmenu li.has-submenu:after{content:"";z-index:1;background:0 0;width:120px;height:20px;position:absolute;top:100%;left:50%;transform:translate(-50%)}#cssmenu li.has-submenu>.submenu{z-index:1000;opacity:0;pointer-events:none;text-align:center;background:#000000db;border:1px solid #323232;border-radius:0 0 5px 5px;min-width:120px;margin:0 auto;padding:3px;transition:opacity 1s;display:none;position:absolute;top:31px;left:50%;transform:translate(-50%)}#cssmenu li.has-submenu>.submenu li:first-child{margin-top:0}#cssmenu li.has-submenu>.submenu li:last-child{margin-bottom:0}#cssmenu li.has-submenu:hover>.submenu{opacity:1;pointer-events:auto;display:block}#cssmenu .submenu li{float:none;border:1px solid #0000;margin:2px 0}#cssmenu .submenu li a{-ms-border-radius:5px;-o-border-radius:5px;border:1px solid #0000;border-radius:5px;padding:7px 20px;display:block}#cssmenu .submenu li a:hover{background:#0256b9;border:1px solid #013a7d;box-shadow:inset 0 5px 10px #013a7d}