.image-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{display:flex;flex-direction:column;gap:16px}.image-preview{position:relative;width:100%;max-width:240px;height:140px;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;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;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s ease}.image-preview:hover{border-color:rgba(0,220,94,.3);box-shadow:0 8px 20px rgba(0,0,0,.3)}.image-preview img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.remove-button{position:absolute;top:8px;right:8px;width:28px;height:28px;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:14px;color:#ef4444;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-button:hover{background-color:rgba(239,68,68,.2);border-color:#ef4444;color:#ef4444;transform:scale(1.05)}.remove-button:disabled{opacity:.5;cursor:not-allowed}.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}