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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#f5f5f5;min-height:100vh;padding:20px}.main-container{display:flex;gap:20px;margin:0 auto 20px;max-width:1200px}.alpaca-display{align-items:center;background-color:#2c3e50;border-radius:10px;display:flex;flex:1 1;justify-content:center;min-height:500px;padding:20px}.alpaca-container{height:400px;position:relative;width:300px}.alpaca-container img{height:auto;left:0;max-width:100%;position:absolute;top:0}.background{z-index:1}.nose{z-index:2}.ears{z-index:3}.eyes{z-index:6}.mouth{z-index:7}.neck{z-index:4}.leg{z-index:5}.hair{pointer-events:none;z-index:8}.accessories{z-index:9}.customization-panel{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;flex:1 1;padding:20px}.customization-panel h2{color:#2c3e50;margin-bottom:20px;text-align:center}.customization-panel h3{color:#34495e;font-size:16px;margin-bottom:15px}.parts-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.part-button{background-color:#ecf0f1;border:2px solid #bdc3c7;border-radius:25px;color:#7f8c8d;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s ease}.part-button:hover{background-color:#d5dbdb}.part-button.selected{background-color:#3498db;border-color:#2980b9;color:#fff}.styles-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.style-button{background-color:#ecf0f1;border:2px solid #bdc3c7;border-radius:25px;color:#7f8c8d;cursor:pointer;font-size:13px;font-weight:500;padding:10px 14px;transition:all .3s ease}.style-button:hover{background-color:#d5dbdb}.style-button.selected{background-color:#3498db;border-color:#2980b9;color:#fff}.action-buttons{display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1200px}.download-button,.random-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:15px 30px;transition:all .3s ease}.random-button{background-color:#95a5a6;color:#fff}.random-button:hover{background-color:#7f8c8d}.download-button{background-color:#27ae60;color:#fff}.download-button:hover{background-color:#229954}.button-icon{font-size:18px}@media (max-width:768px){.main-container{flex-direction:column}.parts-grid,.styles-grid{grid-template-columns:repeat(3,1fr)}.action-buttons{align-items:center;flex-direction:column}}
/*# sourceMappingURL=main.849ccbf4.css.map*/