.page_studio__upYSA{width:100%;height:100%;display:flex;flex-direction:column}.painter_container__J56iB{flex:1 1;width:100%;position:relative;overflow:hidden}.painter_canvas__Mn2nF{display:block;position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.painter_controls__TAcRx{width:100%;flex-wrap:wrap;padding:8px;background-color:var(--white);color:var(--black);border-top:2px solid var(--black)}.painter_controls__TAcRx,.painter_controls__TAcRx>section{display:flex;flex-direction:row;justify-content:flex-end;gap:8px}.painter_colorPicker__ydpSJ{height:32px;width:32px;aspect-ratio:1/1;display:flex;-webkit-appearance:none;border:none}.painter_colorPicker__ydpSJ>input[type=color]{aspect-ratio:1/1;height:32px;width:32px;border-radius:0;height:100%;border:2px solid var(--black)}.painter_colorPicker__ydpSJ>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.painter_colorPicker__ydpSJ>input[type=color]::-webkit-color-swatch{border:none}.painter_sizeControl__RVN2Y{width:calc(32px * 4 + (8px * 3));display:flex;flex-direction:row;align-items:center;gap:8px}.painter_sizeLabel__GZKP3{width:32px;display:flex;align-items:center;justify-content:center}.painter_sizeLabel__GZKP3,.painter_sizeLabel__GZKP3>div{border-radius:50%;aspect-ratio:1/1}.painter_sizeControl__RVN2Y>input[type=range]{width:calc(32px * 3 + (8px * 2));width:100%;flex:1 1;height:32px;padding:0;font:inherit;outline:none;box-sizing:border-box;cursor:pointer;background-color:var(--white);color:var(--black);border:2px solid var(--black);border-radius:100vmax;-webkit-appearance:none}.painter_sizeControl__RVN2Y>input[type=range]::-webkit-slider-runnable-track{width:100%;height:100%;border:none;border-radius:0;background-color:transparent}.painter_sizeControl__RVN2Y>input[type=range]::-webkit-slider-thumb{width:auto;aspect-ratio:1/1;height:inherit;border:none;border-radius:50%;-webkit-appearance:none;background:var(--true)}.painter_shapeButton__yW3Jw{width:32px;aspect-ratio:1/1;background-color:var(--white);color:var(--black);border:2px solid var(--black);cursor:pointer;font:inherit;display:flex;justify-content:center;align-items:center}.painter_active__U8Nua{background-color:var(--true);border:2px solid var(--black);scale:1.2}.painter_active__U8Nua>svg{fill:var(--white);stroke:var(--black);animation:painter_bounce__fcT2w 1s infinite}@keyframes painter_bounce__fcT2w{0%{scale:.8}50%{scale:1}to{scale:.8}}.painter_actionButton__9dz5B{width:32px;aspect-ratio:1/1;background-color:var(--black);color:var(--white);border:none;cursor:pointer;font:inherit;display:flex;justify-content:center;align-items:center}.painter_actionButton__9dz5B:disabled{background-color:var(--grey);cursor:not-allowed}.painter_actionButton__9dz5B>svg{stroke:var(--white)}.painter_tutorial__0XCYt{width:100%;height:100%;padding:0 16px 16px;margin-top:16px;display:flex;flex-direction:column;justify-content:flex-start;gap:16px;overflow-y:overlay;overflow-x:hidden}.painter_tutorial__0XCYt .painter_header__wNLKL .painter_title__1QM18{font-family:neretto;font-weight:400;font-feature-settings:"kern" off;font-variant:none}.painter_tutorial__0XCYt .painter_content__0w4vA{display:flex;flex-direction:column;gap:16px;height:max-content}.painter_tutorial__0XCYt .painter_content__0w4vA ul{display:flex;flex-direction:column;gap:8px;list-style-type:decimal;list-style-position:inside}.painter_tutorial__0XCYt .painter_footer__CtmRS{margin-top:auto;display:flex;justify-content:flex-end}.painter_tutorial__0XCYt .painter_footer__CtmRS button{background-color:var(--white);color:var(--black);border:3px solid var(--black);box-shadow:3px 3px 0 var(--black);padding:8px;text-transform:uppercase;font-family:neretto;font-size:16px;cursor:pointer;transition:box-shadow .2s ease}.painter_tutorial__0XCYt .painter_footer__CtmRS button:hover{box-shadow:0 0 0 var(--black)}