.image-grid-tile-link{color:inherit;text-decoration:none;display:contents}.image-grid-tile{aspect-ratio:1/.92;height:var(--vgrid-tile-h,auto);box-sizing:border-box;border-radius:var(--radius-lg);cursor:pointer;background-color:var(--surface-muted);box-shadow:var(--elev-1);contain:layout style paint;user-select:none;position:relative}.image-grid-tile:after{content:"";border-radius:var(--radius-lg);box-shadow:var(--elev-2);opacity:0;pointer-events:none;z-index:0;will-change:opacity;transition:opacity .15s;position:absolute;inset:0}.image-grid-tile:hover:after{opacity:1}.image-grid-tile.is-new{z-index:1;animation:1.4s ease-out 2 newImageGlow;position:relative}@keyframes genieIn{0%{opacity:0;transform:translateY(14px)scale(.9)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes genieOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.94)}}@keyframes pillFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pillFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes newImageGlow{0%{box-shadow:0 0 0 0 transparent, var(--elev-1)}28%{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 85%, transparent), 0 0 22px 6px color-mix(in srgb, var(--color-primary) 45%, transparent), var(--elev-2)}to{box-shadow:0 0 0 0 transparent, var(--elev-1)}}@media (prefers-reduced-motion:reduce){.image-grid-tile.is-new{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 70%, transparent), var(--elev-1);animation:none}}.image-grid-tile .tile-image-area{top:0;left:0;right:0;bottom:var(--tile-info-h,36px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background-color:var(--color-background);position:absolute;overflow:hidden}.image-grid-tile:hover .tile-image-area{background-color:var(--surface-recessed)}.image-grid-tile .tile-annotation-overlay{object-fit:cover;z-index:5;pointer-events:none;width:100%;height:100%;opacity:var(--grid-overlay-op,1);animation:.3s ease-out tileOverlayIn;position:absolute;inset:0;mask-image:linear-gradient(0deg,#0000 15px,#000 26px)}@keyframes tileOverlayIn{0%{opacity:0}}.image-grid-tile .tile-annotation-overlay.tile-annotation-overlay-pulse{animation:2.4s ease-in-out infinite tileOverlayPulse}@keyframes tileOverlayPulse{0%,to{opacity:var(--grid-overlay-op,.45)}50%{opacity:.06}}@media (prefers-reduced-motion:reduce){.image-grid-tile .tile-annotation-overlay.tile-annotation-overlay-pulse{animation:none}}.overlay-toggle{box-sizing:border-box;height:var(--control-h);width:var(--control-h);background-color:var(--surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.overlay-toggle:hover{background-color:var(--wash-primary);color:var(--color-primary)}.overlay-toggle.is-active{background-color:color-mix(in srgb, var(--color-primary) 12%, transparent);border-color:color-mix(in srgb, var(--color-primary) 30%, transparent);color:var(--color-primary)}.overlay-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:1px}.overlay-toggle-glyph{width:17px;height:17px;display:inline-flex;position:relative}.overlay-toggle-icon{transition:opacity .22s,transform .22s;position:absolute;inset:0}.overlay-toggle-icon-off{opacity:1;transform:none}.overlay-toggle-icon-on{opacity:0;transform:scale(.5)rotate(-45deg)}.overlay-toggle.is-active .overlay-toggle-icon-off{opacity:0;transform:scale(.5)rotate(45deg)}.overlay-toggle.is-active .overlay-toggle-icon-on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.overlay-toggle-icon{transition:opacity .12s}}.overlay-toggle--single .overlay-toggle-icon{opacity:1;transform:none}.grid-chip .overlay-toggle{box-shadow:none;border-radius:var(--radius-md);width:calc(var(--control-h) - 14px);height:calc(var(--control-h) - 14px);background-color:#0000;border-color:#0000}.grid-chip .overlay-toggle:hover{background-color:color-mix(in srgb, var(--color-primary) 8%, transparent);border-color:#0000}.grid-chip .overlay-toggle.is-active{background-color:color-mix(in srgb, var(--color-primary) 14%, transparent);border-color:#0000}.image-grid-tile .tile-info{height:var(--tile-info-h,36px);z-index:6;background:var(--surface-muted);padding:3px var(--space-2) 4px;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);flex-direction:column;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.image-grid-tile:hover .tile-info{background:linear-gradient(var(--border-subtle), var(--border-subtle)), var(--surface-muted)}.image-grid-tile.is-selected .tile-info{background:var(--surface-selected)}.image-grid-tile.is-selected .tile-image-area{background-color:var(--surface-selected)}.image-grid-tile.is-selected:before{content:"";z-index:14;border:3px solid var(--color-primary);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.image-grid-tile .tile-checkbox{border-radius:var(--radius-sm);cursor:pointer;opacity:0;width:22px;height:22px;box-shadow:var(--elev-1);z-index:13;background-color:#ffffffeb;border:2px solid #fff;justify-content:center;align-items:center;transition:opacity .15s,transform .1s,background-color .1s;display:flex;position:absolute;top:8px;left:8px}.image-grid-tile:hover .tile-checkbox{opacity:1;transform:scale(1.08)}.image-grid-tile .tile-corner-badges{transition:opacity .15s}.image-grid-tile:hover .tile-corner-badges,.image-grid-tile .tile-checkbox.is-selected~.tile-corner-badges,.image-grid-tile .tile-checkbox.is-edit-selected~.tile-corner-badges{opacity:0;pointer-events:none}.image-grid-tile .tile-checkbox.is-selected,.image-grid-tile .tile-checkbox.is-edit-selected{opacity:1;background-color:var(--color-primary)}.image-grid-tile .tile-checkbox:hover{background-color:color-mix(in srgb, var(--color-primary) 15%, transparent)}.image-grid-tile .tile-checkbox.is-selected:hover,.image-grid-tile .tile-checkbox.is-edit-selected:hover{background-color:var(--color-primary-dark)}.image-grid-tile .tile-find-similar{width:28px;height:28px;box-shadow:var(--elev-1);z-index:5;cursor:pointer;color:var(--color-text-muted);opacity:0;pointer-events:none;background-color:#fffffff2;border-radius:50%;justify-content:center;align-items:center;transition:background-color .1s,transform .1s,opacity .15s;display:flex;position:absolute;top:8px;right:42px}.image-grid-tile:hover .tile-find-similar{opacity:1;pointer-events:auto}.image-grid-tile .tile-find-similar:hover{background-color:var(--surface-selected);color:var(--color-primary);transform:scale(1.08)}.image-grid-tile .tile-status-badge{width:28px;height:28px;box-shadow:var(--elev-2);z-index:5;background-color:#fffffff2;border-radius:50%;justify-content:center;align-items:center;transition:background-color .1s,transform .1s;display:flex;position:absolute;top:8px;right:8px}.image-grid-tile .tile-status-badge:hover{background-color:var(--surface-selected);transform:scale(1.08)}html.ds-scroll-lock,html.ds-scroll-lock body{overflow:hidden}.av-backdrop{--av-frame-w:min(94vw, 1400px);--av-stage-h:min(74vh, 900px);z-index:var(--z-modal);backdrop-filter:blur(6px);animation:avFadeIn var(--ds-dur-fast) var(--ds-ease);background:#0e0f12db;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes avFadeIn{0%{opacity:0}to{opacity:1}}.av-shell{align-items:center;gap:var(--space-3);width:var(--av-frame-w);flex-direction:column;max-height:92vh;display:flex;position:relative}.av-stage{width:100%;min-height:0;height:var(--av-stage-h);border-radius:var(--radius-xl);touch-action:none;background:#00000047;flex:auto;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.av-stage.is-zoomed{cursor:grab}.av-stage.is-zoomed:active{cursor:grabbing}.av-frame{transform-origin:50%;will-change:transform;max-width:100%;max-height:100%;display:inline-flex;position:relative}.av-image{max-width:var(--av-frame-w);max-height:var(--av-stage-h);object-fit:contain;border-radius:var(--radius-lg);user-select:none;width:auto;height:auto;display:block}.av-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.av-shape{pointer-events:auto;transition:opacity var(--ds-dur-fast) var(--ds-ease)}.av-shape.is-dim{opacity:.18}.av-shape.is-hot{filter:drop-shadow(0 0 3px #ffffff8c)}.av-chip{pointer-events:none}.av-chip text{paint-order:stroke}.av-spinner{color:#ffffffb8;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);position:absolute}.av-nav,.av-close{z-index:2;color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--ds-dur-fast) var(--ds-ease), transform var(--ds-dur-fast) var(--ds-ease);background:#ffffff14;border:1px solid #ffffff24;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.av-nav{width:var(--space-12);height:var(--space-12);top:50%;transform:translateY(-50%)}.av-nav:hover{background:#fff3;border-color:#ffffff24}.av-prev{left:3vw}.av-next{right:3vw}.av-close{width:var(--space-10);height:var(--space-10);top:3vh;right:3vw}.av-close:hover{background:#fff3;border-color:#ffffff24}.av-icon-btn{width:var(--space-8);height:var(--space-8);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--ds-dur-fast) var(--ds-ease);background:#ffffff14;border:1px solid #ffffff24;justify-content:center;align-items:center;padding:0;display:inline-flex}.av-icon-btn:hover{background:#fff3;border-color:#ffffff24}.av-icon-btn.is-on{background:#5a8cdc6b;border-color:#78a5eb99}.av-backdrop:focus,.av-backdrop:focus-visible{outline:none}.av-backdrop :focus-visible{outline:var(--focus-ring-width,var(--space-0-5)) solid var(--color-primary-light);outline-offset:var(--focus-ring-offset,var(--space-0-5))}.av-meta{justify-content:space-between;align-items:center;gap:var(--space-4);color:#ffffffeb;flex-wrap:wrap;width:100%;display:flex}.av-meta-main{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.av-name{font-size:var(--text-md);font-weight:var(--font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;max-width:60vw;overflow:hidden}.av-sub{gap:var(--space-3);font-size:var(--text-xs);color:#ffffff8c;flex-wrap:wrap;display:flex}.av-sub>span{position:relative}.av-sub>span+span:before{content:"·";left:calc(var(--space-3) / -2);color:#ffffff52;position:absolute;transform:translate(-50%)}.av-directory{color:#ffffff73}.av-counter{color:#ffffffb3}.av-controls{align-items:center;gap:var(--space-2);display:flex}.av-opacity{align-items:center;gap:var(--space-1-5);color:#ffffffb3;display:inline-flex}.av-opacity input[type=range]{width:calc(var(--space-12) * 2);accent-color:var(--color-primary-light);cursor:pointer}.av-pill{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--ds-dur-fast) var(--ds-ease);background:#ffffff14;border:1px solid #ffffff24}.av-pill:hover{border-color:#ffffff24}.av-pill.is-on{background:#5a8cdc6b;border-color:#78a5eb99}.av-legend{gap:var(--space-1-5);width:100%;max-height:var(--space-20);flex-wrap:wrap;justify-content:center;display:flex;overflow-y:auto}.av-legend-item{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:#ffffffe0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);cursor:default;transition:opacity var(--ds-dur-fast) var(--ds-ease), background var(--ds-dur-fast) var(--ds-ease);background:#ffffff0f;border:1px solid #ffffff1a;display:inline-flex}.av-legend-item:hover{border-color:#ffffff1a}.av-legend-item.is-hot{background:#ffffff29}.av-legend-item.is-dim{opacity:.4}.av-legend-swatch{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-xs);flex:none}.av-legend-count{color:#ffffff80;font-variant-numeric:tabular-nums}.av-hint{gap:var(--space-3);font-size:var(--text-xs);color:#ffffffb3;flex-wrap:wrap;justify-content:center;display:flex}.av-hint kbd{min-width:var(--space-4);padding:var(--space-0-5) var(--space-1);margin-right:var(--space-1);font-size:var(--text-2xs);text-align:center;color:#fff;border-radius:var(--radius-xs);background:#ffffff1f;border:1px solid #fff3;display:inline-block}@media (width<=640px){.av-backdrop{--av-frame-w:96vw}.av-nav{width:var(--space-10);height:var(--space-10)}.av-prev{left:1.5vw}.av-next{right:1.5vw}.av-name{max-width:80vw}.av-meta{justify-content:center}}@media (prefers-reduced-motion:reduce){.av-backdrop{animation:none}.av-shape{transition:none}}.pig-root{gap:var(--space-2);font-family:var(--font-family);flex-direction:column;display:flex}.pig-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pig-crumbs{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.pig-crumb{font:inherit;font-size:var(--text-base);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:220px;padding:2px 4px;overflow:hidden}.pig-crumb:hover:not(:disabled){background:var(--surface-selected)}.pig-crumb:disabled{color:var(--color-text);font-weight:var(--font-weight-semibold);cursor:default}.pig-crumb-sep{color:var(--color-text-muted);font-size:var(--text-base)}.pig-controls{align-items:center;gap:var(--space-2);display:flex}.pig-count{font-size:var(--text-base);color:var(--color-text-secondary);white-space:nowrap}.pig-select,.pig-icon-btn{height:var(--control-h);box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-base);cursor:pointer;padding:0 8px}.pig-select:hover,.pig-icon-btn:hover{background:var(--surface-selected)}.pig-icon-btn{width:var(--control-h);padding:0;line-height:1}.pig-grid{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-blur);box-sizing:border-box}.pig-directory{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--surface-muted);cursor:pointer;font:inherit;color:var(--color-text);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;transition:background .12s,border-color .12s;display:flex;overflow:hidden}.pig-directory:hover{background:var(--surface-selected);border-color:var(--border-subtle)}.pig-directory-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.pig-tile-placeholder{border-radius:var(--radius-lg);background:linear-gradient(100deg, var(--color-surface) 30%, var(--surface-selected) 50%, var(--color-surface) 70%);background-size:220% 100%;animation:1.2s ease-in-out infinite pigShimmer}@keyframes pigShimmer{0%{background-position:180% 0}to{background-position:-20% 0}}@media (prefers-reduced-motion:reduce){.pig-tile-placeholder{animation:none}}.pig-gate{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);margin-top:var(--space-2);border-top:1px dashed var(--color-border);text-align:center;flex-direction:column;display:flex}.pig-gate-line{font-size:var(--text-md);color:var(--color-text-secondary);margin:0}.pig-gate-cta{height:var(--control-h);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:var(--text-base);font-weight:var(--font-weight-semibold);align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.pig-gate-cta:hover{background:var(--color-primary-light)}.pig-empty{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--text-base)}.pig-filter-wrap{position:relative}.pig-icon-btn.is-active{border-color:var(--color-primary);color:var(--color-primary)}.pig-filter-count{background:var(--color-primary);color:#fff;min-width:16px;height:16px;font-size:var(--text-3xs);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;border-radius:8px;padding:0 4px;line-height:16px;position:absolute;top:-4px;right:-4px}.pig-filter-menu{z-index:30;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:232px;box-shadow:var(--elev-3);padding:8px;position:absolute;top:calc(100% + 6px);right:0}.pig-filter-head{font-size:var(--text-2xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:4px 4px 6px;display:flex}.pig-filter-clear{font:inherit;font-size:var(--text-2xs);text-transform:none;letter-spacing:0;color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0}.pig-facet-scroll{max-height:220px;overflow-y:auto}.pig-facet{border-radius:var(--radius-md);width:100%;font:inherit;font-size:var(--text-sm);color:var(--color-text);text-align:left;text-transform:capitalize;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:5px 8px;display:flex}.pig-facet:hover{background:var(--surface-selected)}.pig-facet.included{background:var(--wash-primary);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.pig-facet.excluded{color:#99330a;font-weight:var(--font-weight-semibold);background:#c2410c0f;border-color:#c2410cd9;text-decoration:line-through}.pig-facet-dot{border-radius:2px;flex:none;width:9px;height:9px}
