body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-bg:#09090b;--panel-bg:#18181b;--element-bg:#27272a;--glass-border:#ffffff14;--accent-glow:#6366f126;--text-main:#fafafa;--text-dim:#71717a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a}*{-webkit-font-smoothing:antialiased;box-sizing:border-box}body{background:#09090b;background:var(--primary-bg);background-image:linear-gradient(135deg,#1a1a2e,#0f0f1a);color:#fafafa;color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;margin:0;min-height:100vh;overflow-x:hidden;text-align:center}.topBar{align-items:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#0006;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);display:flex;height:70px;justify-content:space-between;padding:0 5%;position:sticky;top:0;width:100%;z-index:100}.logoWrapper h1{color:red;font-size:1.5rem;font-weight:800;letter-spacing:-1px;margin:0}.logoWrapper h1 span{color:#fff;font-size:1.1rem;font-style:italic;margin-left:-10px}.hamburger{transition:var(--transition);width:30px}.hamburger:hover{filter:brightness(1.2);transform:scale(1.1)}.dropdownMenuInvisible,.dropdownMenuVisible{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#0a0a14f2;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);border-left:1px solid #ffffff14;border-left:1px solid var(--glass-border);padding:20px;position:fixed;right:0;top:70px;transition:transform .4s ease;width:250px;z-index:99}.dropdownMenuInvisible{transform:translateX(100%)}.topBar li{border-radius:8px;cursor:pointer;font-weight:500;list-style:none;padding:12px;transition:var(--transition)}.topBar li:hover{background:var(--secondary-bg);color:var(--accent-color)}.containerWrapper{align-items:center;background:#18181b;background:var(--panel-bg);background-image:linear-gradient(to bottom right,#ffffff08,#fff0 50%);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 20px 40px #0006,0 0 20px #6366f126;box-shadow:0 20px 40px #0006,0 0 20px var(--accent-glow);display:flex;flex-direction:column;margin:20px auto;padding:24px;width:fit-content}.container{grid-gap:0;aspect-ratio:1/1;background-color:#000;border:4px solid #000;box-shadow:0 0 0 1px #ffffff14;box-shadow:0 0 0 1px var(--glass-border);display:grid;gap:0;grid-template-columns:repeat(20,1fr);width:min(55vh,320px)}.pixel{box-shadow:inset 0 0 0 .5px #00000026;cursor:crosshair;height:100%;touch-action:none;transition:filter .1s ease;-webkit-user-select:none;user-select:none;width:100%}.activePaint,.inactivePaint{background-image:linear-gradient(to bottom right,#ffffff1a,#0003);border:2px solid #0000;height:28px;position:relative;transition:var(--transition);width:28px}.pallette{grid-gap:8px;background:#0000004d;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);margin-top:10px;padding:10px}.activePaint,.inactivePaint{border:1px solid #0000004d;border-radius:50%;cursor:pointer;height:30px;transition:transform .2s ease;width:30px}.inactivePaint:hover{transform:scale(1.1)}.activePaint{border:3px solid #fff;box-shadow:0 0 8px #00000080;transform:scale(1.2)}.clearButton{background:linear-gradient(135deg,var(--danger-color),#ff416c);border:none;border-radius:12px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-weight:700;letter-spacing:1px;margin-top:12px;padding:10px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.clearButton:hover{box-shadow:0 0 10px #d7c7c433;filter:brightness(1.1);transform:scale(1.02)}.clearButton:active{filter:brightness(.9)}.inactivePaint:hover{border-color:#ffffff80;filter:brightness(1.2);transform:scale(1.15)}.popupOuter{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.popup{background:#161625;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:400px;padding:30px;width:90%}.form input{background:#0f0f1a;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:8px;color:#fff;margin-bottom:10px;padding:12px;width:100%}.galleryWrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:40px 5%}li.thumbnailWrapper{background:var(--secondary-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:16px;list-style:none;padding:15px;transition:var(--transition);width:180px;h4,p{color:#71717a;color:var(--text-dim);margin:5px 0}}li.thumbnailWrapper:hover{background:#ffffff14}.thumbnailImageWrapper{aspect-ratio:1/1;background:#000;display:grid;grid-template-columns:repeat(20,1fr);margin-bottom:10px;width:100%}.likeButton{color:#71717a;color:var(--text-dim);cursor:pointer}.likeButton,.likeButtonLiked{align-items:center;background:#0000;border:none;display:flex;gap:6px;justify-content:center}.likeButtonLiked{color:var(--accent-color)}.footer{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#000c;border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border);bottom:0;color:#71717a;color:var(--text-dim);display:flex;font-size:.75rem;justify-content:space-between;padding:10px 20px;position:fixed;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#09090b;background:var(--primary-bg)}::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@media (min-width:800px){.hamburger{display:none}.dropdownMenuInvisible,.dropdownMenuVisible{background:#0000;border:0;display:block;padding:10px;position:static;transform:translateZ(0);transition:.5s;width:100%}.dropdownMenuInvisible ul,.dropdownMenuVisible ul{display:flex}.dropdownMenuInvisible li:hover,.dropdownMenuVisible li:hover{background:#fff;border-radius:5px;color:#222;transition:.5s}.dropdownMenuInvisible li,.dropdownMenuVisible li{padding:0 20px;transition:.5s}.popup{padding:10px;width:40%}}
/*# sourceMappingURL=main.cdd14d23.css.map*/