*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{width:100%;height:100%;background:#0c0c0c;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative;width:100vw;height:100vh;overflow:hidden}@media screen and (max-width:768px){.clickable,button{min-height:44px;min-width:44px}.mobile-menu-width{width:280px!important}.mobile-spacing-small{padding:6px!important;gap:6px!important}.mobile-spacing-medium{padding:10px!important;gap:10px!important}.mobile-paint-tile{width:55px!important;height:55px!important}.mobile-tab-button{width:48px!important;height:48px!important;font-size:20px!important;min-width:48px!important;min-height:48px!important}.mobile-bottom-menu{height:65px!important;padding:0 10px!important}.mobile-color-picker{width:140px!important;height:140px!important}.mobile-paint-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;max-height:300px!important}.mobile-icon-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;max-height:250px!important}.mobile-icon-tile{width:50px!important;height:50px!important;padding:4px!important}.mobile-menu-content{gap:12px!important;padding-bottom:10px!important}.mobile-section{margin-bottom:15px!important}}@media screen and (max-width:1024px) and (orientation:landscape){.mobile-landscape-menu{width:260px!important}.mobile-landscape-spacing{padding:10px!important;gap:10px!important}}@media (hover:none) and (pointer:coarse){button{min-height:48px;min-width:48px;padding:12px}button:hover{transition:none}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media screen and (max-device-width:812px){body{position:fixed;overflow:hidden}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.crisp-borders{border-width:.5px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}