.nft-display{background:#1a1a1a;border-radius:12px;padding:20px;box-shadow:0 4px 6px #00000080;border:1px solid #333333;transition:transform .2s,border-color .2s;display:flex;flex-direction:column;height:100%;min-height:650px}.nft-display:hover{transform:translateY(-4px);box-shadow:0 8px 12px #000c;border-color:#9d4edd}.nft-display[style*="cursor: pointer"]:hover .nft-canvas{border-color:#9d4edd}.nft-display.empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:#999}.nft-canvas{position:relative;width:100%;max-width:500px;margin:0 auto;aspect-ratio:1;background:#000;border-radius:8px;overflow:hidden;border:1px solid #333333}.nft-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;image-rendering:auto}.nft-layer.royal-guard{top:-5%;transform:translateY(0)}.nft-layer[alt=Eyebrows]{opacity:1!important}.nft-info{margin-top:16px;display:flex;flex-direction:column;flex:1;min-height:0}.nft-info h3{margin-bottom:12px;color:#fff;font-size:1.2rem}.traits-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;min-height:0;max-height:300px}.traits-list::-webkit-scrollbar{width:8px}.traits-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.traits-list::-webkit-scrollbar-thumb{background:#9d4edd;border-radius:4px;border:1px solid #1a1a1a}.traits-list::-webkit-scrollbar-thumb:hover{background:#7b2cbf}.traits-list{scrollbar-width:thin;scrollbar-color:#9d4edd #1a1a1a}.trait-item{padding:8px;background:#000;border-radius:6px;font-size:.9rem;color:#fff;border:1px solid #333333}.trait-item strong{color:#9d4edd;margin-right:8px}.save-nft-button{width:100%;margin-top:auto;padding:12px 24px;background:#1a1a1a;color:#9d4edd;border:2px solid #9d4edd;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.save-nft-button:hover:not(:disabled){background:#9d4edd;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #9d4edd66}.save-nft-button:active:not(:disabled){transform:translateY(0)}.save-nft-button:disabled{background:#555;cursor:not-allowed;opacity:.7}.nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:20px 0;align-items:stretch}.nft-grid.empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:#fff;font-size:1.2rem}@media (max-width: 768px){.nft-grid{grid-template-columns:1fr}}.nft-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nft-modal-close{position:fixed;top:20px;right:20px;background:#333;border:none;color:#fff;font-size:2.5rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s;z-index:10001}.nft-modal-close:hover{background:#555;transform:scale(1.1)}.nft-modal-canvas{position:relative;width:min(90vw,90vh,800px);max-width:800px;aspect-ratio:1;background:transparent;overflow:hidden;animation:scaleUp .3s ease-out;isolation:isolate}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.nft-modal-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;image-rendering:auto;pointer-events:none}@media (max-width: 768px){.nft-modal-canvas{width:min(95vw,95vh);max-width:100%}.nft-modal-close{top:10px;right:10px;width:40px;height:40px;font-size:2rem}}@media (max-height: 900px){.nft-modal-canvas{width:min(85vw,85vh,700px);max-width:700px}}.psychedelic-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:#0a0514}.app{max-width:1400px;margin:0 auto;padding:20px}@media (max-width: 768px){.app{padding:10px}}.btn-music{padding:12px;min-width:44px;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:2px solid rgba(157,78,221,.4);font-size:1.2rem;cursor:pointer}.btn-music:hover{background:linear-gradient(135deg,#9d4edd33,#7b2cbf33);border-color:#9d4edd;transform:translateY(-2px) scale(1.05)}.btn-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-x,.btn-discord,.btn-telegram,.btn-linktree,.btn-scatter,.btn-music{padding:12px 24px;min-width:44px;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:2px solid rgba(157,78,221,.4)}.btn-scatter{font-weight:600;color:#9d4edd}.btn-x:hover,.btn-discord:hover,.btn-telegram:hover,.btn-linktree:hover,.btn-scatter:hover,.btn-music:hover{background:linear-gradient(135deg,#9d4edd33,#7b2cbf33);border-color:#9d4edd;transform:translateY(-2px) scale(1.05)}.btn-x svg,.btn-discord svg,.btn-telegram svg,.btn-linktree svg,.btn-scatter svg{width:18px;height:18px;transition:transform .3s}.btn-x:hover svg,.btn-discord:hover svg,.btn-telegram:hover svg,.btn-linktree:hover svg,.btn-scatter:hover svg{transform:scale(1.1)}@media (max-width: 768px){.btn-x,.btn-discord,.btn-telegram,.btn-linktree,.btn-scatter,.btn-music{padding:12px;min-width:44px;flex:0 0 auto}}.music-toggle:hover{background:#9d4edd;color:#000;transform:scale(1.1);box-shadow:0 4px 12px #9d4edd66}.header-link{text-align:center;margin-bottom:20px}.maker-link{display:inline-block;padding:12px 24px;background:#1a1a1a;color:#9d4edd;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #0000004d;border:2px solid #9d4edd}.maker-link:hover{background:#9d4edd;color:#000;transform:translateY(-2px);box-shadow:0 4px 8px #9d4edd66}.loading{text-align:center;color:#fff;padding:100px 20px}.loading h1{font-size:2.5rem;margin-bottom:20px}.controls{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-radius:16px;padding:28px;margin-bottom:30px;box-shadow:0 8px 24px #0009,0 0 0 1px #9d4edd1a;border:1px solid rgba(157,78,221,.2);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center;position:relative;overflow:hidden}.controls:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#9d4edd,transparent);opacity:.5}@media (max-width: 768px){.controls{padding:20px 16px;margin-bottom:20px;gap:16px;border-radius:12px}}.control-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap;position:relative}.control-group:last-child{margin-left:auto}.control-group:not(:last-child):after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(157,78,221,.3),transparent)}@media (max-width: 768px){.control-group{width:100%;justify-content:center;gap:8px}.control-group:after{display:none}.control-group:not(:last-child):after{content:"";position:static;transform:none;width:100%;height:1px;margin:12px 0;background:linear-gradient(90deg,transparent,rgba(157,78,221,.3),transparent)}}.btn{padding:12px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a;min-height:44px;min-width:44px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.btn:hover:before{left:100%}@media (max-width: 768px){.btn{padding:14px 20px;font-size:.9rem;flex:1 1 auto;min-width:120px;border-radius:8px}}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9d4edd66,inset 0 1px #ffffff26}.btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d}.btn-primary{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);color:#9d4edd;border:2px solid #9d4edd}.btn-primary:hover{background:linear-gradient(135deg,#9d4edd,#7b2cbf);color:#000;border-color:#9d4edd;box-shadow:0 6px 20px #9d4edd80,inset 0 1px #fff3}.btn-secondary{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);color:#9d4edd;border:2px solid rgba(157,78,221,.5)}.btn-secondary:hover{background:linear-gradient(135deg,#9d4edd33,#7b2cbf33);color:#9d4edd;border-color:#9d4edd;box-shadow:0 6px 20px #9d4edd4d,inset 0 1px #ffffff1a}.btn-clear{background:#1a1a1a;color:#9d4edd;border:2px solid #9d4edd}.btn-clear:hover{background:#9d4edd;color:#000;border-color:#9d4edd}.batch-controls{display:flex;gap:8px;align-items:center}@media (max-width: 768px){.batch-controls{width:100%;justify-content:center;flex-wrap:wrap}}.batch-input{padding:12px;border:2px solid rgba(157,78,221,.3);border-radius:10px;font-size:1rem;width:80px;text-align:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;min-height:44px;transition:all .3s;box-shadow:inset 0 2px 4px #0000004d}.batch-input:focus{outline:none;border-color:#9d4edd;box-shadow:0 0 0 3px #9d4edd33,inset 0 2px 4px #0000004d}@media (max-width: 768px){.batch-input{width:100px;font-size:1rem}}.batch-input:focus{outline:none;border-color:#9d4edd}.count-badge{background:#333;padding:8px 16px;border-radius:20px;font-weight:600;color:#fff}.error-message{background:#2a1a1a;color:#ff6b6b;padding:20px;border-radius:8px;text-align:center;margin-top:20px;border:1px solid #4a3333}.error-message p{font-size:1.1rem}*{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:#000;min-height:100vh;padding:20px;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:6px}::-webkit-scrollbar-thumb{background:#9d4edd;border-radius:6px;border:2px solid #1a1a1a}::-webkit-scrollbar-thumb:hover{background:#7b2cbf}::-webkit-scrollbar-corner{background:#1a1a1a}*{scrollbar-width:thin;scrollbar-color:#9d4edd #1a1a1a}