.generator-wrapper{min-height:100vh;padding:120px 5% 60px}.generator-container{border:var(--border-width) solid var(--border-color);max-width:1200px;box-shadow:15px 15px 0 var(--border-color);background:#fff;border-radius:30px;gap:40px;margin:0 auto;padding:40px;display:flex}.canvas-section{flex-direction:column;flex:1;align-items:center;gap:20px;display:flex}#pfp-canvas{aspect-ratio:1;border:6px solid var(--border-color);background-color:var(--secondary);width:100%;max-width:450px;height:auto;box-shadow:8px 8px 0 var(--border-color);border-radius:20px}.canvas-actions{gap:15px;width:100%;max-width:450px;display:flex}.canvas-actions button{text-align:center;flex:1;padding:15px 10px;font-size:1.5rem}.controls-section{border:3px solid var(--border-color);background:#f4f4f4;border-radius:20px;flex-direction:column;flex:1;display:flex;overflow:hidden}.tabs{border-bottom:3px solid var(--border-color);background:#fff;display:flex;overflow-x:auto}.tab-btn{border:none;border-right:3px solid var(--border-color);min-width:90px;font-family:var(--font-main);cursor:pointer;white-space:nowrap;background:#fff;flex:none;padding:12px 10px;font-size:1.2rem;transition:background .1s}.tab-btn:last-child{border-right:none}.tab-btn.active{background:var(--primary);color:#fff;-webkit-text-stroke:1px black}.options-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;max-height:450px;padding:20px;display:grid;overflow-y:auto}.option-item{aspect-ratio:1;border:4px solid var(--border-color);cursor:pointer;box-shadow:4px 4px 0 var(--border-color);background:#fff;border-radius:12px;justify-content:center;align-items:center;transition:transform .1s;display:flex;overflow:hidden}.option-item:hover,.option-item.selected{box-shadow:0 0 0 var(--border-color);border-color:var(--primary);transform:translate(2px,2px)}.option-item img{max-width:80%;max-height:80%}@media (width<=900px){.generator-container{flex-direction:column}}