*{box-sizing:border-box;padding:0}*,body{margin:0}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}.container{margin:0 auto;max-width:1200px;padding:20px}@media (max-width:768px){.container,.header{padding:15px}.header{margin-bottom:20px}.header h1{font-size:24px;margin-bottom:15px}.controls{gap:10px}.controls span{font-size:14px}}@media (max-width:480px){.container,.header{padding:10px}.header{margin-bottom:15px}.header h1{font-size:20px;margin-bottom:10px}.controls{flex-direction:column;gap:8px}.controls span{font-size:12px}}.header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:40px;padding:20px;text-align:center}.header h1{color:#333;margin-bottom:20px}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;touch-action:manipulation;transition:all .2s;user-select:none;-webkit-user-select:none}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#0056b3}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:active,.btn-danger:focus,.btn-danger:hover{background-color:#c82333}@media (hover:none) and (pointer:coarse){.btn{font-size:16px;min-height:44px;padding:12px 24px}.btn:active{transform:scale(.98)}}.btn:disabled{cursor:not-allowed;opacity:.5}.gallery{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}@media (max-width:768px){.gallery{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:15px}}@media (max-width:480px){.gallery{gap:10px;grid-template-columns:repeat(2,1fr);margin-top:15px}}.photo-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.photo-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.photo-card img{height:200px;object-fit:cover;width:100%}@media (max-width:768px){.photo-card img{height:150px}.photo-info{padding:10px}.photo-info h3{font-size:13px}.photo-description{-webkit-line-clamp:2;font-size:11px}}@media (max-width:480px){.photo-card img{height:120px}.photo-info{padding:8px}.photo-info h3{font-size:12px}.photo-description{-webkit-line-clamp:2;font-size:10px}}.photo-info{padding:15px}.photo-info h3{color:#333;font-size:14px;margin-bottom:5px;word-break:break-word}.photo-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.loading{color:#666;padding:40px;text-align:center}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.error,.success{margin:20px 0;padding:12px}.success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.photo-detail{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.photo-detail-image{border-radius:8px;height:auto;margin-bottom:20px;max-width:800px;width:100%}.metadata-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.metadata-item{background:#f8f9fa;border-radius:4px;padding:10px}.metadata-item strong{color:#495057;display:block;margin-bottom:5px}.metadata-item span{color:#6c757d;font-size:14px}.progress-container{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin:20px 0;padding:15px}.progress-bar{background-color:#e9ecef;border-radius:10px;height:20px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;transition:width .3s ease}.progress-text{color:#495057;font-size:14px;font-weight:500}.tab-layout{width:100%}.tab-header{background:#fff;border-bottom:2px solid #e9ecef;border-radius:8px 8px 0 0;display:flex;margin-bottom:20px;overflow:visible}.tab-button{background:#f8f9fa;border:none;border-right:1px solid #e9ecef;color:#6c757d;cursor:pointer;font-size:16px;font-weight:500;padding:15px 20px;transition:all .2s}.tab-button:last-child{border-right:none}.tab-button:hover{background:#e9ecef;color:#495057}.tab-button.active{background:#007bff;color:#fff}.tab-content{min-height:400px}@media (max-width:768px){.tab-button{font-size:14px;padding:12px 15px}}@media (max-width:480px){.tab-button{font-size:13px;padding:10px 12px}}
/*# sourceMappingURL=main.b2be0b65.css.map*/