.npo-image-drop{display:block;border:2px dashed #99aabb;border-radius:10px;background:#f7f9fc;color:#24374b;padding:18px;margin:10px 0;min-height:84px;cursor:pointer;font:inherit;text-align:left}.npo-image-drop:focus,.npo-image-drop[data-dragging=true]{outline:3px solid #1768a5;outline-offset:2px;background:#eaf3fc}.npo-image-drop strong,.npo-image-drop small{display:block}.npo-image-drop img{max-width:180px;max-height:100px;object-fit:contain;margin-top:8px}.npo-image-status{display:block;margin:8px 0;color:#364a60}.npo-image-status[role=alert]{color:#a12828}.npo-fallback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.npo-fallback-grid form{display:grid;gap:10px}.npo-fallback-grid input[type=file]{display:block;max-width:100%}.npo-fallback-grid .card{min-width:0}.npo-fallback-grid .card-body{padding:18px}

/* Full artwork in listing thumbnails only; hero/gallery/upload roles are unchanged. */
html body img[data-npo-full-image]{object-fit:contain!important;object-position:center!important;background-color:#edf2f6}
html body .npo-project-card .npo-card-image img[data-npo-full-image]{object-fit:contain!important;object-position:center!important;transform:none!important;width:100%!important;height:auto!important;aspect-ratio:16/9;display:block}
html body .npo-project-card>.npo-card-image[data-npo-image-frame]{display:flex!important;flex-direction:column!important;height:auto!important;aspect-ratio:auto!important;background:#edf2f6}
html body .npo-project-card>.npo-card-image[data-npo-image-frame] img{order:1}
html body .npo-project-card>.npo-card-image[data-npo-image-frame] .npo-card-badges{position:static!important;inset:auto!important;order:0;display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;margin:0;min-height:36px;transform:none!important}
html body .npo-project-card>.npo-card-image[data-npo-image-frame] .price-badge{position:static!important;inset:auto!important;order:2;align-self:flex-start;max-width:calc(100% - 24px);margin:8px 12px;transform:none!important}

/* Historical HTML fragments keep their existing outer grid and actions. */
html body [data-npo-legacy-frame]{display:flex!important;flex-direction:column!important;height:auto!important;background:#edf2f6}
html body [data-npo-legacy-frame]>img[data-npo-full-image]{order:1;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:contain!important;transform:none!important}
html body [data-npo-legacy-frame]>.project-badge,html body [data-npo-legacy-frame]>.project-status{position:static!important;inset:auto!important;align-self:flex-start;margin:8px 12px;transform:none!important}
html body [data-npo-legacy-frame]>.project-badge{order:0}html body [data-npo-legacy-frame]>.project-status{order:2}