@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_36bd41;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_36bd41;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_36bd41{font-family:__Inter_36bd41,__Inter_Fallback_36bd41;font-style:normal}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.full-page-container{position:relative;width:100vw;height:100vh;overflow:hidden}.bottom-menu{gap:10px;padding:10px;background-color:hsla(0,0%,100%,.8);border-radius:5px}.color-button{border:1px solid #333}.custom-color{display:flex;align-items:center;justify-content:center;font-size:20px;background-color:#f0f0f0;color:#333}.pixel:hover{transform:scale(1.4);z-index:1}.color-indicator-container{position:fixed;display:flex;align-items:center;gap:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:8px;border-radius:4px;background-color:hsla(0,0%,100%,.8)}.color-indicator{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.5);pointer-events:none;z-index:1000}.pixel-grid-container{user-select:none}.zoom-controls{background-color:hsla(0,0%,100%,.8);border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.zoom-controls button{margin:0 5px;padding:5px 10px;font-size:16px;cursor:pointer}.zoom-controls span{margin-left:10px;font-weight:700}.zoom-controls{position:fixed;top:20px;right:20px;background-color:hsla(0,0%,100%,.9);padding:10px;border-radius:30px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.zoom-button,.zoom-controls{display:flex;align-items:center}.zoom-button{width:36px;height:36px;margin:0 5px;padding:0;font-size:18px;font-weight:700;cursor:pointer;border:none;border-radius:50%;background-color:#f0f0f0;color:#333;transition:all .3s ease;justify-content:center}.zoom-button:hover{background-color:#e0e0e0}.zoom-button:active{transform:scale(.95)}.zoom-reset svg{width:20px;height:20px}.zoom-level{margin-left:10px;font-weight:700;font-size:14px;color:#333}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center}.loading-spinner{animation:spin 2s linear infinite;margin-bottom:20px;color:#3498db}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen h2{font-size:24px;margin-bottom:10px;color:#333}.loading-screen p{font-size:16px;color:#666}.pixel-grid-container{width:100vw;height:100vh;overflow:hidden;background:#f0f0f0;display:flex}.pixel-grid{display:grid;gap:1px;padding:64px;height:fit-content}.pixel{width:8px;height:8px;border:1px solid #eee}.bottom-menu{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background-color:hsla(0,0%,100%,.9);border-radius:30px;padding:10px 20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.color-button{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.3);margin:0 5px;cursor:pointer;transition:all .3s ease}.color-button.active{transform:scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.5)}.color-button:hover{transform:scale(1.1)}.separator{width:1px;height:30px;background-color:#ccc;margin:0 10px}.preset-colors,.user-colors{display:flex;align-items:center}.user-color-slot{position:relative;margin:0 5px}.activate-pipette,.remove-color{position:absolute;top:-5px;right:-5px;width:15px;height:15px;border-radius:50%;color:#fff;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:10px;padding:0;opacity:0;transition:opacity .3s ease}.remove-color{background-color:#ff4d4d;right:-5px}.activate-pipette{background-color:#4d4dff;left:-5px}.user-color-slot:hover .activate-pipette,.user-color-slot:hover .remove-color{opacity:1}.sketch-picker-container{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:10px;z-index:1000}@media (max-width:768px){.bottom-menu{flex-wrap:wrap;justify-content:center;padding:10px}.separator{width:100%;height:1px;margin:10px 0}.preset-colors,.user-colors{flex-wrap:wrap;justify-content:center}}