@import "https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}*{-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Google Sans Flex,sans-serif;transition-duration:.15s}body{box-sizing:border-box;background-color:#0b0b0c;width:100dvw}#root{height:100dvh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}::-webkit-scrollbar-thumb{background:#444;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#666}@media (width<=768px){#root>div>main{width:85%;padding:2rem 7.5% 3rem}}.Err{z-index:9999;background-color:#ef4444;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:start;gap:.1rem;padding:1.25rem 1.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.Err>b,.Err>span{color:#e9e9e7;font-size:15px}.PopupGrid{background-color:#131316;border:1px solid #1f1f24;border-radius:.75rem;flex-direction:column;gap:.25rem;width:23rem;padding:.75rem;display:flex;position:absolute;bottom:120%;left:0}.PopupGrid>header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.PopupGrid>header>span{color:var(--color-text-opacity);letter-spacing:.1em;text-transform:uppercase;font-size:11.5px;font-weight:500}.PopupGrid>header>p{color:#b4b4b8;font-size:12.5px;font-weight:500}.PopupGrid>.grid{grid-template-columns:repeat(64,minmax(0,1fr));gap:1px;width:100%;height:22rem;display:grid}.PopupGrid>.grid>div{background-color:#aee35e;width:100%;height:100%}.PopupGrid>span{color:#55555c;text-align:left;margin-top:1rem;font-size:12px;font-weight:500}.PopupGrid>footer{align-items:center;gap:.5rem;display:flex}.PopupGrid>footer>.cant{align-items:center;gap:.25rem;display:flex}.PopupGrid>footer>.cant>span{color:#b4b4b8;font-size:15px}.PopupGrid>footer>.cant>input{color:#b4b4b8;background-color:#0b0b0c;border:1px solid #1f1f24;border-radius:.3rem;outline:none;padding:.4rem .5rem;font-size:14px;font-weight:600}.PopupGrid>footer>span{color:#55555c;font-size:11px}.Nav{z-index:30;background-color:#0b0b0cd9;border-bottom:1px solid #1f1f24;flex-shrink:0;justify-content:space-between;align-items:center;width:90%;height:3.5rem;padding:0 5%;display:flex;position:sticky;top:0}.Nav>div{align-items:center;gap:.625rem;display:flex}.Nav>div>.icon{cursor:pointer;border:1px solid #e5e5e563;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:1.5rem;height:1.5rem;display:grid}.Nav>div>.icon>div{background-color:#aee35e}.Nav>div>.title{letter-spacing:-.025em;color:#e9e9e7;cursor:pointer;align-items:center;font-size:18px;font-weight:600;display:flex}.Nav>nav{align-items:center;gap:.25rem;display:flex}.Nav>nav>button{color:#8a8a8f;cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:13px;display:flex}.Nav>nav>button:hover{color:#e9e9e7}.Nav>nav>button>svg{width:.875rem;height:.875rem}.credits{cursor:pointer;border:1px solid #1f1f24;border-radius:.4rem;align-items:center;gap:.375rem;padding:.15rem .625rem;display:flex}.credits:hover{color:#e9e9e7;border-color:#2e2e34}.credits>span{letter-spacing:.05em;color:#6e6e74;font-size:10px}.credits>span>b{color:#b4b4b8;font-size:13px;font-weight:500}.credits>svg{color:#aee35e;width:.875rem;height:.875rem}.Nav>nav>button.green{color:#0b0b0c;background-color:#aee35e;gap:.375rem;margin-left:1rem;padding:.375rem .625rem}.Nav>nav>button.green>svg{width:.875rem;height:.875rem}.Nav>nav>button.green:hover{opacity:.9}.Nav>nav>button>img{background-color:#0f0f12;border-radius:9999px;flex-shrink:0;width:1.5rem;height:1.5rem}.Nav>nav>button.lang-toggle-btn{color:#e9e9e7;cursor:pointer;background-color:#131316;border:1px solid #2e2e34;border-radius:.4rem;align-items:center;gap:.375rem;padding:.35rem .6rem;font-size:11px;font-weight:600;transition:all .15s;display:flex}.Nav>nav>button.lang-toggle-btn:hover{color:#aee35e;background-color:#24242a;border-color:#aee35e66}.Nav>nav>button.lang-toggle-btn svg{color:#aee35e;width:.875rem;height:.875rem}.hamburger,.mobile-only-text{display:none}@media (width<=768px){.Nav{width:calc(100% - 2.5rem);padding:0 1.25rem}.hamburger{color:#e9e9e7;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.hamburger>svg{width:1.5rem;height:1.5rem}.Nav>nav{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0b0b0cfc;border-bottom:1px solid #1f1f24;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;padding:1rem 1.25rem;display:none;position:absolute;top:3rem;left:0;box-shadow:0 10px 20px #00000080}.Nav>nav.open{flex-direction:column;display:flex}.Nav>nav>button,.Nav>nav>.credits{border-radius:.5rem;flex:1;justify-content:flex-start;width:100%;padding:.875rem 1rem;font-size:15px}.Nav>nav>.credits{width:calc(100% - 2rem)}.Nav>nav>button:hover,.Nav>nav>.credits:hover{background-color:#1a1a1f}.Nav>nav>button.green{justify-content:center;margin-top:.5rem;margin-left:0}.mobile-only-text{color:#8a8a8f;margin-left:.5rem;display:inline-block}.Nav>nav>button.profile-btn{align-items:center;display:flex}}.Loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:50%;display:flex}.Loading .icon-grid{grid-template-columns:repeat(8,1fr);gap:4px;width:150px;display:grid}.Loading .pixel{background-color:#333;width:15px;height:15px;animation:2s ease-in-out infinite fillEffect}.Loading>p{color:#6e6e74;font-size:13px}@keyframes fillEffect{0%,to{background-color:#333}50%{background-color:#aee35e;box-shadow:0 0 2px #aee35e}}:root{--color-text-opacity:#6e6e74}.CreatePixelart>main>span,.CreatePixelart>main>section>span,.CreatePixelart>main>.canvas>span{color:var(--color-text-opacity);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.35rem;font-size:11px}.CreatePixelart{flex-direction:column;height:100%;display:flex;position:relative}.CreatePixelart>main{flex-direction:column;align-items:start;width:50%;height:100%;margin:auto;padding:3rem 25%;display:flex;overflow-y:auto}.CreatePixelart>main>.selector{gap:12px;margin-bottom:32px;display:flex}.CreatePixelart>main>.selector>button{cursor:pointer;color:#a8b5c2;background-color:#0000;border:2px solid #2a2a30;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:.675rem;font-weight:600;display:flex}.CreatePixelart>main>.selector>button>svg{width:1.25rem;height:1.25rem}.CreatePixelart>main>.selector>button.sel{color:#aee35e;background-color:#aee35e09;border-color:#aee35e66}.CreatePixelart>main>h1{color:#e9e9e7;letter-spacing:-.025em;margin-top:.5rem;font-size:38px;font-weight:600;line-height:1.15}.CreatePixelart>main>h2{color:#8a8a8f;margin-top:.5rem;margin-bottom:2rem;font-size:15px;font-weight:400}.CreatePixelart>main>section{flex-direction:column;width:100%;margin-bottom:2rem;display:flex}.CreatePixelart>main>section>textarea{color:#e9e9e7;resize:none;background-color:#131316;border:1px solid #1f1f24;border-radius:.75rem;outline:#e9e9e7d5;padding:.875rem 1rem;font-size:14px;line-height:1.625;overflow:hidden}.CreatePixelart>main>section>.input-image{color:#8a8a8f;cursor:pointer;border:1px dashed #2a2a30;border-radius:.5rem;align-items:center;gap:.625rem;padding:.625rem .875rem;display:flex}.CreatePixelart>main>section>.input-image:hover{color:#e9e9e7;background-color:#0c0c0e;border-color:#e9e9e7}.CreatePixelart>main>section>.input-image>svg{width:.875rem;height:.875rem}.CreatePixelart>main>section>.input-image>p{font-size:12px}.CreatePixelart>main>.canvas{background-color:#0f0f12;border:1px solid #1f1f24;border-radius:.75rem;flex-direction:column;gap:1rem;width:calc(100% + -2.5rem - 2px);margin-bottom:1.5rem;padding:.875rem 1.25rem 1.25rem;display:flex}.CreatePixelart>main>.canvas>div{flex-direction:column;gap:.5rem;display:flex}.CreatePixelart>main>.canvas>div>header{justify-content:space-between;align-items:center;display:flex}.CreatePixelart>main>.canvas>div>header>span{color:#55555c;font-size:11px}.CreatePixelart>main>.canvas>div>header>p{color:#b4b4b8;font-size:13px}.CreatePixelart>main>.canvas>div>div{justify-content:start;align-items:center;gap:.375rem;display:flex}.CreatePixelart>main>.canvas>div>div button{color:#8a8a8f;cursor:pointer;background-color:#0000;border:1px solid #1f1f24;border-radius:.4rem;align-items:center;height:1.875rem;padding:0 .75rem;font-size:12px;font-weight:600;display:flex}.CreatePixelart>main>.canvas>div>div button.custom{gap:.375rem;position:relative}.CreatePixelart>main>.canvas>div>div button.custom>svg{width:.875rem;height:.875rem}.CreatePixelart>main>.canvas>div>div button.sel{color:#0b0b0c;background-color:#aee35e;border-color:#aee35e}.CreatePixelart>main>.canvas>div>div>button:hover{color:#e9e9e7;border-color:#e9e9e7}.CreatePixelart>main>.canvas>div>div>button.sel:hover{color:#0b0b0c;border-color:#aee35e}.CreatePixelart>main>.canvas>hr{border:none;border-top:1px solid #1f1f24;width:100%}.CreatePixelart>main>footer{align-items:center;gap:1.5rem;display:flex}.CreatePixelart>main>footer>button{color:#0b0b0c;cursor:pointer;background-color:#aee35e;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:13px;font-weight:600;display:flex}.CreatePixelart>main>footer>button:hover{opacity:.9}.CreatePixelart>main>footer>button:disabled{opacity:.4}.CreatePixelart>main>footer>button>svg{width:1rem;height:1rem}.CreatePixelart>main>footer>span{color:#b4b4b8;font-size:12px;font-weight:400}.CreatePixelart>main>footer>a{cursor:pointer;color:#b4b4b8;font-size:14px;font-weight:400}.CreatePixelart>main>footer>a:hover{color:#e9e9e7;border-color:#2e2e34}@media (width<=768px){.CreatePixelart>main>.canvas>div>div button.custom{display:none}}.EditPixelart{flex-direction:column;height:100%;display:flex}.EditPixelart>main{align-items:start;width:100%;height:100%;margin:auto;display:flex;overflow-y:auto}.EditPixelart>main>aside{border-right:1px solid #1f1f24;flex-direction:column;justify-content:start;align-items:center;height:calc(100% - 1rem);padding:.5rem;display:flex}.EditPixelart>main>aside>div{background-color:#131316;border:1px solid #1f1f24;border-radius:.75rem;flex-direction:column;flex:1;justify-content:start;align-items:center;gap:.25rem;padding:.375rem;display:flex}.EditPixelart>main>aside>div>button{color:#8a8a8f;cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.EditPixelart>main>aside>div>button:hover{color:#e9e9e7;background-color:#1d1d22}.EditPixelart>main>aside>div>button.sel{color:#0b0b0c;background-color:#aee35e}.EditPixelart>main>aside>div>button>svg{width:1rem;height:1rem}.EditPixelart>main>aside>div>hr{border:none;border-top:1px solid #1f1f24;width:100%;margin:.25rem 0}.EditPixelart>main>aside>div>button.sel.special{color:#aee35e;background-color:#0000}.EditPixelart>main>aside>div>button.sel.special:hover{background-color:#1d1d22}.EditPixelart>main>.content{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.EditPixelart>main>.content>.selectedAnimation{background:#111113;border:1px solid #2a2a30;border-radius:12px;gap:7px;padding:7px;display:flex;position:absolute;bottom:20px}.EditPixelart>main>.content>.selectedAnimation>div{cursor:pointer;background:#1a1a1c;border-radius:8px;width:64px;height:64px}.EditPixelart>main>.content>.panel{background-image:conic-gradient(#333 90deg,#222 90deg 180deg,#333 180deg 270deg,#222 270deg);background-position:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.EditPixelart>main>.content>.panel>div{transform-origin:"center center";transition:"transform 0.1s ease";flex-shrink:0}.EditPixelart>main>.content>.panel>div>canvas{image-rendering:pixelated;display:block}.EditPixelart>main>.properties{border-left:1px solid #1f1f24;flex-direction:column;gap:1.25rem;height:calc(100% - 2rem);padding:1rem;display:flex;overflow-y:auto}.EditPixelart>main>.properties>header{display:none}.EditPixelart>main>.properties>header>button{color:#fff}.EditPixelart>main>.properties>section{flex-direction:column;gap:.75rem;display:flex}.EditPixelart>main>.properties>section>header{justify-content:space-between;align-items:center;display:flex}.EditPixelart>main>.properties>section>header>span{color:var(--color-text-opacity);letter-spacing:.15em;text-transform:uppercase;font-size:11px}.EditPixelart>main>.properties>section>header>button{color:#8a8a8f;cursor:pointer;background-color:#0000;border:none;align-items:center;gap:.25rem;font-size:11px;display:flex}.EditPixelart>main>.properties>section>header>button:hover{color:#e9e9e7}.EditPixelart>main>.properties>section>header>button>svg{width:.75rem;height:.75rem}.EditPixelart>main>.properties>section>.animations{background-color:#131316;border:1px solid #1f1f24;border-radius:.75rem;flex-direction:column;gap:7px;padding:.375rem;display:flex}.EditPixelart>main>.properties>section>.animations>button{color:#fff}.EditPixelart>main>.properties>section>.animations>.empty{flex-direction:column;align-items:center;gap:7px;padding-bottom:7px;display:flex}.EditPixelart>main>.properties>section>.animations>.empty>span{color:#8a8a8f;font-size:12px}.EditPixelart>main>.properties>section>.animations>.empty>button{color:#aee35e;cursor:pointer;background-color:#aee35e1a;border:2px dashed #aee35e66;border-radius:.4rem;margin-right:.5rem;padding:.375rem .75rem;font-size:12px}.EditPixelart>main>.properties>section>.animations>.empty>button:hover{background-color:#aee35e33}.EditPixelart>main>.properties>section>.animations>hr{border:none;border-top:1px solid #1f1f24}.EditPixelart>main>.properties>section>.animations>button{cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;align-items:center;gap:.1rem;padding:.5rem .75rem;font-size:12px;font-weight:300;display:flex}.EditPixelart>main>.properties>section>.animations>button:hover{color:#e9e9e7;background-color:#1d1d22}.EditPixelart>main>.properties>section>.animations>button.green{color:#0b0b0c;background-color:#aee35e;font-weight:500}.EditPixelart>main>.properties>section>.colors-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.375rem;max-height:10rem;padding-right:.25rem;display:grid;overflow-y:auto}.EditPixelart>main>.properties>section>.colors-grid>button{aspect-ratio:1;cursor:pointer;background-color:#383a39;border:1px solid #e5e5e527;border-radius:.25rem;box-shadow:inset 0 0 0 1px #ffffff0f}.EditPixelart>main>.properties>section>.active-color{background-color:#0f0f12;border:1px solid #1f1f24;border-radius:.4rem;align-items:center;gap:.625rem;padding:.5rem;display:flex}.EditPixelart>main>.properties>section>.active-color>.color{background-color:#aee35e;border-radius:.4rem;flex-shrink:0;width:2.25rem;height:2.25rem;box-shadow:inset 0 0 0 1px #ffffff14}.EditPixelart>main>.properties>section>.active-color>.info{flex-direction:column;display:flex}.EditPixelart>main>.properties>section>.active-color>.info>span{letter-spacing:.05em;color:#6e6e74;font-size:10px;line-height:1.75}.EditPixelart>main>.properties>section>.active-color>.info>p{color:#e9e9e7;-webkit-user-select:text;user-select:text;font-size:12px;font-weight:500;line-height:1.5}.EditPixelart>main>.properties>section>.active-color>button{color:#8a8a8f;cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-left:auto;display:flex}.EditPixelart>main>.properties>section>.active-color>button>svg{width:.875rem;height:.875rem}.EditPixelart>main>.properties>section>.active-color>button:hover{color:#e9e9e7;background-color:#1d1d22}.EditPixelart>main>.properties>section>.versions{justify-content:start;align-items:center;gap:.5rem;width:100%;display:flex;overflow-x:auto}.EditPixelart>main>.properties>section>.versions>button{cursor:pointer;background-color:#0000;border:1px solid #1f1f24;border-radius:.4rem;flex-direction:column;flex-shrink:0;gap:.375rem;padding:.375rem;display:flex}.EditPixelart>main>.properties>section>.versions>button:hover{color:#6e6e74;border-color:#2e2e34}.EditPixelart>main>.properties>section>.versions>button.sel{border-color:#aee35e}.EditPixelart>main>.properties>section>.versions>button>canvas{border-radius:.4rem;width:3.5rem;height:3.5rem}.EditPixelart>main>.properties>section>.versions>button>span{color:#6e6e74;font-size:10px}.EditPixelart>main>.properties>section>.versions>button.sel>span{color:#aee35e}.EditPixelart>main>.properties>section>.prompt{background-color:#131316;border:1px solid #1f1f24;border-radius:.75rem;align-items:center;gap:.375rem;padding:.5rem .5rem .5rem .875rem;display:flex}.EditPixelart>main>.properties>section>.prompt>svg{color:#aee35e;flex-shrink:0;width:.875rem;height:.875rem}.EditPixelart>main>.properties>section>.prompt>input{color:#e9e9e7;text-overflow:ellipsis;white-space:nowrap;background-color:#0000;border:none;outline:none;flex:1;height:100%;padding:0 .5rem;font-size:13px;overflow:hidden}.EditPixelart>main>.properties>section>.prompt>button{color:#0b0b0c;cursor:pointer;background-color:#aee35e;border:none;border-radius:.4rem;justify-content:center;align-items:center;padding:.375rem;display:flex}.EditPixelart>main>.properties>section>.prompt>button:hover{opacity:.9}.EditPixelart>main>.properties>section>.prompt>button:disabled{opacity:.4}.EditPixelart>main>.properties>section>.prompt>button>svg{width:1rem;height:1rem}.EditPixelart>main>.properties>section>.purposes{flex-direction:column;align-items:start;gap:.375rem;display:flex}.EditPixelart>main>.properties>section>.purposes>button{color:#6e6e74;cursor:pointer;background-color:#0000;border:1px solid #1f1f24;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:11px;display:flex}.EditPixelart>main>.properties>section>.purposes>button:hover{color:#b4b4b8;border-color:#2e2e34}.EditPixelart>main>.properties>hr{border:none;border-top:1px solid #1f1f24;width:100%}.EditPixelart>main>.properties>footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;display:flex}.EditPixelart>main>.properties>footer>span{color:#55555c;font-size:11px}.EditPixelart>main>.properties>section>.slider{align-items:center;display:flex}.EditPixelart>main>.properties>section>.slider>button{cursor:pointer;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .5rem .25rem .25rem;font-size:12px;font-weight:400;display:flex}.EditPixelart>main>.properties>section>.slider>button>svg{border-radius:9999px;width:.8rem;height:.8rem;padding:.3rem}.EditPixelart>main>.properties>section>.slider>button.public{color:#aee35e;background-color:#aee35e1a;border:1px solid #aee35e66}.EditPixelart>main>.properties>section>.slider>button.public>svg{color:#0b0b0c;background-color:#aee35e}.EditPixelart>main>.properties>section>.slider>button.private{color:#8a8a8f;background-color:#131316;border:1px solid #2a2a30}.EditPixelart>main>.properties>section>.slider>button.private>svg{color:#8a8a8f;background-color:#1d1d22}.NavEdit{background-color:#0b0b0cd9;border-bottom:1px solid #1f1f24;flex-shrink:0;justify-content:space-between;align-items:center;width:98%;height:3.5rem;padding:0 1%;display:flex}.NavEdit>div{align-items:center;gap:1.5rem;width:35%;height:50%;display:flex}.NavEdit>div>button{color:#6e6e74;cursor:pointer;background-color:#0000;border:none;align-items:center;gap:.375rem;font-size:12px;display:flex}.NavEdit>div>button>svg{width:.875rem;height:.875rem}.NavEdit>div>button:hover{color:#e9e9e7}.NavEdit>div>input{color:#e9e9e7;background-color:#0000;border:none;outline:none;width:100%;height:100%;font-size:14px;font-weight:500}.NavEdit>nav{align-items:center;gap:.5rem;height:50%;display:flex}.NavEdit>nav>hr{border:none;border-left:1px solid #e5e5e525;height:70%;margin:0 .5rem}.NavEdit>nav>.zoom{align-items:center;display:flex}.NavEdit>nav>.zoom>span{color:#8a8a8f;text-align:center;width:3rem;font-size:12px}.NavEdit>nav button{color:#8a8a8f;cursor:pointer;background-color:#0000;border:none;border-radius:.4rem;justify-content:center;align-items:center;gap:.375rem;padding:.375rem;font-size:13px;font-weight:500;display:flex;position:relative}.NavEdit>nav button:disabled{opacity:.3}.NavEdit>nav button:hover{color:#e9e9e7;background-color:#1d1d22}.NavEdit>nav button>svg{width:1rem;height:1rem}.NavEdit>nav>button.save{padding-left:.75rem;padding-right:.75rem}.NavEdit>nav>button.green{color:#0b0b0c;background-color:#aee35e;gap:.375rem;margin-left:.5rem;padding:.375rem .625rem}.NavEdit>nav>button.green>svg{width:.875rem;height:.875rem}.NavEdit>nav>button.green:hover{opacity:.9}.NavEdit>nav>button.animate{color:#aee35e;background-color:#aee35e1a;border:1px solid #aee35e66;margin-right:.5rem;padding:.375rem .75rem}.NavEdit>nav>button.animate:hover{background-color:#aee35e33}.NavEdit .lang-toggle-btn{color:#c5c5c5;background:#ffffff0f;border:1px solid #ffffff1f;padding:.35rem .65rem;font-size:.8rem;font-weight:600}.NavEdit .lang-toggle-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff40}@media (width<=768px){.EditPixelart>main{flex-direction:column;margin:0;display:flex;width:100%!important;padding:0%!important}.EditPixelart>main>aside{border-bottom:1px solid #1f1f24;border-right:none;flex-direction:row;width:calc(100% - 1rem);height:auto}.EditPixelart>main>aside>div>button{width:1.75rem;height:1.75rem}.EditPixelart>main>aside>div>button>svg{width:.875rem;height:.875rem}.EditPixelart>main>aside>div{flex-direction:row;gap:0}.EditPixelart>main>aside>div>hr{border-top:none;border-left:1px solid #1f1f24;width:auto;height:1.75rem;margin:0 auto}.EditPixelart>main>.properties>header{align-items:center;display:flex}.EditPixelart>main>.properties>header>button{background-color:#0000;border:none;border-bottom:2px solid #0000;border-radius:.4rem .4rem 0 0;padding:.25rem .5rem}.EditPixelart>main>.properties>header>button.sel{border-bottom:2px solid #aee35e}.EditPixelart>main>.properties>hr{display:none}.EditPixelart>main>.content{flex:none;width:100%;height:50%}.EditPixelart>main>.properties{width:calc(100% - 2.1rem);overflow-y:auto}.EditPixelart>main>.content>.selectedAnimation{border-radius:7px;flex-direction:column;gap:5px;height:42%;padding:5px;top:125px;bottom:auto;left:5px;overflow-y:auto}.EditPixelart>main>.content>.selectedAnimation>div{border-radius:5px;width:37px;height:37px}.EditPixelart .properties>.mode-movil-closed{display:none}.NavEdit{width:90%;padding:0 5%}.NavEdit>nav button{justify-content:center;align-items:center;padding:.25rem;font-size:0;display:flex}.NavEdit>nav>button.green{margin-left:.15rem;padding-left:.6rem;padding-right:.2rem}.NavEdit>nav>button.save{padding-left:.5rem;padding-right:.15rem}.NavEdit>nav>button.animate{margin-right:0;padding-left:.6rem;padding-right:.2rem}.NavEdit>nav>hr,.NavEdit .zoom>span,.NavEdit input{display:none}.EditPixelart .colors-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;max-height:5.5rem!important}}.Planes{flex-direction:column;height:100%;display:flex}.Planes>main{flex-direction:column;align-items:start;width:60%;height:100%;margin:auto;padding:3rem 20%;display:flex;overflow-y:auto}.Planes>main>button{color:#6e6e74;cursor:pointer;background-color:#0000;border:none;align-items:center;gap:.375rem;margin-bottom:1.5rem;font-size:12px;display:flex}.Planes>main>button>svg{width:.875rem;height:.875rem}.Planes>main>button:hover{color:#e9e9e7}.Planes>main>span{color:var(--color-text-opacity);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.35rem;font-size:11px}.Planes>main>h1{color:#e9e9e7;letter-spacing:-.025em;margin-top:.5rem;font-size:38px;font-weight:600;line-height:1.15}.Planes>main>h2{color:#8a8a8f;margin-top:.5rem;margin-bottom:2rem;font-size:15px;font-weight:400}.Planes>main>.saldo{align-items:center;gap:.5rem;font-size:12px;display:flex}.Planes>main>.saldo>svg{color:#aee35e;width:.875rem;height:.875rem}.Planes>main>.saldo>span>b{color:#e9e9e7}.Planes>main>.planes{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;margin-top:2rem;display:grid}.Planes>main>.planes>section{background-color:#0f0f12;border:1px solid #1f1f24;border-radius:1rem;flex-direction:column;padding:1.75rem 1.5rem 1.5rem;display:flex;position:relative}.Planes>main>.planes>section>h3{color:#0b0b0c;letter-spacing:.05em;background-color:#aee35e;border-radius:9999px;padding:0 .625rem;font-size:10px;font-weight:600;position:absolute;top:-.625rem;left:1.5rem}.Planes>main>.planes>section>header{justify-content:space-between;align-items:center;display:flex}.Planes>main>.planes>section>header>p{color:#e9e9e7;font-size:20px;font-weight:600}.Planes>main>.planes>section>header>.badge{letter-spacing:.05em;color:#8a8a8f;border:1px solid #2a2a30;border-radius:9999px;align-items:center;padding:.1rem .5rem 0;font-size:10px;display:flex}.Planes>main>.planes>section>p{color:#6e6e74;margin-bottom:.25rem;font-size:12px}.Planes>main>.planes>section>.price{align-items:end;gap:.25rem;margin-top:1.25rem;display:flex}.Planes>main>.planes>section>.price>p{color:#6e6e74;font-size:12px}.Planes>main>.planes>section>.price>p>b{color:#e9e9e7;letter-spacing:-.025em;font-size:34px;font-weight:600}.Planes>main>.planes>section>span{color:#8a8a8f;margin-top:.25rem;font-size:12px}.Planes>main>.planes>section>.list{flex-direction:column;flex:1;gap:.45rem;margin-top:1.25rem;display:flex}.Planes>main>.planes>section>.list>div{align-items:center;gap:.5rem;font-size:12.5px;display:flex}.Planes>main>.planes>section>.list>div>svg{color:#aee35e;flex-shrink:0;width:.875rem;height:.875rem}.Planes>main>.planes>section>.list>div.no,.Planes>main>.planes>section>.list>div.no>svg{color:#3a3a42}.Planes>main>.planes>section>button{color:#e9e9e7;cursor:pointer;background-color:#0000;border:1px solid #2a2a30;border-radius:.75rem;justify-content:center;align-items:center;margin-top:1.5rem;padding:.625rem 0;font-size:13px;font-weight:500;display:flex}.Planes>main>.planes>section>button:disabled{opacity:.6;cursor:default}.Planes>main>.planes>section.popular{background-color:#0f1208;border-color:#aee35e66}.Planes>main>.planes>section.popular button{color:#0b0b0c;background-color:#aee35e}@media (width<=768px){.Planes>main>.planes{grid-template-columns:repeat(1,minmax(0,1fr))}}.Assets{flex-direction:column;height:100%;display:flex}.Assets>main{flex-direction:column;align-items:start;width:50%;height:100%;margin:auto;padding:3rem 25%;display:flex;overflow-y:auto}.Assets>main>header{flex-direction:column;width:100%;margin-bottom:2rem;display:flex}.Assets>main>header>h1{color:#e9e9e7;letter-spacing:-.025em;margin-top:.5rem;font-size:38px;font-weight:600;line-height:1.15}.Assets>main>header>.subtitle{color:#8a8a8f;margin-top:.5rem;margin-bottom:1.5rem;font-size:15px;font-weight:400}.Assets .toolbar{background-color:#0f0f12;border:1px solid #1f1f24;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;width:calc(100% - 1.5rem);padding:.75rem;display:flex}.Assets .search-bar{color:#8a8a8f;flex:1;align-items:center;gap:.5rem;padding:0 .5rem;display:flex}.Assets .search-bar input{color:#e9e9e7;background:0 0;border:none;outline:none;width:100%;font-size:14px}.Assets .filters{gap:.75rem;display:flex}.Assets .filters>div{flex:1;min-width:10rem}.Assets .filters select{color:#e9e9e7;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-color:#1d1d22;border:1px solid #2e2e34;border-radius:.4rem;outline:none;padding:.4rem .75rem;font-size:13px;overflow:hidden}.Assets .filters select:hover{border-color:#55555c}.Assets>main>.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:100%;display:grid}.Assets .asset-card{cursor:pointer;background-color:#0f0f12;border:1px solid #1f1f24;border-radius:.5rem;flex-direction:column;width:100%;transition:border-color .2s;display:flex;overflow:hidden}.Assets .asset-card:hover{border-color:#55555c}.Assets .preview-container{aspect-ratio:1;width:100%;position:relative}.Assets .preview-container canvas{width:100%;height:100%}.Assets .download-action{position:absolute;top:2.1rem;right:.5rem}.Assets .download-action>button{color:#0b0b0c;cursor:pointer;background-color:#aee35e;border:none;border-radius:.3rem;align-items:center;padding:.25rem;display:flex}.Assets .type-badge{color:#0b0b0c;border-radius:.3rem;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:.5rem;right:.5rem}.Assets .type-badge.animation{background-color:#aee35e}.Assets .type-badge.static{background-color:#8a8a8f}.Assets .asset-card>footer{background-color:#0f0f12;justify-content:space-between;align-items:center;width:calc(100% - 1.5rem);padding:.625rem .75rem;display:flex}.Assets .asset-card>footer>.info{flex-direction:column;align-items:start;gap:.15rem;width:100%;display:flex}.Assets .asset-card>footer>.info>p{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#e9e9e7;width:100%;margin:0;font-size:13px;overflow:hidden}.Assets .asset-card>footer>.info>span{color:#55555c;font-size:11px}.Assets .empty-state{color:#8a8a8f;grid-column:1/-1;justify-content:center;padding:3rem 0;font-size:14px;display:flex}@media (width<=768px){.Assets>main{width:90%;padding:2rem 5%}.Assets .toolbar{flex-direction:column;align-items:stretch;padding-top:1rem}.Assets .filters{flex:1;justify-content:space-between}.Assets .filters>div{min-width:0}.Assets .filters select{width:50%}.Assets>main>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.Animations{flex-direction:column;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.Animations>nav{background-color:#0b0b0cd9;border-bottom:1px solid #1f1f24;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;width:98%;height:3.5rem;padding:0 1%;display:flex}.Animations>nav>.left{align-items:center;gap:1.5rem;width:35%;height:50%;margin-right:auto;display:flex}.Animations>nav>.slider{background-color:#131316;border-radius:7px;align-items:center;gap:5px;padding:7px;display:flex}.Animations>nav>.slider>button{cursor:pointer;color:#8a8a8f;background-color:#0000;border:none;border-radius:7px;align-items:center;padding:5px 10px;font-weight:500;display:flex}.Animations>nav>.slider>button:hover{background-color:#1f1f24}.Animations>nav>.slider>button.sel{color:#0b0b0c;background-color:#aee35e}.Animations>nav>.left>button{color:#6e6e74;cursor:pointer;background-color:#0000;border:none;flex-shrink:0;align-items:center;gap:.375rem;font-size:12px;display:flex}.Animations>nav>.left>button>svg{width:.875rem;height:.875rem}.Animations>nav>.left>button:hover{color:#e9e9e7}.Animations>nav>.left>input{color:#e9e9e7;background-color:#0000;border:none;outline:none;width:100%;min-width:0;height:100%;font-size:14px;font-weight:500}.Animations>nav>button{color:#8a8a8f;cursor:pointer;background-color:#0000;border:none;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;padding:.375rem;font-size:13px;font-weight:500;display:flex;position:relative}.Animations>nav>button:disabled{opacity:.3}.Animations>nav>button>svg{width:1rem;height:1rem}.Animations>nav>button{padding-left:.5rem;padding-right:.5rem}.Animations>nav>.save{padding-left:.75rem;padding-right:.75rem}.Animations>nav>.save:hover,.Animations>nav>.redo-undo:hover{color:#e9e9e7;background-color:#1d1d22}.Animations>nav>.green{color:#0b0b0c;background-color:#aee35e;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;display:flex}.Animations>nav>.green>svg{width:.875rem;height:.875rem}.Animations>nav>.green:hover{opacity:.9}.Animations>.content{align-items:start;min-width:0;height:100%;min-height:0;display:flex}.Animations>.content>aside{border-right:1px solid #1f1f24;flex-direction:column;flex-shrink:0;gap:.75rem;width:13rem;height:calc(100% - 2rem);padding:1rem;display:flex;overflow-y:auto}.Animations>.content>aside>header{justify-content:space-between;align-items:center;display:flex}.Animations>.content>aside>header>span{color:var(--color-text-opacity);letter-spacing:.15em;text-transform:uppercase;font-size:11px}.Animations>.content>aside>header>button{color:#aee35e;cursor:pointer;background-color:#aee35e1a;border:none;border-radius:.4rem;align-items:center;gap:.25rem;padding:.35rem .5rem;font-size:11px;display:flex}.Animations>.content>aside>header>button>svg{width:.75rem;height:.75rem}.Animations>.content>aside>.list{flex-direction:column;gap:.375rem;display:flex}.Animations>.content>aside>.list>.item{cursor:pointer;background-color:#0000;border:1px solid #1f1f24;border-radius:.5rem;align-items:center;gap:.1rem;padding:.5rem .75rem;display:flex}.Animations>.content>aside>.list>.item.sel{background-color:#aee35e1a;border:1px solid #aee35e66}.Animations>.content>aside>.list>.item>div{flex-direction:column;min-width:0;margin-right:auto;display:flex}.Animations>.content>aside>.list>.item>div>p{color:#e9e9e7;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.Animations>.content>aside>.list>.item>div>span{color:#55555c;margin-bottom:.25rem;font-size:11px;line-height:1}.Animations>.content>aside>.list>.item>svg{color:#aee35e;border-radius:.4rem;flex-shrink:0;width:.875rem;height:.875rem;padding:.3rem}.Animations>.content>aside>.list>.item>svg:hover{background-color:#1313144d}.Animations>.content>aside>.list>.item>svg.del{color:#55555c}.Animations>.content>aside>.list>.item>svg.del:hover{color:#e35e5e}.Animations>.content>.playground{flex:1;align-items:start;min-width:0;height:calc(100% - 1rem);padding:.5rem;display:flex}.Animations>.content>.playground>.tecla{align-items:center;gap:10px;height:40px;display:flex;position:absolute}.Animations>.content>.playground>.tecla>a{color:#8a8a8f;margin-left:1rem;font-size:13px;text-decoration:none}.Animations>.content>.playground>.tecla>a:hover{text-decoration:underline}.Animations>.content>.playground>section{background-color:#0f0f12;border:1px solid #1f1f24;border-radius:.75rem;flex-direction:column;align-items:start;width:25rem;margin:0 0 0 3rem;padding:1rem 0;display:flex}.Animations>.content>.playground>section>header{align-items:center;gap:.5rem;display:flex}.Animations>.content>.playground>section>header>svg{color:#aee35e;width:.875rem;height:.875rem}.Animations>.content>.playground>section>header>p{color:#e9e9e7;font-size:12px;font-weight:500}.Animations>.content>.playground>section>textarea{resize:none;color:#e9e9e7;background-color:#131316;border:1px solid #1f1f24;border-radius:.4rem;width:calc(100% - 1.5rem);margin-top:.75rem;padding:.5rem .75rem;font-size:13px}.Animations>.content>.playground>section>button{color:#0b0b0c;cursor:pointer;background-color:#aee35e;border:none;border-radius:.4rem;align-items:center;gap:.375rem;margin-top:.75rem;padding:.5rem 1rem;font-size:12px;font-weight:500;display:flex}.Animations>.content>.playground>section>button>svg{width:.875rem;height:.875rem}.Animations>.content>.playground>.view{flex-direction:column;flex:1;justify-content:start;align-items:center;min-width:0;height:calc(100% - 2rem);padding:2rem 5rem 0;display:flex}.Animations>.content>.playground>.view>.viewer{background:#111113;border-radius:8px;justify-content:center;align-items:center;width:400px;height:400px;display:flex;overflow:hidden}.Animations>.content>.playground>.view>div:first-child{max-width:100%}.Animations>.content>.playground>.view>.timeline{box-sizing:border-box;border-top:1px solid #2a2a30;border-bottom:1px solid #2a2a30;justify-content:center;gap:8px;width:100%;margin:16px 0;padding:10px;display:flex;overflow-x:auto}.Animations>.content>.playground>.view>.timeline>div{cursor:pointer;background:#111113;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:48px;height:48px;display:flex;position:relative}.Animations>.content>.playground>.view>.timeline>.intermediate{background-color:#111113;flex-direction:column;justify-content:center;align-items:center;min-width:6px;height:100%;display:flex}.Animations>.content>.playground>.view>.timeline>.intermediate>svg{color:#fff;background-color:#131316;border-radius:7px;width:14px;height:100%;padding:2px}.Animations>.content>.playground>.view>.timeline>.intermediate:hover>svg{color:#0b0b0c;background-color:#aee35e}.Animations>.content>.playground>.view>canvas{image-rendering:pixelated;aspect-ratio:1;background-color:#0f0f12;border:1px solid #1f1f24;border-radius:.75rem;flex-shrink:0;height:65%}.Animations>.content>.playground>.view>.control{align-items:center;gap:.75rem;margin:1rem 0;display:flex;position:relative}.Animations>.content>.playground>.view>.control>button{color:#b4b4b8;cursor:pointer;background-color:#0000;border:1px solid #2a2a30;border-radius:.4rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.Animations>.content>.playground>.view>.control>button.green{color:#0b0b0c;background-color:#aee35e;gap:.375rem;width:auto;height:2.5rem;padding:0 1rem;font-size:13px;font-weight:500}.Animations>.content>.playground>.view>.control>button.green>svg{width:1rem;height:1rem}.Animations>.content>.playground>.view>.control>span{letter-spacing:.15em;text-transform:uppercase;color:#55555c;margin-left:.5rem;font-size:12px;position:absolute;right:-2.75rem}.Animations>.content>.playground>.view>.speed{align-items:center;gap:.75rem;width:50%;margin-bottom:1rem;display:flex}.Animations>.content>.playground>.view>.speed>span{color:#6e6e74;letter-spacing:.15em;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.Animations>.content>.playground>.view>.speed>input{accent-color:#aee35e;flex:1;min-width:0}.Animations>.content>.playground>.view>.speed>p{color:#b4b4b8;text-align:right;width:2.5rem;font-size:12px}.Animations>.content>.playground>.view>.buttons{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:.75rem;display:grid}.Animations>.content>.playground>.view>.buttons>button{text-align:left;cursor:pointer;color:#8a8a8f;background-color:#0000;border:1px solid #1f1f24;border-radius:.4rem;align-items:center;gap:.75rem;height:2.1rem;padding:0 .75rem;font-size:12px;display:flex}.Animations>.content>.playground>.view>.buttons>button>svg{color:#8a8a8f;flex-shrink:0;width:.875rem;height:.875rem}.Animations>.content>.playground>.view>.buttons>button:hover,.Animations>.content>.playground>.view>.buttons>button:hover>svg{color:#e9e9e7}.Animations>.content>.playground>.view>.buttons>button.green{color:#aee35e;border-color:#aee35e66}.Animations>.content>.playground>.view>.buttons>button.green>svg{color:#aee35e}.Animations>.content>.playground>.view>.buttons>button.green:hover{background-color:#aee35e1a}.Animations>.content>.scene{flex:1;justify-content:center;align-items:center;min-width:0;height:calc(100% - 2px);display:flex}.Animations>.content>.scene>.game{background-color:#1e1e1e;background-image:linear-gradient(45deg,#252525 25%,#0000 25% 75%,#252525 75%,#252525),linear-gradient(45deg,#252525 25%,#0000 25% 75%,#252525 75%,#252525);background-position:0 0,32px 32px;background-size:64px 64px;border:1px solid #333;width:100%;height:100%;position:relative;overflow:hidden}.Animations>.content>.scene>.game>.info>.pad-mobile{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;position:absolute;bottom:90px;left:10px;display:none!important}.Animations>.content>.scene>.game>.info>.pad-mobile button{-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer;color:#e9e9e7;background-color:#0f0f12;border:1px solid #2a2a30;border-radius:8px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:.5rem;font-size:1rem;font-weight:600;transition:background-color .1s;display:flex}.Animations>.content>.scene>.game>.info>.pad-mobile button:hover{background-color:#1f1f24}.Animations>.content>.scene>.game>.info>.pad-mobile button:active{color:#0b0b0c;background-color:#aee35e;transform:scale(.95)}.Animations>.content>.scene>.game>.info>.pad-mobile>div{align-items:center;gap:.25rem;display:flex}.Animations>.content>.scene>.game>.info>.msg{color:#ccc;background:#0009;border-radius:8px;padding:10px 50px 10px 10px;font-size:12px;position:absolute;bottom:10px;left:10px}.Animations .popup{z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.Animations .popup>.bg{filter:blur(4px);background-color:#0b0b0cd9;width:100%;height:100%;position:absolute}.Animations .popup>.content{z-index:99991;box-sizing:border-box;background-color:#0f0f12;border:1px solid #1f1f24;border-radius:.75rem;flex-direction:column;align-items:center;max-width:calc(100% - 2rem);padding:1rem;display:flex}.Animations .popup>.content>header{flex-direction:column;width:100%;display:flex}.Animations .popup>.content>header>p{color:#e9e9e7;font-size:15px;font-weight:500}.Animations .popup>.content>header>span{color:#8a8a8f;margin-top:.35rem;font-size:12px;line-height:1}.Animations .popup.new-animation input,.Animations .popup textarea{color:#e9e9e7;resize:none;background-color:#131316;border:1px solid #1f1f24;border-radius:.4rem;width:calc(100% - 1.5rem);margin-top:1rem;padding:.625rem .75rem;font-size:14px}.Animations .popup footer{justify-content:end;align-items:center;gap:.5rem;width:100%;margin-top:1rem;display:flex}.Animations .popup footer>button{cursor:pointer;color:#b4b4b8;background-color:#0000;border:1px solid #2a2a30;border-radius:.4rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:12px;font-weight:500;display:flex}.Animations .popup footer>button>svg{width:.875rem;height:.875rem}.Animations .popup footer>button.green{color:#0b0b0c;background-color:#aee35e;border-color:#aee35e;gap:.5rem}.Animations .popup.confirm-animation{border-color:#2a2a30}.Animations .popup.confirm-animation>.content>div{flex-direction:column;width:100%;margin-top:1rem;display:flex}.Animations .popup.confirm-animation>.content>div>div{justify-content:space-between;align-items:center;display:flex}.Animations .popup.confirm-animation>.content>div>div>p{color:#b4b4b8;font-size:12px}.Animations .popup.confirm-animation>.content>div>div>span{color:#aee35e;font-size:12px}.Animations .popup.confirm-animation>.content>div>input{accent-color:#aee35e}.Animations>nav button.lang-toggle-btn{color:#e9e9e7;cursor:pointer;background-color:#131316;border:1px solid #2e2e34;border-radius:.4rem;align-items:center;gap:.375rem;padding:.35rem .6rem;font-size:11px;font-weight:600;transition:all .15s;display:flex}.Animations>nav button.lang-toggle-btn:hover{color:#aee35e;background-color:#24242a;border-color:#aee35e66}.Animations>nav button.lang-toggle-btn svg{color:#aee35e;width:.875rem;height:.875rem}@media (width<=768px){.Animations{height:100dvh;overflow:hidden auto}.Animations>nav{box-sizing:border-box;scrollbar-width:none;justify-content:flex-start;width:100%;height:auto;min-height:3.5rem;padding:.5rem;overflow-x:auto}.Animations>nav::-webkit-scrollbar{display:none}.Animations>nav>.left{flex-shrink:0;gap:.5rem;width:auto;min-width:10rem;height:2.25rem;margin-right:auto}.Animations>nav>.left>button{justify-content:center;width:2.25rem;height:2.25rem;padding:0;font-size:0}.Animations>nav>.left>button>svg{width:1.1rem;height:1.1rem}.Animations>nav>.left>input{width:7rem}.Animations>nav>button{min-height:2.25rem}.Animations>nav>button:not(.save):not(.green):not(.lang-toggle-btn),.Animations>nav>button>span,.Animations>nav>.credits{display:none}.Animations>nav>.slider{flex-shrink:0;order:2;padding:4px}.Animations>nav>.slider>button{white-space:nowrap;min-height:1.75rem;padding:4px 8px;font-size:11px}.Animations>nav>.save,.Animations>nav>.redo-undo,.Animations>nav>.green{width:2.25rem;height:2.25rem;padding:0;font-size:0}.Animations>nav>.save>svg,.Animations>nav>.redo-undo>svg,.Animations>nav>.green>svg{width:1rem;height:1rem}.Animations>nav button.lang-toggle-btn{justify-content:center;min-width:2.75rem}.Animations>nav button.lang-toggle-btn svg{display:none}.Animations>.content{flex-direction:column;align-items:stretch;height:auto;min-height:calc(100dvh - 4rem);overflow:visible}.Animations>.content>aside{box-sizing:border-box;border-bottom:1px solid #1f1f24;border-right:none;flex-shrink:0;width:100%;height:auto;max-height:none;padding:.75rem;overflow:hidden}.Animations>.content>aside>.list{scroll-snap-type:x proximity;flex-direction:row;padding-bottom:.25rem;overflow-x:auto}.Animations>.content>aside>.list>.item{scroll-snap-align:start;flex-shrink:0;min-width:12rem;max-width:15rem;display:flex}.Animations>.content>.playground{box-sizing:border-box;flex-direction:column;width:100%;height:auto;min-height:0;padding:.75rem}.Animations>.content>.playground>.tecla{box-sizing:border-box;flex-wrap:wrap;width:100%;height:auto;min-height:2.5rem;margin-bottom:.5rem;position:static}.Animations>.content>.playground>.tecla>a{align-items:center;min-height:2rem;margin-left:0;display:flex}.Animations>.content>.playground>.view{box-sizing:border-box;width:100%;height:auto;min-height:0;padding:0}.Animations>.content>.playground>.view>.viewer{width:100%}.Animations>.content>.playground>.view>.timeline{scroll-snap-type:x proximity;justify-content:flex-start;height:10rem;margin:12px 0}.Animations>.content>.playground>.view>.timeline>div{height:calc(100% - 4px)}.Animations>.content>.playground>.view>.control{margin:.5rem 0 1rem}.Animations>.content>.playground>.view>.control>button{width:2.75rem;height:2.75rem}.Animations>.content>.playground>.view>.control>button.green{height:2.75rem}.Animations>.content>.playground>.view>.speed{gap:.5rem;width:100%}.Animations>.content>.playground>.view>.buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;padding-bottom:1rem}.Animations>.content>.playground>.view>.buttons>button{height:100%;padding:.625rem .75rem}.Animations>.content>.scene{width:100%;height:calc(100dvh - 10.5rem);min-height:28rem}.Animations>.content>.scene>.game>div:first-child canvas{width:128px!important;height:128px!important}.Animations>.content>.scene>.game>.info>.pad-mobile{bottom:100px;left:10px;display:flex!important}.Animations>.content>.scene>.game>.info>.msg{text-align:right;padding-right:10px;right:10px}.Animations .popup{box-sizing:border-box;width:100dvw;height:100dvh;padding:1rem;position:fixed;inset:0}.Animations .popup>.content{max-width:26rem;max-height:calc(100dvh - 2rem);width:100%!important}.Animations .popup>.content>header>span{line-height:1.35}.Animations .popup footer{flex-wrap:wrap}.Animations .popup footer>button{min-height:2.75rem}}@media (width<=420px){.Animations>nav>.left{min-width:8.5rem}.Animations>nav>.left>input{width:5.5rem;font-size:13px}.Animations>nav>.slider>button{padding:4px 6px}.Animations>.content>.playground>.view>.control{gap:.45rem}.Animations>.content>.playground>.view>.control>button.green{padding:0 .75rem}.Animations>.content>.scene>.game>.info>.pad-mobile button{width:2.5rem;height:2.5rem}}.Creations{flex-direction:column;height:100%;display:flex}.Creations>main{flex-direction:column;justify-content:start;align-items:start;width:50%;height:100%;margin:auto;padding:3rem 25%;display:flex;overflow-y:auto}.Creations>main>header{flex-direction:column;width:100%;display:flex}.Creations>main>header>h1{color:#e9e9e7;letter-spacing:-.025em;margin-top:.5rem;font-size:38px;font-weight:600;line-height:1.15}.Creations>main>header>div{justify-content:space-between;align-items:end;display:flex}.Creations>main>header>div>span{color:#8a8a8f;font-size:15px;font-weight:400}.Creations>main>header>div>button{color:#0b0b0c;cursor:pointer;background-color:#aee35e;border:none;border-radius:.4rem;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:13px;font-weight:500;display:flex}.Creations>main>header>div>button>svg{width:.875rem;height:.875rem}.Creations>main>.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.Creations>main>.grid>button{cursor:pointer;background-color:#0f0f12;border:1px solid #1f1f24;border-radius:.5rem;flex-direction:column;width:100%;display:flex}.Creations>main>.grid>button>canvas{aspect-ratio:1;width:100%}.Creations>main>.grid>button>footer{justify-content:space-between;align-items:center;gap:.15rem;width:calc(100% - 1.5rem);padding:.625rem .75rem;display:flex}.Creations>main>.grid>button>footer>.info{flex-direction:column;align-items:start;gap:.15rem;width:100%;margin-right:auto;display:flex}.Creations>main>.grid>button>footer>.info>p{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#e9e9e7;width:100%;font-size:13px;overflow:hidden}.Creations>main>.grid>button>footer>.info>span{color:#55555c;font-size:11px}.Creations>main>.grid>button:hover{border-color:#2e2e34}.Creations>main>.grid>button:hover>footer>.info{width:65%}.Creations>main>.grid>button:hover>footer>svg{opacity:1}.Creations>main>.grid>button>footer>svg{opacity:0;color:#55555c;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;width:.875rem;height:.875rem;padding:.4375rem;display:flex}.Creations>main>.grid>button>footer>svg:hover{color:#e9e9e7;background-color:#1d1d22}.Creations>main>.nada{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:50%;display:flex}.Creations>main>.nada>span{color:#8a8a8f;gap:.75rem;font-size:14px}.Creations>main>.nada>button{color:#aee35e;cursor:pointer;background-color:#0000;border:none;align-items:center;gap:.375rem;font-size:13px;display:flex}.Creations>main>.nada>button>svg{width:.75rem;height:.75rem}.Creations>main>.nada>button:hover{text-decoration:underline}@media (width<=768px){.Creations>main>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.Creations>main>.grid footer .info{width:55%!important}.Creations>main>.grid>button>footer>svg{opacity:1}}.Settings{flex-direction:column;height:100%;display:flex}.Settings>main{flex-direction:column;align-items:start;width:50%;height:100%;margin:auto;padding:3rem 25%;display:flex;overflow-y:auto}.Settings>main>h1{color:#e9e9e7;letter-spacing:-.025em;margin-top:.5rem;font-size:38px;font-weight:600;line-height:1.15}.Settings>main>h2{color:#8a8a8f;margin-top:.5rem;margin-bottom:2rem;font-size:15px;font-weight:400}.Settings>main>section{flex-direction:column;align-items:start;width:100%;margin-bottom:.5rem;display:flex}.Settings>main>section>span{color:var(--color-text-opacity);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.35rem;font-size:11px}.Settings>main>section>div{background-color:#0f0f12;border:1px solid #1f1f24;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;width:calc(100% + -2.5rem - 2px);margin-bottom:1.5rem;padding:.875rem 1.25rem;display:flex}.Settings>main>section>div>.info{flex-direction:column;display:flex}.Settings>main>section>div p{color:#b4b4b8;font-size:13px}.Settings>main>section>div>.info>span{color:#55555c;font-size:11px}.Settings>main>section>div>button{color:#8a8a8f;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:.4rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:12px;font-weight:500;display:flex;position:relative}.Settings>main>section>div>button:hover{color:#e9e9e7;border-color:#1d1d22}.Settings>main>section>.logout{color:#e07a7a;cursor:pointer;background-color:#0000;border:1px solid #3a2a2a;border-radius:.4rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:12px;display:flex}.Settings>main>section>.logout>svg{width:.875rem;height:.875rem}.Settings>main>section>.logout:hover{color:#f09595;border-color:#4a3434}.Settings>main>section>.contact{flex-direction:column;align-items:start;padding-top:1rem}.Settings>main>section>.contact>textarea{color:#e9e9e7;resize:none;background-color:#131316;border:1px solid #1f1f24;border-radius:.75rem;outline:#e9e9e7d5;width:calc(100% - 2rem);padding:.875rem 1rem;font-size:14px;line-height:1.625;overflow:hidden}.Settings>main>section>.contact>button{color:#0b0b0c;cursor:pointer;background-color:#aee35e;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.675rem 1rem;font-size:13px;font-weight:600;display:flex}.Settings>main>section>.contact>button:hover{color:#0b0b0c;opacity:.9}.Settings>main>section>.contact>button>svg{width:.875rem;height:.875rem}.View{flex-direction:column;height:100%;display:flex}.View>nav{background-color:#0b0b0cd9;border-bottom:1px solid #1f1f24;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:3.5rem;padding:0 1rem;display:flex}.View>nav>.nav-left{align-items:center;gap:1.25rem;min-width:0;display:flex}.View>nav>.nav-left>button,.View button{cursor:pointer}.View>nav>.nav-left>button{color:#8a8a8f;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.375rem;font-size:12px;display:flex}.View>nav>.nav-left>button:hover{color:#e9e9e7}.View>nav>.nav-left>button svg{width:.9rem}.View>nav>.nav-left>.nav-info{flex-direction:column;min-width:0;display:flex}.View>nav strong{color:#e9e9e7;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.View>nav span{color:#6e6e74;font-size:11px;line-height:1}.View>nav>.nav-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.View>nav .slider{background-color:#131316;border:1px solid #1f1f24;border-radius:7px;align-items:center;gap:4px;padding:4px;display:flex}.View>nav .slider>button{cursor:pointer;color:#8a8a8f;background-color:#0000;border:none;border-radius:5px;align-items:center;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.View>nav .slider>button:hover{color:#e9e9e7;background-color:#1f1f24}.View>nav .slider>button.sel{color:#0b0b0c;background-color:#aee35e}.View>nav button.green{color:#0b0b0c;cursor:pointer;white-space:nowrap;background-color:#aee35e;border:none;border-radius:.4rem;align-items:center;gap:.375rem;padding:.45rem .75rem;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.View>nav button.green:hover{opacity:.9}.View>nav button.green svg{width:.875rem;height:.875rem}.View>main{flex:1;min-height:0;display:flex}.View>main.status{color:#8a8a8f;justify-content:center;align-items:center}.View>main>aside{box-sizing:border-box;border-right:1px solid #1f1f24;flex-direction:column;gap:.5rem;width:15rem;padding:1rem;display:flex;overflow-y:auto}.View>main>aside>span{color:#6e6e74;letter-spacing:.14em;margin:.25rem 0;font-size:10px}.View>main>aside>button{color:#e9e9e7;text-align:left;background:#0f0f12;border:1px solid #1f1f24;border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.65rem .75rem;display:flex}.View>main>aside>button:hover{border-color:#55555c}.View>main>aside>button.selected{background:#aee35e1a;border-color:#aee35e99}.View>main>aside strong{font-size:12px}.View>main>aside small,.View>main>aside p{color:#6e6e74;font-size:11px}.View .viewer{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:1.5rem;display:flex;overflow:hidden}.View .scene-viewer{width:100%;height:100%;margin-top:1rem;padding:0;overflow:hidden}.View .scene{flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.View .scene>.game{background-color:#1e1e1e;background-image:linear-gradient(45deg,#252525 25%,#0000 25% 75%,#252525 75%,#252525),linear-gradient(45deg,#252525 25%,#0000 25% 75%,#252525 75%,#252525);background-position:0 0,32px 32px;background-size:64px 64px;border:1px solid #1f1f24;width:100%;height:100%;position:relative;overflow:hidden}.View .scene>.game>.info>.pad-mobile{z-index:10;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:none;position:absolute;bottom:90px;left:15px}.View .scene>.game>.info>.pad-mobile button{color:#e9e9e7;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background-color:#0f0f12;border:1px solid #2a2a30;border-radius:8px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:.95rem;font-weight:600;transition:background-color .1s;display:flex}.View .scene>.game>.info>.pad-mobile button:hover{background-color:#1f1f24}.View .scene>.game>.info>.pad-mobile button:active{color:#0b0b0c;background-color:#aee35e;transform:scale(.95)}.View .scene>.game>.info>.pad-mobile>div{align-items:center;gap:.25rem;display:flex}.View .scene>.game>.info>.msg{color:#ccc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#000000b3;border:1px solid #2a2a30;border-radius:8px;padding:10px 14px;font-size:12px;position:absolute;bottom:15px;left:15px}.View .canvas-stage{background-color:#1e1e1e;background-image:linear-gradient(45deg,#292929 25%,#0000 25% 75%,#292929 75%),linear-gradient(45deg,#292929 25%,#0000 25% 75%,#292929 75%);background-position:0 0,12px 12px;background-size:24px 24px;border:1px solid #2a2a30;border-radius:.75rem;justify-content:center;align-items:center;width:min(60vh,35rem);max-width:100%;height:min(60vh,35rem);max-height:65%;display:flex}.View canvas{image-rendering:pixelated}.View .main-canvas{object-fit:contain;width:90%;height:90%}.View .animation-controls{width:min(45rem,100%);margin-top:1rem}.View .timeline{background:#0f0f12;border:1px solid #1f1f24;border-radius:.65rem;gap:.5rem;padding:.65rem;display:flex;overflow-x:auto}.View .timeline button{background:#1a1a1c;border:2px solid #0000;border-radius:.4rem;flex-shrink:0;width:3.5rem;height:3.5rem;padding:.15rem}.View .timeline button.selected{border-color:#aee35e}.View .timeline canvas{object-fit:contain;width:100%;height:100%}.View .playback{justify-content:center;align-items:center;gap:.65rem;margin-top:.75rem;display:flex;position:relative}.View .playback button{color:#b4b4b8;background:0 0;border:1px solid #2a2a30;border-radius:.4rem;justify-content:center;align-items:center;height:2.25rem;padding:0 .6rem;display:flex}.View .playback button.play{color:#0b0b0c;background:#aee35e;border-color:#aee35e;gap:.4rem;padding:0 1rem}.View .playback svg{width:1rem}.View .playback span{color:#55555c;letter-spacing:.05em;text-transform:uppercase;margin-left:.5rem;font-size:11px;position:absolute;right:0}@media (width<=768px){.View>nav{flex-direction:column;align-items:stretch;gap:1.5rem;height:auto;padding:.6rem .8rem}.View>nav>.nav-left{justify-content:flex-start;align-items:center;gap:.75rem;width:100%;display:flex}.View>nav>.nav-actions{flex-flow:wrap;align-items:center;gap:.4rem;width:100%;display:flex}.View>nav .slider{flex:none;gap:2px;padding:3px}.View>nav .slider>button{padding:.5rem .6rem;font-size:12px}.View>nav button.green{white-space:nowrap;flex:auto;justify-content:center;padding:.675rem .6rem;font-size:12px}.View>nav button.green>svg{stroke-width:.15rem;width:1rem;height:1rem}.View>nav button.lang-toggle-btn{margin-left:auto;padding:.35rem .55rem;font-size:11px}.View>main{flex-direction:column;padding-top:.25rem}.View>main>aside{border-bottom:1px solid #1f1f24;border-right:none;flex-flow:row;gap:.4rem;width:100%;height:auto;max-height:95px;padding:.4rem;display:flex;overflow-x:auto}.View>main>aside>span{display:none}.View>main>aside>button{flex:none;gap:.1rem;min-width:115px;padding:.4rem .6rem}.View>main>aside>button strong{font-size:11px}.View>main>aside>button small{font-size:10px}.View .viewer{justify-content:flex-start;margin-top:.5rem;padding:.5rem;overflow-y:auto}.View .scene-viewer{height:min(75vh,480px);min-height:360px;margin-top:0;padding:0}.View .scene>.game>.info>.pad-mobile{bottom:60px;left:10px;display:flex!important}.View .scene>.game>.info>.pad-mobile button{width:2.5rem;height:2.5rem;font-size:.85rem}.View .scene>.game>.info>.msg{padding:6px 10px;font-size:10px;bottom:10px;left:10px}.View .canvas-stage{width:100%;height:min(75vw,19rem);min-height:min(75vw,19rem)}.View .timeline button{width:3rem;height:3rem}.View .playback{gap:.4rem;margin-top:.5rem}}