._dropzone_zky2f_1{width:100%;max-width:320px;height:320px;border:2px dashed black;padding:20px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}._dropzone_zky2f_1 p{font-size:20px;line-height:28px}._dragActive_zky2f_18{border:3px dashed black}._canvasWrapper_1lxuh_1{display:flex;justify-content:center}._btnWrapper_1lxuh_6{margin-top:16px;display:grid;grid-template:1fr 1fr/1fr 1fr;gap:16px}@media (max-width: 700px){._btnWrapper_1lxuh_6{grid-template:1fr 1fr 1fr 1fr/1fr}}._resultWrapper_1l9gv_1{display:grid;grid-auto-flow:row}._resultWrapper__colors_1l9gv_5{margin-top:16px;display:grid;grid-auto-flow:row;margin-bottom:16px}._resultWrapper__colors_1l9gv_5 ul{margin-top:24px;display:grid;grid-auto-flow:row;gap:12px}._resultWrapper__colors_1l9gv_5 ul li{font-size:18px;line-height:24px;font-weight:500;font-style:italic;width:100%;display:flex;justify-content:space-between;padding-bottom:4px}._resultWrapper__colors_1l9gv_5 ul li div{border-radius:4px;display:inline-block;width:20px;height:20px}._resultWrapper__puzzle_1l9gv_33 svg{width:8px;height:8px}._modal_1l9gv_38{padding:4px;background:#fff;overflow:auto;white-space:nowrap;position:absolute;top:0;bottom:0;left:0;right:0}._modal__row_1l9gv_49{line-height:4px;display:flex;flex-wrap:nowrap;flex:1 0 auto}._modal__cell_1l9gv_55{display:inline-block;min-width:4px;min-height:4px;width:4px;height:4px;margin:1px}._close_1l9gv_64{border-radius:4px;background-color:#fff;position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer;left:8px;top:8px;width:30px;height:30px;font-size:24px;line-height:1}._step2Wrapper_1o4j9_1{display:grid;grid-auto-flow:row;text-align:center;gap:8px}._step2Wrapper_1o4j9_1 img{width:300px;height:300px}._btnWrapper_1o4j9_12{margin-top:16px;display:grid;grid-auto-flow:row;gap:16px}button{background-color:#fff;border:2px solid #111;border-radius:8px;box-sizing:border-box;color:#111;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;height:48px;justify-content:center;width:100%;padding:0 25px;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}button:after{background-color:#111;border-radius:8px;content:"";display:block;height:48px;left:0;width:100%;position:absolute;top:-2px;transform:translate(8px,8px);transition:transform .2s ease-out;z-index:-1}button:hover:after{transform:translate(0)}button:active,button:hover{outline:0}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8px}