#mugshots-grid-app{max-width:1200px;margin:0 auto;padding:0 16px}.mugshots-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.mugshots-search{flex:1 1 220px;min-width:180px;padding:10px 14px;border:1px solid #d0d0d0;border-radius:6px;font-size:15px;background:#fff;transition:border-color 0.2s}.mugshots-search:focus{outline:none;border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}.mugshots-select{padding:10px 14px;border:1px solid #d0d0d0;border-radius:6px;font-size:15px;background:#fff;cursor:pointer;min-width:150px}.mugshots-select:focus{outline:none;border-color:#2271b1}.mugshots-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:480px){.mugshots-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.mugshots-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.mugshots-grid{grid-template-columns:repeat(4,1fr)}}.mugshots-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgb(0 0 0 / .1);transition:box-shadow 0.2s,transform 0.2s;text-decoration:none;color:inherit;display:block}.mugshots-card:hover{box-shadow:0 4px 12px rgb(0 0 0 / .15);transform:translateY(-2px)}.mugshots-card-image{position:relative;width:100%;padding-top:133.33%;background:#f0f0f0;overflow:hidden}.mugshots-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.mugshots-card-badge{position:absolute;top:8px;right:8px;background:rgb(0 0 0 / .7);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.mugshots-card-body{padding:12px 14px}.mugshots-card-name{font-size:15px;font-weight:600;margin:0 0 4px;line-height:1.3}.mugshots-card-date{font-size:13px;color:#666;margin:0}.mugshots-sentinel{text-align:center;padding:32px 16px;min-height:1px}.mugshots-loader{display:inline-flex;gap:6px;align-items:center;justify-content:center}.mugshots-loader span{width:10px;height:10px;background:#999;border-radius:50%;animation:mugshots-bounce 1.2s infinite ease-in-out}.mugshots-loader span:nth-child(2){animation-delay:0.15s}.mugshots-loader span:nth-child(3){animation-delay:0.3s}@keyframes mugshots-bounce{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.mugshots-empty{text-align:center;padding:48px 16px;color:#666;font-size:15px;grid-column:1 / -1}