.upload-ux-file-label-ready{cursor:pointer}
.upload-ux-file-label-ready input[type=file]{cursor:pointer}
.upload-ux-native-preview-image{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:12px;background:color-mix(in srgb,var(--muted,#667085) 13%,transparent)}
.upload-ux-form-progress{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--line,#d0d5dd) 76%,transparent);border-radius:14px;background:color-mix(in srgb,var(--card,#fff) 90%,transparent);margin-top:14px}
.upload-ux-form-progress.hidden{display:none}
.upload-ux-progress-bar{width:100%;height:10px;border-radius:999px;background:color-mix(in srgb,var(--line,#d0d5dd) 72%,transparent);overflow:hidden}
.upload-ux-progress-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent,#2563eb),var(--secondary,#60a5fa));transition:width .18s ease}
.upload-ux-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--text,#101828)}
.upload-ux-form-status{margin-top:10px;font-size:13px;font-weight:800;color:var(--success,#0f766e)}
.upload-ux-form-status.is-error{color:var(--danger,#b42318)}
.upload-ux-library{position:fixed;inset:0;z-index:2147483647!important;background:rgba(15,23,42,.68);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;isolation:isolate;pointer-events:auto}
.upload-ux-library[hidden],
.upload-ux-library.hidden,
.upload-ux-library[aria-hidden="true"],
.upload-ux-library:not(.is-open){
  display:none!important;
  pointer-events:none!important;
}
.upload-ux-library-panel{position:relative;z-index:1;width:min(820px,100%);max-height:min(78vh,760px);overflow:auto;border:1px solid color-mix(in srgb,var(--line,#d0d5dd) 70%,transparent);border-radius:22px;background:color-mix(in srgb,var(--card,#fff) 96%,var(--bg,#f8fafc));box-shadow:0 30px 80px rgba(2,6,23,.34);padding:18px}
.upload-ux-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.upload-ux-library-head strong{display:block;color:var(--text,#101828);font-size:20px}
.upload-ux-library-head span,.upload-ux-library-status{display:block;color:var(--muted,#667085);font-size:13px;font-weight:700;margin-top:4px}
.upload-ux-library-close{width:34px;height:34px;border:0;border-radius:999px;background:color-mix(in srgb,var(--text,#101828) 10%,transparent);color:var(--text,#101828);font-weight:900;cursor:pointer}
.upload-ux-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin-top:14px}
.upload-ux-library-choice{border:1px solid color-mix(in srgb,var(--line,#d0d5dd) 74%,transparent);border-radius:16px;background:color-mix(in srgb,var(--bg,#f8fafc) 72%,var(--card,#fff));padding:8px;text-align:left;cursor:pointer;box-shadow:0 10px 22px rgba(15,23,42,.08)}
.upload-ux-library-choice:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent,#2563eb) 55%,var(--line,#d0d5dd))}
.upload-ux-library-choice img{width:100%;aspect-ratio:1/1;border-radius:12px;object-fit:cover;background:color-mix(in srgb,var(--muted,#667085) 13%,transparent);display:block}
.upload-ux-library-choice span{display:block;margin-top:8px;color:var(--text,#101828);font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upload-ux-library-choice small{display:block;color:var(--muted,#667085);font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="dark"] .upload-ux-library-panel,html[data-theme="midnight_slate"] .upload-ux-library-panel{background:color-mix(in srgb,var(--card,#172033) 96%,#000)}
html[data-theme="dark"] .upload-ux-form-progress,html[data-theme="midnight_slate"] .upload-ux-form-progress{background:color-mix(in srgb,var(--card,#172033) 88%,transparent)}
@media (max-width:680px){.upload-ux-library{padding:12px;align-items:flex-end}.upload-ux-library-panel{border-radius:20px 20px 0 0;max-height:86vh}}