:root{color-scheme:dark;color:#ffffffde;background-color:#242424;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea,button{font-family:inherit}*{font-family:Pixelify Sans,serif!important;font-optical-sizing:auto;font-style:normal;box-sizing:border-box;margin:0;padding:0}.App{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-size:2rem;margin-bottom:20px}button{padding:10px 20px;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;transition:.15s ease}button:hover{background-color:#444}.file-selector{display:flex;flex-direction:column;margin-top:10px;margin-bottom:2rem}.file-selector-top{display:flex;align-items:center}.file-selector-button{position:relative;margin-right:16px}input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=file]::-webkit-file-upload-button{visibility:hidden}.file-name{margin-bottom:1rem;color:#888}.error-message{color:red;font-size:.875rem;margin-top:1rem}.density-options{display:flex;gap:10px;margin:20px 0}.density-options button{padding:10px 20px;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;transition:.15s ease}.density-options button.active{background-color:#555}.density-options button:not(.active):hover{background-color:#444}.pixelate-button{padding:10px 20px;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;transition:.15s ease}.pixelate-button:hover{background-color:#444}canvas{margin-top:20px;border:1px solid #444444;border-radius:4px}.download-button{margin-top:20px}.retry-button{margin-top:10px}.logo{position:absolute;top:24px;left:50%;display:flex;align-items:center;gap:8px;font-weight:500;transform:translate(-50%)}.footer{position:absolute;bottom:16px;width:100%;display:flex;align-items:center;justify-content:center;column-gap:32px;text-align:center;color:#888}.social-links{display:flex;justify-content:center;gap:20px}.social-links a{color:#888;font-size:1.5rem;transition:color .15s ease}.social-links a svg{width:100%;height:100%}social-links a:hover{color:#555}@media (max-width: 600px){*{font-size:.875rem}.App{padding:10px}h1{font-size:1.25rem;margin-bottom:12px}button{padding:8px 16px}.file-selector{margin-top:8px;margin-bottom:1.5rem}.file-selector-button{margin-right:12px}.file-name{margin-bottom:.75rem}.error-message{margin-top:.75rem}.density-options{gap:8px;margin:16px 0}.density-options button,.pixelate-button{padding:8px 16px}canvas{margin-top:16px}.download-button{margin-top:16px}.retry-button{margin-top:8px}.logo{top:12px;gap:6px}.footer{flex-direction:column-reverse;bottom:12px;column-gap:0;row-gap:16px}.social-links{gap:16px}.social-links a{width:20px;height:20px}#bmc-wbtn{width:48px!important;height:48px!important}#bmc-wbtn img{width:28px!important;height:28px!important}}