.upload-container{width:100%;}.upload-area{border:2px dashed #cbd5e0;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f7fafc;}.upload-area:hover{border-color:#4299e1;background-color:#ebf8ff;}.upload-area.dragover{border-color:#3182ce;background-color:#bee3f8;transform:scale(1.02);}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px;}.upload-icon{width:48px;height:48px;color:#4299e1;}.upload-title{margin:0;font-size:16px;font-weight:500;color:#2d3748;}.upload-subtitle{margin:0;font-size:13px;color:#718096;}.preview-container{margin-top:20px;}.preview-wrapper{position:relative;display:inline-block;width:100%;max-width:300px;}.preview-wrapper img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;}.remove-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,.95);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.15);}.remove-btn:hover{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);transform:scale(1.1);}.remove-btn svg{width:20px;height:20px;color:#e53e3e;stroke-width:2;}