.hero-upload-button{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.upload-label{font-size:.85rem;font-weight:600;color:#9ca3af;margin-bottom:8px;font-family:Geist Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.upload-container{gap:16px}.hero-previews,.upload-container{display:flex;flex-direction:column}.hero-previews{gap:12px;padding:16px;background-color:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:12px}.hero-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.hero-preview-part{display:flex;flex-direction:column;gap:8px}.part-label{font-size:.75rem;font-weight:600;color:#00dc5e;text-align:center;font-family:Geist Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.hero-preview-part img{width:100%;height:auto;aspect-ratio:800/1120;object-fit:contain;border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:#1a1a1a;background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 0),linear-gradient(-45deg,#2a2a2a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#2a2a2a 0),linear-gradient(-45deg,transparent 75%,#2a2a2a 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.remove-all-button{padding:10px 16px;background-color:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Grift,sans-serif}.remove-all-button:hover{background-color:rgba(239,68,68,.2);border-color:#ef4444;transform:translateY(-2px)}.remove-all-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.upload-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background-color:rgba(255,255,255,.05);color:#e5e7eb;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:-moz-fit-content;width:fit-content;font-family:Grift,sans-serif}.upload-btn:hover{background-color:rgba(255,255,255,.1);color:#ffffff;border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.upload-btn:active{transform:translateY(0)}.upload-btn:disabled{background-color:rgba(255,255,255,.02);color:#6b7280;cursor:not-allowed;transform:none;border-color:transparent}.upload-btn.uploading{background-color:rgba(255,255,255,.05);cursor:wait}.upload-icon{font-size:1.1rem}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:#00dc5e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.upload-error{padding:12px 16px;background:rgba(239,68,68,.1);color:#ef4444;border-radius:8px;font-size:.85rem;border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;gap:8px}.upload-info{font-size:.8rem;color:#6b7280;font-style:normal;font-family:Grift,sans-serif;opacity:.8}.upload-info strong{color:#00dc5e;font-weight:600}@media (max-width:768px){.hero-preview-grid{grid-template-columns:1fr}}