*{box-sizing:border-box}body{overflow-x:hidden}.pfp-generator{background:#faf9f5;box-sizing:border-box;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:.75rem;position:relative;width:100vw}.back-home-btn,.pfp-generator{color:#826dfb;font-family:Sora,sans-serif}.back-home-btn{align-items:center;background:#0000;border:1px solid #826dfb;border-radius:20px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;left:1rem;padding:.4rem .8rem;position:absolute;text-decoration:none;top:1rem;transition:all .3s ease;z-index:1000}.back-home-btn:hover{background:#826dfb;box-shadow:0 4px 12px #826dfb4d;color:#fafaf9;transform:translateY(-2px)}.generator-container{grid-gap:1.5rem;align-items:start;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:minmax(350px,1.2fr) minmax(400px,1fr);margin:0 auto;max-width:1600px;min-height:calc(100vh - 1.5rem);padding-top:2.5rem;width:100%}.left-panel{align-items:center}.left-panel,.right-panel{display:flex;flex-direction:column;width:100%}.right-panel{gap:1rem;height:calc(100vh - 4rem);overflow-x:hidden;overflow-y:auto;padding-right:.5rem}.gender-selection{flex-shrink:0;margin-bottom:.8rem}.gender-selection h3{color:#826dfb;font-size:1.4rem;font-weight:700;margin-bottom:.8rem;text-align:center}.traits-selection{background:#826dfb08;border-radius:20px;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:.8rem}.traits-selection h3{color:#826dfb;flex-shrink:0;font-size:1.4rem;font-weight:700;margin-bottom:.8rem;text-align:center}.preview-section{max-width:600px;width:100%}.preview-container{aspect-ratio:1;background:#826dfb0d;border:3px solid #826dfb;border-radius:20px;margin-bottom:1.2rem;overflow:hidden;position:relative;width:100%}.preview-canvas{height:100%;position:relative;width:100%}.trait-layer{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.action-buttons{display:flex;flex-direction:column;gap:.8rem;width:100%}.btn{border:2px solid #826dfb;border-radius:25px;cursor:pointer;font-family:Sora,sans-serif;font-size:1rem;font-weight:700;padding:.9rem 2rem;transition:all .3s ease}.btn-primary{background:#826dfb;color:#fafaf9}.btn-secondary{background:#0000;color:#826dfb}.btn-success{background:#826dfb;color:#fafaf9}.btn:hover{box-shadow:0 4px 12px #826dfb4d;transform:translateY(-2px)}.btn-secondary:hover{background:#826dfb;color:#fafaf9}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.gender-buttons{display:flex;gap:.8rem;justify-content:center;margin-bottom:.8rem}.gender-btn{background:#0000;border:2px solid #826dfb;border-radius:25px;color:#826dfb;cursor:pointer;flex:1 1;font-family:Sora,sans-serif;font-size:1rem;font-weight:700;padding:.75rem 2rem;transition:all .3s ease}.gender-btn.active,.gender-btn:hover{background:#826dfb;color:#fafaf9}.gender-btn:hover{box-shadow:0 4px 12px #826dfb4d;transform:translateY(-2px)}.category-tabs{background:#826dfb14;border-radius:18px;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem;max-height:none;overflow:visible;padding:.8rem}.category-tab{background:#0000;border:2px solid #826dfb33;border-radius:15px;color:#826dfb;cursor:pointer;flex:0 1 auto;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;min-width:85px;padding:.7rem 1.2rem;text-align:center;transition:all .3s ease;white-space:nowrap}.category-tab.active{background:#826dfb;border-color:#826dfb;box-shadow:0 4px 12px #826dfb4d;color:#fafaf9;transform:translateY(-2px)}.category-tab:hover{background:#826dfb1a;border-color:#826dfb;transform:translateY(-1px)}.category-tab.active:hover{background:#826dfb;color:#fafaf9;transform:translateY(-2px)}.traits-container{background:#fff6;border:1px solid #826dfb1a;border-radius:15px;flex:1 1;min-height:300px;overflow-x:hidden;overflow-y:auto;padding:.5rem}.trait-category{width:100%}.trait-options{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));min-height:280px;padding:.5rem}.trait-option{aspect-ratio:1;background:#fffc;border:2px solid #826dfb33;border-radius:18px;box-shadow:0 2px 8px #826dfb1a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.trait-option.selected{background:#826dfb26;border-color:#826dfb;box-shadow:0 4px 16px #826dfb4d;transform:translateY(-2px)}.trait-option:hover{border-color:#826dfb;box-shadow:0 6px 20px #826dfb40;transform:translateY(-3px)}.trait-preview{align-items:center;display:flex;font-size:.8rem;font-weight:600;height:100%;justify-content:center;padding:.25rem;text-align:center;width:100%}.trait-preview img{height:100%;object-fit:cover;width:100%}.trait-preview.none-option{color:#826dfb;font-size:.9rem;font-weight:700}.trait-preview.none-option span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.trait-option.more-option{background:#826dfb26;border-color:#826dfb}.trait-option.more-option:hover{background:#826dfb40}.trait-option.more-option .trait-preview{color:#826dfb;font-weight:600}.trait-option.more-option .trait-preview span{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.debug-info{background:#826dfb1a;border-radius:8px;color:#826dfbb3;font-size:12px;margin-bottom:10px;padding:.5rem;text-align:center}@media (max-width:1400px){.generator-container{gap:1.5rem;grid-template-columns:minmax(300px,1fr) minmax(350px,450px)}.trait-options{gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}}@media (max-width:1200px){.pfp-generator{max-height:none;overflow-y:auto;padding:.75rem;width:100vw}.generator-container{gap:1.5rem;grid-template-columns:1fr;height:auto;max-height:none;overflow:visible;padding-top:4rem;width:100%}.left-panel{order:1;width:100%}.right-panel{height:auto;margin:0 auto;max-height:none;max-width:100%;order:2;overflow:visible;width:100%}.back-home-btn{left:1rem;position:fixed;top:1rem;z-index:1000}.traits-container{flex:1 1;max-height:none;min-height:300px}.trait-options{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}.category-tabs{max-height:none;overflow:visible}.traits-selection{padding:.8rem}}@media (max-width:768px){.pfp-generator{max-height:none;max-width:100vw;overflow-y:auto;padding:.5rem;width:100vw}.generator-container{margin:0;max-width:100%;padding:4rem 0 2rem;width:100%}.trait-options{gap:.8rem;grid-template-columns:repeat(4,1fr);padding:.3rem}.action-buttons{flex-direction:row;flex-wrap:wrap;gap:.5rem}.btn{flex:1 1;font-size:.9rem;min-width:100px;padding:.8rem 1rem}.gender-buttons{flex-direction:row;gap:.5rem;width:100%}.gender-btn{flex:1 1;font-size:.9rem;padding:.6rem 1rem}.category-tabs,.gender-selection{margin-bottom:1rem}.category-tabs{gap:.3rem;justify-content:center;max-height:none;overflow:visible;padding:.5rem;width:100%}.category-tab{font-size:.75rem;min-width:65px;padding:.5rem .7rem}.preview-container{margin-bottom:1rem}.traits-container{flex:1 1;max-height:none;min-height:200px;overflow-x:hidden;padding:.3rem;width:100%}.traits-selection{margin-bottom:1rem;padding:.5rem}.traits-selection h3{font-size:1.2rem;margin-bottom:1rem}.left-panel,.right-panel{overflow-x:hidden}.left-panel,.preview-section,.right-panel{max-width:100%;width:100%}.right-panel{gap:1rem;height:auto;max-height:none;overflow:visible}}@media (max-width:480px){.pfp-generator{max-width:100vw;padding:.25rem;width:100vw}.generator-container{max-width:100%;padding-top:3.5rem;width:100%}.trait-options{gap:.6rem;grid-template-columns:repeat(3,1fr);padding:.2rem}.back-home-btn{font-size:.8rem;padding:.4rem .8rem}.category-tab{font-size:.7rem;min-width:55px;padding:.4rem .6rem}.category-tabs{gap:.2rem;justify-content:center;margin-bottom:.8rem;max-height:none;overflow:visible;padding:.4rem;width:100%}.traits-container{flex:1 1;max-height:none;min-height:150px;overflow-x:hidden;padding:.2rem;width:100%}.traits-selection{padding:.4rem}.traits-selection h3{font-size:1.1rem;margin-bottom:.8rem}.gender-selection{margin-bottom:1rem}.btn{font-size:.8rem;min-width:80px;padding:.6rem .8rem}.left-panel,.right-panel{overflow-x:hidden}.left-panel,.preview-section,.right-panel{max-width:100%;width:100%}.right-panel{gap:.8rem;max-height:none;overflow:visible}}@media (min-width:1600px){.generator-container{gap:2rem;grid-template-columns:minmax(400px,1.3fr) minmax(450px,1fr);max-width:1800px}.preview-section{max-width:700px}.trait-options{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.category-tab{font-size:.9rem;min-width:80px;padding:.6rem 1rem}.traits-container{flex:1 1;min-height:0}.gender-selection h3,.traits-selection h3{font-size:1.6rem}}@media screen and (min-width:1600px) and (max-height:950px){.preview-section{max-width:540px}.preview-container{margin-bottom:1rem;max-width:540px}.action-buttons{gap:.6rem}.btn{padding:.8rem 1.8rem}}@media screen and (min-width:1669px) and (max-height:911px){.preview-section{max-width:500px}.preview-container{margin-bottom:.8rem;max-width:500px}.action-buttons{gap:.5rem}.btn{padding:.7rem 1.6rem}.right-panel{gap:.8rem}.gender-selection,.gender-selection h3{margin-bottom:.6rem}.traits-selection{padding:.6rem}.traits-selection h3{margin-bottom:.6rem}.category-tabs{margin-bottom:1rem;padding:.6rem}}@media screen and (max-height:850px){.preview-section{max-width:470px}.preview-container{margin-bottom:.8rem;max-width:470px}.action-buttons{gap:.5rem}.btn{font-size:.95rem;padding:.7rem 1.5rem}.right-panel{gap:.8rem}.gender-selection,.gender-selection h3{margin-bottom:.6rem}.traits-selection{padding:.6rem}.traits-selection h3{margin-bottom:.6rem}.category-tabs{margin-bottom:1rem;padding:.6rem}}.right-panel::-webkit-scrollbar,.traits-container::-webkit-scrollbar{width:8px}.right-panel::-webkit-scrollbar-track,.traits-container::-webkit-scrollbar-track{background:#826dfb0d;border-radius:4px}.right-panel::-webkit-scrollbar-thumb,.traits-container::-webkit-scrollbar-thumb{background:#826dfb4d;border-radius:4px}.right-panel::-webkit-scrollbar-thumb:hover,.traits-container::-webkit-scrollbar-thumb:hover{background:#826dfb80}@font-face{font-display:swap;font-family:Akaya Telivigala;font-style:normal;font-weight:400;src:url(/static/media/akaya-telivigala-telugu-400-normal.0030c290068717032677.woff2) format("woff2"),url(/static/media/akaya-telivigala-telugu-400-normal.629041e34637c9ab2d58.woff) format("woff");unicode-range:u+0951-0952,u+0964-0965,u+0c00-0c7f,u+1cda,u+1cf2,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Akaya Telivigala;font-style:normal;font-weight:400;src:url(/static/media/akaya-telivigala-latin-ext-400-normal.66a10f891de7c9d8b0f6.woff2) format("woff2"),url(/static/media/akaya-telivigala-latin-ext-400-normal.9fbb493479afa7c7a78a.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,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-display:swap;font-family:Akaya Telivigala;font-style:normal;font-weight:400;src:url(/static/media/akaya-telivigala-latin-400-normal.36b166abb6353fba7b2e.woff2) format("woff2"),url(/static/media/akaya-telivigala-latin-400-normal.89e96c7da78e3781fc86.woff) format("woff");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+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Sora;font-style:normal;font-weight:400;src:url(/static/media/sora-latin-ext-400-normal.81e03f97ace1a6d6d0ea.woff2) format("woff2"),url(/static/media/sora-latin-ext-400-normal.8352f9161f5bcbee5325.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,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-display:swap;font-family:Sora;font-style:normal;font-weight:400;src:url(/static/media/sora-latin-400-normal.ec171c38f34fec0fb95b.woff2) format("woff2"),url(/static/media/sora-latin-400-normal.4af0c3f5f44d257ec192.woff) format("woff");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+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/*# sourceMappingURL=main.c81ac016.css.map*/