.upload-preview{min-width:0;width:100%;padding:12px;border:1px solid #dce6f4;border-radius:12px;background:#f7f9fc;box-sizing:border-box}.upload-preview[hidden]{display:none!important}.upload-preview-status{margin:0 0 10px!important;color:#475569!important;font-size:12px!important;line-height:1.5}.upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.upload-preview-grid figure{min-width:0;margin:0;padding:7px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;box-sizing:border-box}.upload-preview-grid img{display:block;width:100%;height:105px;border-radius:6px;object-fit:contain;background:#eef2f7}.upload-preview-grid figcaption{margin:6px 0;color:#334155;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.upload-preview-remove,.upload-preview-clear{appearance:none;width:auto!important;min-height:32px;padding:5px 9px;border:1px solid #bdcce5;border-radius:7px;background:#fff;color:#244ca3;font:inherit;font-size:12px!important;font-weight:650;line-height:1.3;cursor:pointer}.upload-preview-clear{margin-top:10px}.upload-preview-remove:hover,.upload-preview-clear:hover{background:#eaf1ff}.upload-preview-remove:focus-visible,.upload-preview-clear:focus-visible{outline:3px solid #2f6fec;outline-offset:2px}.upload-preview-unavailable:before{content:'Preview unavailable';display:grid;place-items:center;height:105px;background:#eef2f7;color:#64748b;font-size:11px;border-radius:6px;text-align:center}@media(max-width:400px){.upload-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-preview-grid img{height:95px}.upload-preview{padding:9px}}