.zg-file-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important}
.zg-file-upload{--zgfu-accent:#ff2d55;--zgfu-border:#343945;position:relative;display:grid;gap:10px;width:100%;box-sizing:border-box;border:1px dashed var(--zgfu-border);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));padding:14px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.zg-file-upload:hover,.zg-file-upload:focus-visible,.zg-file-upload.is-dragging{border-color:rgba(255,45,85,.82);background:rgba(255,45,85,.055);outline:none}
.zg-file-upload:focus-visible{box-shadow:0 0 0 3px rgba(255,45,85,.14)}
.zg-file-upload-head{display:flex;align-items:center;gap:11px;min-width:0}.zg-file-upload-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:rgba(255,45,85,.11);border:1px solid rgba(255,45,85,.22);font-size:20px}
.zg-file-upload-copy{display:grid;gap:2px;min-width:0;flex:1}.zg-file-upload-copy b{font-size:14px;color:#f5f6f8}.zg-file-upload-copy small{font-size:12px;line-height:1.55;color:#9ca3af}.zg-file-upload-cta{flex:0 0 auto;border:1px solid #3a404c;border-radius:10px;padding:7px 10px;background:#171a21;color:#f7f7f8;font-size:12px;font-weight:800}
.zg-file-upload-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px}.zg-file-upload-previews:empty{display:none}
.zg-file-upload-item{position:relative;min-width:0;height:92px;border:1px solid #303641;border-radius:13px;overflow:hidden;background:#11141a}.zg-file-upload-item.is-file{height:auto;min-height:64px;display:flex;align-items:center;padding:10px 38px 10px 10px;gap:9px}
.zg-file-upload-thumb{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}.zg-file-upload-fileicon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#1b2029;font-size:18px}.zg-file-upload-filecopy{min-width:0;display:grid;gap:2px}.zg-file-upload-filecopy b,.zg-file-upload-filecopy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zg-file-upload-filecopy b{font-size:12px;color:#f1f3f5}.zg-file-upload-filecopy small{font-size:11px;color:#8f98a5}
.zg-file-upload-remove{position:absolute;top:6px;right:6px;z-index:2;display:grid;place-items:center;width:25px;height:25px;border-radius:999px;background:rgba(7,9,13,.88);border:1px solid rgba(255,255,255,.22);color:#fff;font:700 16px/1 system-ui;cursor:pointer}.zg-file-upload-remove:hover{background:#e31937}
.zg-file-upload-item-name{position:absolute;left:0;right:0;bottom:0;padding:18px 7px 6px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.zg-file-lightbox{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(2,3,6,.92)}.zg-file-lightbox img{max-width:min(1100px,94vw);max-height:88vh;object-fit:contain;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.5)}.zg-file-lightbox-close{position:fixed;top:18px;right:18px;width:42px;height:42px;border-radius:12px;border:1px solid #3b414d;background:#141820;color:#fff;font-size:24px;cursor:pointer}
.zg-file-upload-error{display:none;color:#ff7689;font-size:12px}.zg-file-upload.has-error .zg-file-upload-error{display:block}
html[dir="rtl"] .zg-file-upload-remove{right:auto;left:6px}html[dir="rtl"] .zg-file-upload-item.is-file{padding:10px 10px 10px 38px}
@media(max-width:600px){.zg-file-upload{padding:11px;border-radius:14px}.zg-file-upload-head{align-items:flex-start}.zg-file-upload-cta{display:none}.zg-file-upload-previews{grid-template-columns:repeat(3,minmax(0,1fr))}.zg-file-upload-item{height:82px}}