.upload-container{max-width:480px;margin:0 auto;padding:24px;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #eaeaea}.upload-title{font-size:18px;font-weight:500;color:#333;margin-bottom:20px}.upload-form{display:flex;flex-direction:column;gap:16px}.drop-zone{border:2px dashed #ddd;border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .2s ease;background-color:#fafafa}.drop-zone:hover{border-color:#4a90e2;background-color:#f5f9ff}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:chocolate}.upload-icon{width:48px;height:48px;background-color:#ebf5ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.upload-icon:before{content:"↑";font-size:24px;color:#4a90e2}.preview-container{position:relative;display:inline-block}.preview-image{width:128px;height:128px;object-fit:cover;border-radius:6px;border:1px solid #eee}.remove-button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:white;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}.remove-button:hover{background:#f5f5f5;border-color:#ccc}.remove-button:before{content:"×";font-size:16px;color:#666}.upload-button{padding:12px 16px;background:#4a90e2;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s ease}.upload-button:hover{background:#3a7bc8}.upload-button:disabled{background:#ccc;cursor:not-allowed}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:white;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-message{padding:12px;background:#ffebee;color:#d32f2f;border-radius:6px;font-size:13px;display:flex;align-items:flex-start;gap:8px;border:1px solid #ffcdd2}.success-message{padding:12px;background:#e8f5e9;color:#2e7d32;border-radius:6px;font-size:13px;border:1px solid #c8e6c9}.success-icon{display:inline-block;width:16px;height:16px;background-color:#2e7d32;border-radius:50%;color:white;text-align:center;line-height:16px;margin-right:8px}.success-icon:before{content:"✓";font-size:12px}.image-link{display:flex;align-items:center;gap:8px;margin-top:8px;color:#2e7d32;text-decoration:none;word-break:break-all}.image-ink:hover{text-decoration:underline}.image-link-icon{display:inline-block;width:16px;height:16px;background-color:#2e7d32;border-radius:4px;color:white;text-align:center;line-height:16px;flex-shrink:0}.image-link-icon:before{content:"i";font-size:12px;font-style:italic;font-weight:700}