.page-module__8C-MjW__container{background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 50%,#16213e 100%);grid-template-columns:1fr 1fr;gap:2rem;min-height:100vh;padding:2rem 4rem;font-family:Courier New,monospace;display:grid}.page-module__8C-MjW__previewSection{background:#1a1a2eb3;border:4px solid #0f8;flex-direction:column;gap:2rem;padding:2rem;display:flex;position:relative;box-shadow:inset 0 0 20px #00ff881a,0 0 30px #0f83}.page-module__8C-MjW__previewSection:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00ff8808 0 1px,#0000 1px 2px);position:absolute;inset:0}.page-module__8C-MjW__nameInputWrapper{z-index:1;flex-direction:column;gap:.75rem;display:flex;position:relative}.page-module__8C-MjW__nameLabel{color:#00d4ff;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px #00d4ff80;font-size:.95rem;font-weight:700}.page-module__8C-MjW__nameInput{color:#0f8;background:#00000080;border:3px solid #00d4ff;padding:.75rem 1rem;font-family:Courier New,monospace;font-size:1rem;font-weight:600;transition:all .1s;box-shadow:inset 0 0 10px #00d4ff1a}.page-module__8C-MjW__nameInput:focus{color:#ff006e;border-color:#ff006e;outline:none;box-shadow:inset 0 0 10px #ff006e33,0 0 15px #ff006e66}.page-module__8C-MjW__nameInput::placeholder{color:#00d4ff80}.page-module__8C-MjW__previewBox{background:#000000b3;border:3px dashed #ff006e;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #ff006e1a,0 0 20px #ff006e1a}.page-module__8C-MjW__previewBox:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ff006e0d 0 1px,#0000 1px 2px);position:absolute;inset:0}.page-module__8C-MjW__previewWrapper{z-index:1;position:relative}.page-module__8C-MjW__previewInner{width:300px;height:300px;position:relative}.page-module__8C-MjW__layer{width:100%;height:100%;position:absolute;top:0;left:0}.page-module__8C-MjW__buttonGroup{z-index:1;flex-direction:column;gap:1rem;display:flex;position:relative}.page-module__8C-MjW__primaryButton,.page-module__8C-MjW__secondaryButton{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-shadow:1px 1px #0000004d;border:3px solid;padding:.875rem 1.5rem;font-family:Courier New,monospace;font-size:1rem;font-weight:700;transition:all .1s}.page-module__8C-MjW__primaryButton{color:#fff;background:linear-gradient(135deg,#ff006e 0%,#ff4d94 100%);border-color:#ff006e;box-shadow:0 4px #c05,0 6px 12px #ff006e66}.page-module__8C-MjW__primaryButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #c05,0 8px 16px #ff006e99}.page-module__8C-MjW__primaryButton:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #c05,0 2px 4px #ff006e4d}.page-module__8C-MjW__primaryButton:disabled{opacity:.5;cursor:not-allowed}.page-module__8C-MjW__secondaryButton{color:#1a1a2e;background:linear-gradient(135deg,#00d4ff 0%,#00b8cc 100%);border-color:#00d4ff;box-shadow:0 4px #09a,0 6px 12px #00d4ff66}.page-module__8C-MjW__secondaryButton:hover{transform:translateY(-2px);box-shadow:0 6px #09a,0 8px 16px #00d4ff99}.page-module__8C-MjW__secondaryButton:active{transform:translateY(4px);box-shadow:0 0 #09a,0 2px 4px #00d4ff4d}.page-module__8C-MjW__selectionSection{background:#1a1a2eb3;border:4px solid #00d4ff;flex-direction:column;gap:2rem;max-height:calc(100vh - 200px);padding:2rem;display:flex;position:relative;overflow-y:auto;box-shadow:inset 0 0 20px #00d4ff1a,0 0 30px #00d4ff33}.page-module__8C-MjW__selectionSection:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00d4ff08 0 1px,#0000 1px 2px);position:absolute;inset:0}.page-module__8C-MjW__traitsContainer{z-index:1;flex-direction:column;gap:2rem;display:flex;position:relative}.page-module__8C-MjW__categorySection{background:#00000080;border:2px solid #0f8;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:inset 0 0 10px #00ff881a}.page-module__8C-MjW__categoryLabel{justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-module__8C-MjW__categoryLabel h2{color:#0f8;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px #00ff8880;margin:0;font-size:1.1rem}.page-module__8C-MjW__selectedBadge{color:#ff006e;text-transform:uppercase;letter-spacing:.05em;background:#ff006e33;border:2px solid #ff006e;padding:.4rem .8rem;font-size:.85rem;font-weight:700;display:inline-block}.page-module__8C-MjW__traitGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;display:grid}.page-module__8C-MjW__traitCard{cursor:pointer;background:#000000b3;border:2px solid #00d4ff;border-radius:0;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;font-family:Courier New,monospace;transition:all .1s;display:flex;position:relative}.page-module__8C-MjW__traitCard:hover{background:#00d4ff26;border-color:#0f8;transform:translate(-2px,-2px);box-shadow:2px 2px #0f8,0 0 15px #00ff884d}.page-module__8C-MjW__traitCard:active{transform:translate(1px,1px)}.page-module__8C-MjW__traitCardActive{background:#ff006e40;border-width:3px;border-color:#ff006e;box-shadow:inset 0 0 10px #ff006e33,0 0 15px #ff006e66}.page-module__8C-MjW__traitImageWrapper{background:#00000080;border:1px solid #00d4ff4d;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.page-module__8C-MjW__traitImage{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.page-module__8C-MjW__traitName{color:#00d4ff;text-align:center;word-break:break-word;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.page-module__8C-MjW__activeIndicator{background:#ff006e;border:2px solid #fff;width:12px;height:12px;position:absolute;top:4px;right:4px;box-shadow:0 0 10px #ff006e}@media (max-width:1200px){.page-module__8C-MjW__container{grid-template-columns:1fr;padding:1.5rem 2rem}.page-module__8C-MjW__selectionSection{max-height:none}}@media (max-width:768px){.page-module__8C-MjW__container{gap:1.5rem;padding:1rem}.page-module__8C-MjW__previewSection,.page-module__8C-MjW__selectionSection{border-width:2px;padding:1.5rem}.page-module__8C-MjW__traitGrid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.page-module__8C-MjW__previewBox{min-height:300px}}