.zhaga-upload-field { display: block; width: 100%; }
.zhaga-upload-dropzone {
    position: relative;
    border: 2px dashed #c0c4cc;
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    background: #fafafa;
    transition: all .15s ease;
    cursor: pointer;
    min-height: 160px;
}
.zhaga-upload-dropzone:hover { border-color: #0000ff; background: #f0f4ff; }
.zhaga-upload-dropzone.is-dragging { border-color: #0000ff; background: #e6e9ff; }
.zhaga-upload-dropzone.has-file { background: #fff; border-style: solid; border-color: #28a745; }
.zhaga-upload-prompt { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.zhaga-upload-prompt .icon-upload { font-size: 32px; color: #888; }
.zhaga-upload-hint { font-size: 12px; color: #888; margin: 0; }
.zhaga-upload-preview { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.zhaga-upload-preview img { max-width: 200px; max-height: 160px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.zhaga-upload-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    text-align: center;
}
.zhaga-upload-meta .zhaga-upload-actions { display: flex; gap: 8px; justify-content: center; }
.zhaga-upload-name { font-weight: 600; word-break: break-all; max-width: 320px; text-align: center; }
.zhaga-upload-progress { position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: #eee; border-radius: 0 0 6px 6px; overflow: hidden; }
.zhaga-upload-progress-bar { height: 100%; width: 0; background: #0000ff; transition: width .15s ease; }
.zhaga-upload-error { font-size: 13px; margin-top: 6px; }