body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.active-filter-display{align-items:center;background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;box-shadow:0 1px 3px #007bff1a;display:flex;justify-content:space-between;padding:.5rem .75rem;transition:all .2s ease}.header .active-filter-display{background-color:#f8f9fa;border:1px solid #dee2e6;box-shadow:0 1px 3px #0000001a;padding:.375rem .5rem}.active-filter-content{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.active-filter-label{color:#495057;font-size:.9rem;font-weight:500;white-space:nowrap}.header .active-filter-label{color:#495057}.active-filter-value{border-radius:4px;font-size:.9rem;font-weight:600;padding:.25rem .5rem;word-break:break-word}.active-filter-value,.header .active-filter-value{background-color:#007bff1a;color:#0056b3}.clear-filter-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;min-height:32px;padding:.375rem .75rem;transition:background-color .2s ease,transform .1s ease;white-space:nowrap}.header .clear-filter-button{background-color:#dc3545;border:1px solid #dc3545}.header .clear-filter-button:hover:not(:disabled){background-color:#c82333;border-color:#c82333}.clear-filter-button:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.clear-filter-button:active:not(:disabled){transform:translateY(0)}.clear-filter-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.clear-filter-button:focus{box-shadow:0 0 0 2px #dc354540;outline:none}@media (max-width:768px){.active-filter-display{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem}.active-filter-content{align-items:flex-start;flex-direction:column;gap:.5rem}.active-filter-label{font-size:.85rem}.active-filter-value{align-self:stretch;font-size:.85rem;text-align:center}.clear-filter-button{align-self:flex-end;min-width:80px;width:auto}}@media (max-width:480px){.active-filter-display{padding:.625rem}.active-filter-label{font-size:.8rem}.active-filter-value{font-size:.8rem;padding:.375rem .5rem}.clear-filter-button{align-self:stretch;font-size:.8rem;padding:.5rem .875rem;width:100%}}@media (hover:none) and (pointer:coarse){.clear-filter-button{min-height:44px;padding:.75rem 1rem}}@media (prefers-contrast:high){.active-filter-display{border-color:#0056b3;border-width:2px}.active-filter-value{background-color:#007bff33;border:1px solid #0056b3}.clear-filter-button:focus{box-shadow:0 0 0 3px #dc354580}}@media (prefers-reduced-motion:reduce){.active-filter-display,.clear-filter-button{transition:none}.clear-filter-button:active:not(:disabled),.clear-filter-button:hover:not(:disabled){transform:none}}@media (prefers-color-scheme:dark){.active-filter-display{background-color:#007bff1a;border-color:#007bff4d}.active-filter-label{color:#e9ecef}.active-filter-value{background-color:#007bff33;color:#66b3ff}}.filter-bar{background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:0;padding:.5rem}.filter-bar-content{margin:0 auto;max-width:1200px}.filter-controls{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem}.filter-type-selector{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.filter-type-label{color:#495057;font-size:.9rem;font-weight:600;white-space:nowrap}.filter-type-select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:.9rem;min-width:140px;padding:.5rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-type-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.filter-type-select:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.filter-input-section{margin-bottom:0}.filter-input-group{display:flex;flex:1 1;gap:.5rem;min-width:300px}.filter-input{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:.9rem;padding:.5rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.filter-input:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.filter-input::placeholder{color:#6c757d;font-style:italic}.filter-input-container{flex:1 1}.filter-description{color:#6c757d;font-size:.8rem;font-style:italic;margin-top:.25rem}.filter-apply-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease,opacity .2s ease;white-space:nowrap}.filter-apply-button:hover:not(:disabled){background-color:#0056b3}.filter-apply-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width:768px){.filter-bar{padding:.5rem}.filter-controls{flex-direction:column;gap:.5rem}.filter-type-selector{margin-bottom:0}.filter-input-group{flex-direction:column;min-width:auto}.filter-input{margin-bottom:.5rem}.filter-apply-button{padding:.5rem;width:100%}}@media (max-width:480px){.filter-bar{padding:.375rem}.filter-type-label{font-size:.85rem}.filter-type-select{min-width:120px}.filter-input,.filter-type-select{font-size:.85rem;padding:.375rem}.filter-apply-button{font-size:.85rem;padding:.375rem .75rem}}@media (hover:none) and (pointer:coarse){.filter-input,.filter-type-select{font-size:16px;min-height:44px}.filter-apply-button{min-height:44px}}@media (prefers-contrast:high){.active-filter-display,.filter-bar,.filter-input:focus{border-width:2px}}@media (prefers-reduced-motion:reduce){.clear-filter-button,.filter-apply-button,.filter-input,.filter-type-select{transition:none}}.header .filter-bar{background-color:#f8f9fa;border:1px solid #dee2e6;box-shadow:0 1px 3px #0000001a;padding:.375rem}.header .filter-type-label{color:#495057}.header .filter-input,.header .filter-type-select{background-color:#fff;border:1px solid #ced4da;color:#333}.header .filter-input::placeholder{color:#6c757d}.header .filter-apply-button{background-color:#007bff;border:1px solid #007bff;color:#fff}.header .filter-apply-button:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.header{background:linear-gradient(135deg,#4a90e2,#87ceeb);box-shadow:0 2px 10px #0000001a;padding:.5rem 0}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{color:#fff;text-decoration:none}.logo h1{font-size:1.8rem;font-weight:600;margin:0}.nav{display:flex;gap:2rem}.nav-link{color:#fff;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:.8}.header-search{flex:1 1;max-width:600px}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;padding:0 10px}.logo h1{font-size:1.5rem}.header-search{max-width:none;width:100%}}.photo-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.photo-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.photo-link{color:inherit;display:block;text-decoration:none}.photo-image-container{background:#f0f0f0;height:200px;overflow:hidden;position:relative;width:100%}.photo-image-container .image-loader{background:#0000;height:100%;width:100%}.photo-image{height:100%;object-fit:cover;transition:transform .2s;width:100%}.photo-card:hover .image-loader-img,.photo-card:hover .photo-image{transform:scale(1.05)}.image-placeholder{font-size:.9rem}.image-loading,.image-placeholder{color:#666;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.image-loading{align-items:center;display:flex;flex-direction:column;gap:10px}.loading-spinner{border:2px solid #e0e0e0;height:24px;width:24px}.loading-text{font-size:.85rem}.image-error{align-items:center;color:#666;display:flex;flex-direction:column;gap:8px;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.error-icon{font-size:1.5rem;opacity:.7}.error-text{color:#666;font-size:.85rem;line-height:1.3;max-width:150px}.retry-button{background:#3498db;font-size:.8rem;margin-top:4px;padding:6px 12px}.retry-button:hover:not(:disabled){background:#2980b9}.retry-button:disabled{background:#bdc3c7;cursor:not-allowed}.photo-info{padding:15px}.aircraft-info{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 5px}.registration{color:#7f8c8d;font-size:.9rem;font-weight:500;margin:0 0 10px}.photo-details{color:#666;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.location,.operator{flex:1 1}.location{text-align:right}.photo-date{color:#95a5a6;font-size:.8rem;margin:0}@media (max-width:480px){.photo-info{padding:12px}.aircraft-info{font-size:1rem}.photo-details{flex-direction:column;gap:2px}.location{text-align:left}}.loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:20px;width:40px}.loading-text{color:#666;font-size:1rem;margin:0}.pagination{border-radius:12px;box-shadow:0 2px 10px #0000001a;gap:20px;margin:20px 0;padding:20px}.pagination,.pagination-button{align-items:center;background:#fff;display:flex;justify-content:center}.pagination-button{border:2px solid #3498db;border-radius:8px;color:#3498db;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.pagination-button:hover:not(.disabled){background:#3498db;box-shadow:0 4px 15px #3498db4d;color:#fff;transform:translateY(-2px)}.pagination-button:active:not(.disabled){box-shadow:0 2px 8px #3498db4d;transform:translateY(-1px)}.pagination-button.disabled{background:#f8f9fa;border-color:#e0e0e0;color:#95a5a6;cursor:not-allowed;opacity:.7}.pagination-button:focus{box-shadow:0 0 0 3px #3498db33;outline:none}.pagination-button:focus:not(.disabled){border-color:#2980b9}.pagination-first{min-width:80px}.pagination-next,.pagination-previous{min-width:100px}.pagination-loading{align-items:center;display:flex;gap:8px}.pagination-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.pagination{flex-wrap:wrap;gap:15px;margin:15px 0;padding:15px}.pagination-button{font-size:.85rem;min-width:85px;padding:8px 16px}.pagination-first{min-width:70px}}@media (max-width:480px){.pagination{gap:12px;margin:12px 0;padding:12px}.pagination-button{font-size:.8rem;min-width:75px;padding:8px 14px}.pagination-first{min-width:65px}}@media (prefers-contrast:high){.pagination{border:1px solid #000}.pagination-button{border-width:3px;font-weight:600}.pagination-button.disabled{background:#f0f0f0;border-color:#666;color:#666}}@media (prefers-reduced-motion:reduce){.pagination-button{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.pagination-button:active:not(.disabled),.pagination-button:hover:not(.disabled){transform:none}.pagination-spinner{animation:none}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pagination:focus{outline:2px solid #3498db;outline-offset:2px}.pagination:focus-visible{outline:2px solid #3498db;outline-offset:2px}@media (prefers-color-scheme:dark){.pagination{background:#2c3e50;box-shadow:0 2px 10px #0000004d}.pagination-button{background:#34495e;border-color:#3498db;color:#3498db}.pagination-button:hover:not(.disabled){background:#3498db;color:#2c3e50}.pagination-button.disabled{background:#34495e;border-color:#7f8c8d;color:#7f8c8d}}.photo-grid-container{width:100%}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:30px;padding:40px 20px;text-align:center}.header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.header p{font-size:1.1rem;margin:0;opacity:.9}.photo-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.error-message{gap:20px}.error-message,.pagination-error{align-items:center;display:flex;flex-direction:column}.filter-error,.pagination-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#e74c3c;font-size:.9rem;gap:10px;margin:10px 0;padding:15px 20px;text-align:center}.filter-error{align-items:center;display:flex;flex-direction:column}.error-text{margin:0}.retry-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background:#c0392b}.retry-button:focus{box-shadow:0 0 0 3px #e74c3c33;outline:none}.retry-button:active{background:#a93226}.no-photos{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#666;font-size:1.1rem;padding:40px;text-align:center}@media (max-width:768px){.photo-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.photo-grid{gap:15px;grid-template-columns:1fr}}.photo-detail{margin:0 auto;max-width:1000px}.photo-detail-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:20px}.back-button{background:#3498db;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:10px 20px;text-decoration:none;transition:background .2s;white-space:nowrap}.back-button:hover{background:#2980b9}.filter-status{align-items:center;background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem .75rem}.filter-status-label{color:#495057;font-weight:500}.filter-status-value{background-color:#007bff1a;border-radius:4px;color:#0056b3;font-weight:600;padding:.25rem .5rem}.photo-detail-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.photo-detail-image-container{background:#f0f0f0;max-height:600px;min-height:400px;overflow:hidden}.photo-detail-image-container,.photo-detail-image-wrapper{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.photo-detail-image-wrapper{height:100%}.photo-detail-image.background-image{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.photo-detail-image.primary-image{position:relative;z-index:2}.photo-detail-image.large-image{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.photo-detail-image.large-image.visible{left:auto;position:relative;top:auto;transform:none}.photo-detail-image{display:block;height:auto;max-height:600px;max-width:100%;object-fit:contain;transition:opacity .3s ease}.photo-detail-image.loading{opacity:.8}.photo-detail-image.thumb{filter:blur(1px)}.photo-detail-image.large,.photo-detail-image.medium{filter:none}.photo-detail-image-error{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.error-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.error-details{font-size:.9rem;font-style:italic;margin-top:10px}.image-loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.image-loading-overlay p{color:#7f8c8d;font-size:.9rem;margin-top:15px}.image-quality-indicator{background:#000000b3;border-radius:4px;bottom:10px;color:#fff;font-size:.8rem;padding:5px 10px;position:absolute;right:10px;z-index:1}.photo-detail-info{padding:30px}.photo-title{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 25px}.photo-metadata{grid-gap:15px;display:grid;gap:15px}.metadata-row{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;padding:12px 0}.metadata-row:last-child{border-bottom:none}.metadata-label{color:#34495e;font-weight:600;margin-right:20px;min-width:120px}.metadata-value{color:#7f8c8d;flex:1 1}.metadata-value-link{border-radius:4px;color:#007bff;cursor:pointer;display:inline-block;flex:1 1;margin:-.25rem -.5rem;padding:.25rem .5rem;position:relative;text-decoration:none;transition:color .2s ease,background-color .2s ease}.metadata-value-link:after{content:"🔍";font-size:.8rem;margin-left:.5rem;opacity:.6;transition:opacity .2s ease}.metadata-value-link:hover{background-color:#007bff1a;color:#0056b3;text-decoration:underline}.metadata-value-link:hover:after{opacity:1}.metadata-value-link:focus{box-shadow:0 0 0 2px #007bff40;outline:none}.error-message{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#e74c3c;font-size:1.1rem;padding:40px;text-align:center}@media (max-width:768px){.photo-detail-header{align-items:stretch;flex-direction:column;gap:.75rem}.back-button{align-self:flex-start}.filter-status{padding:.5rem}.filter-status,.filter-status-value{font-size:.85rem}.metadata-value-link{align-items:center;display:flex;margin:-.375rem -.5rem;min-height:44px;padding:.375rem .5rem}.photo-detail-info{padding:20px}.photo-title{font-size:1.5rem;margin-bottom:20px}.metadata-row{align-items:flex-start;flex-direction:column;gap:5px}.metadata-label{margin-right:0;min-width:auto}.photo-detail-image-container{max-height:400px;min-height:300px}.photo-detail-image-error{padding:40px 20px}.error-icon{font-size:3rem}.image-quality-indicator{bottom:5px;font-size:.7rem;padding:3px 8px;right:5px}}@media (max-width:480px){.filter-status{font-size:.8rem;padding:.375rem .5rem}.filter-status-value{font-size:.8rem;padding:.2rem .4rem}}.footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;margin-top:auto;padding:1rem 0}.footer-content{margin:0 auto;max-width:1200px;padding:0 1rem;text-align:center}.footer-content p{color:#6c757d;font-size:.875rem;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}@media (max-width:768px){.main-content{padding:10px}}
/*# sourceMappingURL=main.5f77d62b.css.map*/