.trait-selector{display:flex;flex-direction:column;gap:1.25rem}.trait-group{display:flex;flex-direction:column;gap:.5rem}.trait-label{font-weight:600;color:#333;font-size:.9rem;text-transform:capitalize}.trait-select{padding:.75rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;background:#fff;cursor:pointer;transition:all .2s ease}.trait-select:hover{border-color:#667eea}.trait-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.app{min-height:100vh;padding:2rem;position:relative;z-index:1}.header{text-align:center;margin-bottom:3rem;color:#fff;position:relative;z-index:2}.header-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.header-icon{width:2.5rem;height:2.5rem;color:#00ff41;filter:drop-shadow(0 0 10px #00FF41);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 10px #00FF41)}50%{filter:drop-shadow(0 0 20px #00FF41)}}.header h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#00ff41,#0c3,#00ff41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,65,.5);animation:text-glow 3s ease-in-out infinite}@keyframes text-glow{0%,to{filter:drop-shadow(0 0 10px rgba(0,255,65,.5))}50%{filter:drop-shadow(0 0 20px rgba(0,255,65,.8))}}.subtitle{font-size:1.1rem;opacity:.9;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.3)}.container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;position:relative;z-index:2}.canvas-section{display:flex;flex-direction:column;gap:1.5rem}.canvas-wrapper{background:#fffffff2;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 60px #00000080,0 0 30px #00ff4133,inset 0 0 20px #00ff410d;border:1px solid rgba(0,255,65,.2);position:relative;overflow:hidden}.canvas-wrapper:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00FF41,transparent,#00FF41);border-radius:1.5rem;z-index:-1;opacity:.3;animation:border-glow 3s linear infinite}@keyframes border-glow{0%,to{opacity:.3}50%{opacity:.6}}.action-buttons{display:flex;gap:1rem}.btn{flex:1;padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#00ff41,#0c3);color:#0d0208;box-shadow:0 4px 15px #00ff4166;position:relative;z-index:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ff4199}.btn-secondary{background:#0d0208cc;color:#00ff41;border:2px solid #00FF41;box-shadow:0 4px 15px #00ff4133}.btn-secondary:hover{background:#00ff411a;transform:translateY(-2px);box-shadow:0 10px 30px #00ff4166}.traits-section{background:#fffffff2;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 60px #00000080,0 0 30px #00ff4133,inset 0 0 20px #00ff410d;border:1px solid rgba(0,255,65,.2);position:relative;overflow:hidden}.traits-section:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#00FF41,transparent,#00FF41);border-radius:1.5rem;z-index:-1;opacity:.3;animation:border-glow 3s linear infinite}.traits-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#0d0208;text-shadow:0 0 10px rgba(0,255,65,.2)}@media (max-width: 1024px){.container{grid-template-columns:1fr}}@media (max-width: 640px){.app{padding:1rem}.header h1{font-size:1.8rem}.action-buttons{flex-direction:column}}*{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:#0d0208;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0d0208;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,255,65,.03) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,255,65,.03) 50%,transparent 100%);background-size:50px 50px;animation:matrix-grid 20s linear infinite;z-index:-1;pointer-events:none}@keyframes matrix-grid{0%{background-position:0 0,0 0}to{background-position:50px 50px,50px 50px}}.matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}