.image-library-picker-backdrop{z-index:2147483600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-library-picker{color:#101828;background:#fff;border:1px solid #e4e7ec;border-radius:18px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(920px,100%);max-height:min(760px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 64px #0f172a3d}.image-library-picker-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 14px;display:flex}.image-library-picker-head h2{margin:0;font-size:20px;line-height:1.35}.image-library-picker-head p{color:#667085;margin:5px 0 0;font-size:13px;line-height:1.55}.image-library-picker-close{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid}.image-library-picker-search{color:#667085;background:#fff;border:1px solid #d0d5dd;border-radius:11px;align-items:center;gap:9px;min-height:46px;margin:0 22px 16px;padding:0 13px;display:flex}.image-library-picker-search input{color:#101828;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.image-library-picker-body{min-height:220px;padding:0 22px 22px;overflow:auto}.image-library-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.image-library-picker-item{color:#344054;text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e7ec;border-radius:12px;gap:8px;min-width:0;padding:8px;display:grid;position:relative}.image-library-picker-item:hover,.image-library-picker-item:focus-visible{border-color:#98a2b3;outline:none}.image-library-picker-item.is-selected{border-color:#344054;box-shadow:inset 0 0 0 1px #344054}.image-library-picker-thumb{aspect-ratio:4/3;background:#f2f4f7;border-radius:9px;place-items:center;display:grid;overflow:hidden}.image-library-picker-thumb img,.image-library-picker-thumb video{object-fit:contain;width:100%;height:100%;display:block}.image-library-picker-thumb video{background:#111827}.image-library-picker-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.image-library-picker-current{color:#fff;background:#111827db;border-radius:999px;align-items:center;min-height:25px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:14px;left:14px}.image-library-picker-state{color:#667085;text-align:center;border:1px dashed #d0d5dd;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;padding:24px;line-height:1.5;display:flex}.image-library-picker-state strong{color:#101828}.image-library-picker-state.is-error{border-style:solid}.image-library-picker-retry{color:#344054;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:10px;margin-top:4px;padding:0 16px;font-weight:700}.image-library-picker-foot{border-top:1px solid #eaecf0;justify-content:center;padding:14px 22px 20px;display:flex}.image-library-picker-foot button{color:#344054;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:10px;padding:0 16px;font-weight:700}.image-library-picker-foot button:disabled{opacity:.6;cursor:wait}.image-input-library-action,.video-library-action{color:#344054;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:9px;font-size:12px;font-weight:750}.image-input-library-action{width:100%;margin-top:8px}.video-library-action{padding:0 14px}.image-input-library-action:disabled,.video-library-action:disabled{opacity:.45;cursor:not-allowed}@media (width<=720px){.image-library-picker-backdrop{align-items:end;padding:0}.image-library-picker{border-radius:18px 18px 0 0;width:100%;max-height:88vh}.image-library-picker-head{padding:18px 16px 12px}.image-library-picker-search{min-height:44px;margin:0 16px 14px}.image-library-picker-body{padding:0 16px 18px}.image-library-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-library-picker-foot{padding:12px 16px max(16px, env(safe-area-inset-bottom))}.image-library-picker-foot button,.image-library-picker-retry,.image-input-library-action,.video-library-action{min-height:44px}}.image-preview-control,.image-preview-control *{box-sizing:border-box}.image-preview-control{gap:0;width:100%;min-width:0;display:grid;position:relative}.image-preview-frame{border:1px dashed var(--product-line-strong,#cfd6df);background:var(--product-soft,#f6f7f9);border-radius:10px;place-items:center;width:100%;min-width:0;display:grid;position:relative;overflow:hidden}.image-preview-control.has-image .image-preview-frame{background:#f8fafc;border-style:solid;border-color:#e4e7ec}.image-preview-control.is-default .image-preview-frame{min-height:180px;max-height:280px}.image-preview-control.is-favicon .image-preview-frame{width:96px;height:96px}.image-preview-control.is-share .image-preview-frame{aspect-ratio:1200/630;width:min(440px,100%)}.image-preview-frame img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.image-preview-control.is-default .image-preview-frame img{max-height:280px}.image-preview-empty{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:10px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:grid;box-shadow:0 1px 2px #1018280a}.image-preview-actions{z-index:2;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:absolute;top:10px;right:10px}.image-preview-actions button{color:#344054;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#fffffff0;border:1px solid #d0d5ddeb;border-radius:8px;min-width:54px;height:32px;min-height:32px;padding:0 10px;font-size:12px;font-weight:700;box-shadow:0 1px 3px #10182814}.image-preview-actions button.danger{color:var(--product-danger,#b42318)}.image-preview-actions button:disabled,.image-preview-empty:disabled{opacity:.45;cursor:not-allowed}.image-preview-control .image-upload-status{color:#fff;background:#101217e0;border-radius:7px;padding:7px 8px;font-size:10px;font-weight:850;position:absolute;bottom:8px;left:8px;right:8px}.image-preview-control .image-upload-progress{background:#fff3;border-radius:999px;height:3px;margin-top:5px;overflow:hidden}.image-preview-control .image-upload-progress i{background:#fff;height:100%;display:block}@media (width<=640px){.image-preview-control.is-share .image-preview-frame,.image-preview-control.is-default .image-preview-frame{width:100%}}