*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;color:#eee}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#16213e;padding:1rem 2rem;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;align-items:center}.navbar h1{color:#00d9ff;font-size:1.5rem}.navbar-links{display:flex;gap:1rem;align-items:center}.navbar button{background:#e94560;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:5px;cursor:pointer;transition:background .3s}.navbar button:hover{background:#d63651}.credits-badge{background:#00d9ff;color:#16213e;padding:.5rem 1rem;border-radius:20px;font-weight:700}.generator-container{display:flex;flex:1;overflow:hidden}.sidebar{width:320px;background:#16213e;padding:1.5rem;overflow-y:auto;box-shadow:2px 0 10px #0000004d}.viewport-container{flex:1;position:relative;background:#0f1419}.asset-selector{margin-bottom:2rem}.asset-selector h2{color:#00d9ff;margin-bottom:1rem;font-size:1.2rem}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.asset-card{background:#1a1a2e;padding:1rem;border-radius:8px;cursor:pointer;transition:all .3s;border:2px solid transparent}.asset-card:hover{transform:translateY(-2px);border-color:#00d9ff}.asset-card.active{border-color:#00d9ff;background:#232b3e}.asset-card h3{font-size:.9rem;margin-bottom:.25rem;color:#eee}.asset-card p{font-size:.75rem;color:#999}.parameter-controls{margin-bottom:2rem}.parameter-controls h3{color:#00d9ff;margin-bottom:1rem;font-size:1rem}.parameter-group{margin-bottom:1.5rem}.parameter-item{margin-bottom:1rem}.parameter-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;color:#ccc}.parameter-input{width:100%;height:6px;border-radius:3px;background:#1a1a2e;outline:none;-webkit-appearance:none}.parameter-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#00d9ff;cursor:pointer}.parameter-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#00d9ff;cursor:pointer;border:none}.color-input{width:100%;height:40px;border-radius:5px;border:2px solid #00d9ff;cursor:pointer}.export-panel button{width:100%;padding:.75rem;margin-bottom:.5rem;background:#00d9ff;color:#16213e;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background .3s}.export-panel button:hover{background:#00b8d4}.export-panel button.secondary{background:#e94560;color:#fff}.export-panel button.secondary:hover{background:#d63651}.format-select{width:100%;padding:.75rem;margin-bottom:1rem;background:#1a1a2e;color:#eee;border:2px solid #00d9ff;border-radius:5px;font-size:.9rem}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:2rem}.auth-form{background:#16213e;padding:2rem;border-radius:10px;box-shadow:0 4px 20px #00000080;width:100%;max-width:400px}.auth-form h2{color:#00d9ff;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ccc;font-size:.9rem}.form-group input{width:100%;padding:.75rem;background:#1a1a2e;border:2px solid #333;border-radius:5px;color:#eee;font-size:1rem}.form-group input:focus{outline:none;border-color:#00d9ff}.submit-btn{width:100%;padding:.75rem;background:#00d9ff;color:#16213e;border:none;border-radius:5px;font-weight:700;font-size:1rem;cursor:pointer;transition:background .3s}.submit-btn:hover{background:#00b8d4}.auth-link{text-align:center;margin-top:1rem;color:#999;font-size:.9rem}.auth-link a{color:#00d9ff;text-decoration:none}.auth-link a:hover{text-decoration:underline}.error-message{background:#e94560;color:#fff;padding:.75rem;border-radius:5px;margin-bottom:1rem;text-align:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#00d9ff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00b8d4}