/* ============================================================
   3-components / upload-preview.css
   图片上传拖拽区域
   来源：styles.css L4225–4238
   ============================================================ */

.compose-upload {
    border: 2px dashed var(--border-default);
    border-radius: var(--radius-md);
    padding: 32px;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    position: relative;
}

.compose-upload:hover { border-color: var(--color-primary); background: var(--bg-input); }
.compose-upload svg { width: 32px; height: 32px; color: var(--text-tertiary); margin: 0 auto 12px; }
.compose-upload span { display: block; font-size: 14px; color: var(--text-secondary); margin-bottom: 4px; }
.compose-upload small { font-size: 12px; color: var(--text-tertiary); }
.compose-upload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }