.imgpicker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:10000001}.imgpicker-modal{width:92%;max-width:95vw;max-height:85vh;background:var(--card, #1e1e1e);border-radius:12px;border:1px solid var(--modal-border, #3f3f3f);display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.5);overflow:hidden}body.wf-popup .imgpicker-modal{width:50%}.imgpicker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, #1e3050)}.imgpicker-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--foreground, #f8fafc);margin:0}.imgpicker-close{background:none;border:none;color:var(--muted-foreground, #8b8b92);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all 150ms}.imgpicker-close:hover{color:var(--foreground, #f8fafc);background:var(--surface, #252529)}.imgpicker-banner{display:flex;align-items:flex-start;gap:6px;padding:6px 12px;border-bottom:1px solid var(--border, #1e3050)}.imgpicker-banner--warning{background:rgba(234,179,8,0.10);color:#fde68a}.imgpicker-banner svg{flex-shrink:0;stroke:currentColor;margin-top:2px}.imgpicker-banner-body{display:flex;flex-direction:column;gap:1px;min-width:0}.imgpicker-banner-header{font-size:11.5px;line-height:1.35;font-weight:500}.imgpicker-banner-hint{font-size:10.5px;line-height:1.3;opacity:0.85}.imgpicker-tabs{display:flex;flex-wrap:nowrap;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;border-bottom:1px solid var(--border, #1e3050);padding:0 16px}.imgpicker-tabs::-webkit-scrollbar{display:none}.imgpicker-tab{display:flex;flex-shrink:0;white-space:nowrap;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted-foreground, #8b8b92);font-size:13px;font-weight:500;cursor:pointer;transition:all 150ms}.imgpicker-tab:hover{color:var(--foreground, #f8fafc)}.imgpicker-tab.active{color:var(--foreground);border-bottom-color:var(--primary)}.imgpicker-tab-count{background:var(--surface, #252529);color:var(--muted-foreground, #8b8b92);font-size:11px;padding:1px 6px;border-radius:10px;min-width:20px;text-align:center}.imgpicker-tab.active .imgpicker-tab-count{background:var(--primary-light);color:var(--foreground)}.imgpicker-content{flex:1;min-height:0;overflow-y:auto}.imgpicker-pane{display:none;height:100%;min-height:0;flex-direction:column;overflow-y:auto}.imgpicker-pane.active{display:flex}.imgpicker-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border, #1e3050)}.imgpicker-hint{font-size:12px;color:var(--muted-foreground, #8b8b92)}.imgpicker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:10px 16px;overflow-y:auto;flex:1;min-height:0;align-content:start}.imgpicker-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all 150ms}.imgpicker-item img{width:100%;height:100%;object-fit:cover}.imgpicker-video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,0.10);color:var(--primary, #6366f1)}.imgpicker-video-preview{width:100%;height:100%;object-fit:cover;display:block;background:rgba(0,0,0,0.3)}.imgpicker-item:hover{border-color:var(--border-light, #2e2e33);transform:scale(1.02)}.imgpicker-item.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow, rgba(255,255,255,0.25))}.imgpicker-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);opacity:0;transition:opacity 150ms;display:flex;align-items:center;justify-content:center}.imgpicker-item:hover .imgpicker-item-overlay,.imgpicker-item.selected .imgpicker-item-overlay{opacity:1}.imgpicker-item-check{width:28px;height:28px;border-radius:50%;background:#ffffff;display:flex;align-items:center;justify-content:center;color:#1a1a1e;opacity:0;transform:scale(0.5);transition:all 200ms}.imgpicker-item.selected .imgpicker-item-check{opacity:1;transform:scale(1)}.imgpicker-item-badge{position:absolute;top:4px;left:4px;background:#ffffff;color:#1a1a1e;font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.imgpicker-item--existing{opacity:0.7}.imgpicker-item--disabled{opacity:0.4;cursor:not-allowed;filter:grayscale(0.5)}.imgpicker-item--disabled:hover{transform:none}.imgpicker-item--existing::after{content:"";position:absolute;inset:0;border:2px solid #22c55e;border-radius:8px;pointer-events:none}.imgpicker-item-id{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(transparent,rgba(0,0,0,0.8));color:rgba(255,255,255,0.8);font-size:9px;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imgpicker-item-id--name{font-family:inherit}.imgpicker-item-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:var(--destructive, #dc2626);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 150ms;z-index:2}.imgpicker-item:hover .imgpicker-item-remove{opacity:1}.imgpicker-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;margin:12px 16px;border:2px dashed var(--border-light, #2e2e33);border-radius:10px;color:var(--muted-foreground, #8b8b92);cursor:pointer;transition:all 200ms}.imgpicker-drop-zone p{margin:0;font-size:13px;font-weight:500}.imgpicker-drop-zone span{font-size:11px;opacity:0.6}.imgpicker-drop-zone:hover,.imgpicker-drop-zone.dragover{border-color:var(--foreground);background:var(--primary-light);color:var(--foreground)}.imgpicker-loading,.imgpicker-empty{display:flex;align-items:center;justify-content:center;padding:40px 16px;color:var(--muted-foreground, #8b8b92);font-size:13px;grid-column:1 / -1}.imgpicker-load-more{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;margin:4px 0 8px;background:var(--background);border:1px dashed var(--border-light);border-radius:10px;color:var(--muted-foreground);font-size:13px;font-weight:500;cursor:pointer;transition:all 200ms ease;order:9999}.imgpicker-load-more:hover{background:var(--muted);border-color:var(--foreground);color:var(--foreground);transform:translateY(-1px)}.imgpicker-load-more svg{opacity:0.7;transition:opacity 150ms}.imgpicker-load-more:hover svg{opacity:1}.imgpicker-load-more-chevron{animation:imgpicker-bounce 1.5s ease-in-out infinite}@keyframes imgpicker-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}.imgpicker-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border, #1e3050)}.imgpicker-selected-info{font-size:13px;color:var(--muted-foreground, #8b8b92)}.imgpicker-selected-info span{font-weight:600;color:var(--foreground)}.imgpicker-footer-actions{display:flex;gap:8px}.ref-images-preview{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.ref-images-preview .ref-thumb{position:relative;width:68px;height:68px;border-radius:6px;overflow:visible;border:1px solid var(--border, #1e3050)}.ref-images-preview .ref-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}.ref-images-preview .ref-thumb .ref-thumb-remove{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--destructive, #dc2626);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;line-height:1;z-index:2;border:none}.ref-images-preview .ref-thumb .ref-remove{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--destructive, #dc2626);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1}.ref-images-count{font-size:11px;color:var(--muted-foreground, #8b8b92);margin-top:4px}.ref-thumb.ref-thumb-pending{border-color:var(--primary)!important}.ref-thumb-badge{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);color:#000;font-size:7px;text-align:center;line-height:1.4;border-radius:0 0 6px 6px;font-weight:600}.imgpicker-album-container{padding:8px 0;overflow-y:auto;flex:1}.imgpicker-album-section{margin-bottom:4px}.imgpicker-album-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--card, #252529);border-bottom:1px solid var(--border, #1e3050);position:sticky;top:0;z-index:1;cursor:pointer;user-select:none;transition:background 150ms}.imgpicker-album-header:hover{background:var(--muted, #2e2e33)}.imgpicker-album-chevron{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--muted-foreground, #8b8b92);transition:transform 200ms ease;flex-shrink:0}.imgpicker-album-section.collapsed .imgpicker-album-chevron{transform:rotate(-90deg)}.imgpicker-album-section.collapsed .imgpicker-album-grid{display:none}.imgpicker-album-info{display:flex;align-items:center;justify-content:left;flex:1;gap:8px;color:var(--foreground, #f8fafc);font-size:13px;font-weight:500}.imgpicker-album-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.imgpicker-album-count{background:var(--muted, #2e2e33);color:var(--muted-foreground, #8b8b92);font-size:10px;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center;font-weight:600}.imgpicker-album-use-btn{background:none;border:1px solid var(--border-light, #2e2e33);color:var(--muted-foreground, #8b8b92);font-size:11px;padding:3px 10px;border-radius:12px;cursor:pointer;transition:all 150ms;white-space:nowrap}.imgpicker-album-use-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--foreground, #f8fafc)}.imgpicker-album-deselect-btn{background:none;border:1px solid var(--border-light, #2e2e33);color:var(--muted-foreground, #8b8b92);font-size:11px;padding:3px 10px;border-radius:12px;cursor:pointer;transition:all 150ms;white-space:nowrap}.imgpicker-album-deselect-btn:hover{background:rgba(239,68,68,0.1);border-color:#ef4444;color:#ef4444}.imgpicker-album-grid{padding:8px 16px 12px}.imgpicker-album-item--stale{border-color:var(--warning, #f59e0b)!important}.imgpicker-album-stale-badge{position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:var(--warning, #f59e0b);color:#000;display:flex;align-items:center;justify-content:center;z-index:2}.imgpicker-album-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface, #252529);color:var(--muted-foreground, #8b8b92)}.imgpicker-skeleton{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--surface, #252529)}.imgpicker-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,transparent 30%,rgba(255,255,255,0.06) 50%,transparent 70%,transparent 100%);background-size:200% 100%;animation:imgpicker-skeleton-sweep 1.5s ease-in-out infinite}@keyframes imgpicker-skeleton-sweep{0%{background-position:200% 0}100%{background-position:-200% 0}}.imgpicker-item--loading img{opacity:0}.imgpicker-item--loading::after{content:"";position:absolute;inset:0;background:var(--surface, #252529);z-index:1}.imgpicker-item--loading::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,transparent 30%,rgba(255,255,255,0.06) 50%,transparent 70%,transparent 100%);background-size:200% 100%;animation:imgpicker-skeleton-sweep 1.5s ease-in-out infinite;z-index:2}.imgpicker-item--loaded img{opacity:1;transition:opacity 200ms ease}.imgpicker-album-load-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;margin:4px 16px 12px;background:var(--background);border:1px dashed var(--border-light, #2e2e33);border-radius:10px;color:var(--muted-foreground, #8b8b92);font-size:13px;font-weight:500;cursor:pointer;transition:all 200ms ease}.imgpicker-album-load-more:hover{background:var(--muted, #2e2e33);border-color:var(--foreground);color:var(--foreground)}.imgpicker-album-load-more svg{opacity:0.7}.imgpicker-album-load-more:hover svg{opacity:1}.theme-light .imgpicker-item.selected{box-shadow:0 0 0 2px rgba(51,90,245,0.25)}.theme-light .imgpicker-load-more{background:linear-gradient(135deg,rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.02) 100%);border-color:var(--border-light);color:var(--muted-foreground)}.theme-light .imgpicker-load-more:hover{background:linear-gradient(135deg,rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.03) 100%);border-color:var(--border-light);color:var(--foreground)}.imgpicker-wmask-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.55);backdrop-filter:blur(2px)}.imgpicker-wmask-box{min-width:340px;max-width:calc(100% - 32px);background:var(--card, #1c1c1f);border:1px solid var(--border, rgba(255, 255, 255, 0.1));border-radius:12px;padding:16px;color:var(--text, #e8e8ea)}.imgpicker-wmask-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.imgpicker-wmask-title{font-size:13px;font-weight:600}.imgpicker-wmask-x{flex:0 0 auto;appearance:none;border:none;background:transparent;color:var(--muted-foreground, #8b8b92);padding:2px;margin:-2px -2px 0 0;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.imgpicker-wmask-x:hover{background:var(--surface, #262626);color:var(--text, #e8e8ea)}.imgpicker-wmask-x:focus-visible{outline:2px solid var(--primary, #ccff00);outline-offset:1px}.imgpicker-wmask-pill{display:flex;align-items:center;gap:5px;padding:4px;background:var(--input, #181818);border:1px solid var(--border, rgba(255, 255, 255, 0.08));border-radius:8px}.imgpicker-wmask-note{margin-top:10px;font-size:11px;line-height:1.45;color:var(--muted-foreground, #8b8b92)}.imgpicker-wmask-go{margin-top:14px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:#ffffff;color:#1a1a1a;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.imgpicker-wmask-go:hover{background:#ebebeb}.imgpicker-wmask-go:active{background:#dcdcdc}.imgpicker-cleaning{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:progress}.imgpicker-cleaning-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 28px;max-width:320px;text-align:center;background:var(--card, #1c1c1f);border:1px solid var(--border, rgba(255, 255, 255, 0.1));border-radius:12px}.imgpicker-cleaning-spin{width:26px;height:26px;border-radius:50%;border:3px solid rgba(204,255,0,0.22);border-top-color:var(--primary, #ccff00);animation:imgpicker-cleaning-spin 0.9s linear infinite}@keyframes imgpicker-cleaning-spin{to{transform:rotate(360deg)}}.imgpicker-cleaning-text{font-size:13px;font-weight:600;color:var(--text, #e8e8ea)}.imgpicker-cleaning-count{font-size:12px;font-weight:600;color:var(--primary, #ccff00);font-variant-numeric:tabular-nums;min-height:16px}.imgpicker-cleaning-note{font-size:11px;line-height:1.5;color:var(--muted-foreground, #8b8b92)}@media (prefers-reduced-motion: reduce){.imgpicker-cleaning-spin{animation:none}}.imgpicker-ref-group{position:absolute;top:5px;left:5px;min-width:18px;padding:2px 4px;border-radius:4px;background:var(--primary);color:var(--primary-foreground);font-size:11px;text-align:center;pointer-events:none}