.search-toggle{align-self:flex-start;margin-top:.5rem;padding:.25rem 0;background:none;border:none;color:var(--secondary-color);font-family:var(--font-roboto-condensed);font-size:.875rem;font-weight:400;cursor:pointer;text-decoration:underline;text-underline-offset:2px;opacity:.8;transition:opacity .2s}.search-toggle:hover:not(:disabled){opacity:1}.search-toggle:disabled{opacity:.4;cursor:not-allowed}.image-modal-backdrop{position:fixed;inset:0;background-color:var(--transparent-overlay);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:image-modal-fade-in .15s ease-out}.image-modal{background-color:var(--background-color);color:var(--primary-text-color);border-radius:8px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:image-modal-scale-in .15s ease-out}.image-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--third-background-color)}.image-modal-title{margin:0;font-family:var(--font-crimson-pro);font-weight:300;font-size:1.25rem;color:var(--secondary-color)}.image-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:none;border-radius:4px;color:var(--primary-text-color);opacity:.6;cursor:pointer;transition:opacity .15s,background-color .15s}.image-modal-close:hover{opacity:1;background-color:var(--secondary-background-color)}.image-modal-body{padding:1rem 1.25rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}@keyframes image-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes image-modal-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.search-input-container{display:flex;gap:.5rem}.search-button{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:var(--primary-color);color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.search-button:disabled{background-color:var(--neutral-border-color);cursor:not-allowed}.search-button:not(:disabled):hover{background-color:var(--secondary-color)}.image-results{display:flex;flex-direction:column;gap:.75rem}.image-results-header{display:flex;justify-content:space-between;align-items:center;font-weight:300;font-size:1rem;color:var(--secondary-color);font-family:var(--font-crimson-pro)}.pagination-info{font-size:.875rem;color:var(--secondary-color);font-family:var(--font-roboto-condensed);font-weight:400}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}@media (min-width:640px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (min-width:1024px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.image-thumbnail{aspect-ratio:3/2;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .2s,opacity .2s,border-color .2s;position:relative}.image-grid:hover .image-thumbnail:not(:hover){opacity:.6}.image-thumbnail:hover{transform:scale(1.03);border-color:var(--primary-color)}.image-thumbnail:focus-visible{outline:none;border-color:var(--primary-color)}.image-wrapper{position:absolute;inset:0}.image-thumbnail img{width:100%;height:100%;object-fit:cover;background-color:var(--secondary-background-color)}.image-search-note{font-size:.875rem;color:var(--secondary-color);font-family:var(--font-roboto-condensed);font-weight:400;text-align:center}