*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#f5f7fa 0%,#e4efe9 100%);min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:flex-start}.container{max-width:1200px;width:100%;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px;padding:30px;background:rgba(255,255,255,0.95);border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,0.1)}h1{color:#2c3e50;margin-bottom:15px;font-size:2.8rem;font-weight:700}.description{color:#7f8c8d;margin-bottom:20px;font-size:1.2rem}.controls{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:40px;padding:30px;background:rgba(255,255,255,0.95);border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,0.1)}.control-group{display:flex;flex-direction:column;min-width:250px;flex:1}label{margin-bottom:10px;font-weight:600;color:#2c3e50;font-size:1.1rem}select,input{padding:14px 16px;border:1px solid #ddd;border-radius:10px;font-size:16px;background:white;transition:all 0.3s;width:100%}select:focus,input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 4px rgba(52,152,219,0.2)}button{padding:14px 28px;color:white;border:none;border-radius:10px;cursor:pointer;transition:all 0.3s;font-size:16px;font-weight:600;box-shadow:0 5px 15px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;gap:8px}button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}button:disabled{cursor:not-allowed;transform:none;box-shadow:none;opacity:0.7}.btn-api{background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);flex:1}.btn-search{background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%);flex:1}.btn-search:disabled{background:linear-gradient(135deg,#7f8c8d 0%,#95a5a6 100%)}.search-box{display:flex;flex-direction:column;gap:15px;width:100%;min-width:300px;flex:2}.search-box input{width:100%}.button-group{display:flex;justify-content:space-between;width:100%;gap:15px}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-bottom:50px}.image-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.1);transition:all 0.3s ease;display:flex;flex-direction:column;height:100%}.image-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.15)}.image-container{width:100%;overflow:hidden;position:relative;background:#f8f9fa}.aspect-ratio-box{position:relative;width:100%;height:0;padding-bottom:75%}.image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.image-card:hover .image-container img{transform:scale(1.08)}.image-info{padding:25px;flex-grow:1;display:flex;flex-direction:column}.image-info h3{margin-bottom:12px;color:#2c3e50;font-size:1.4rem;font-weight:600}.image-info p{color:#7f8c8d;font-size:1rem;margin-bottom:6px}.image-source{margin-top:auto;padding-top:12px;color:#3498db;font-weight:500;font-size:1rem}.preview-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.92);z-index:1000;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s}.modal-content{max-width:85%;max-height:85%;background:white;padding:30px;border-radius:16px;position:relative;transform:scale(0.9);transition:transform 0.3s}.modal-content img{max-width:100%;max-height:70vh;display:block;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.2)}.modal-info{padding:25px 0 10px;color:#2c3e50;text-align:center}.modal-info h3{font-size:1.6rem;margin-bottom:10px}.modal-info p{color:#7f8c8d;font-size:1.2rem}.close-btn{position:absolute;top:20px;right:20px;font-size:30px;color:white;background:rgba(0,0,0,0.6);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 0.3s;z-index:1001}.close-btn:hover{background:rgba(0,0,0,0.9);transform:rotate(90deg)}.loading{text-align:center;padding:70px;font-size:22px;color:#7f8c8d;background:white;border-radius:16px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.error{text-align:center;padding:60px;color:#e74c3c;background:white;border-radius:16px;margin-bottom:40px;font-size:20px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.stats{text-align:center;margin-bottom:30px;color:#7f8c8d;font-size:1.2rem;padding:15px;background:white;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.08)}.api-doc-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.92);z-index:1000;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s}.api-doc-content{background:white;padding:40px;border-radius:16px;width:90%;max-width:900px;max-height:85vh;overflow-y:auto;position:relative;transform:scale(0.9);transition:transform 0.3s}.api-doc-content h2{color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #3498db;font-size:2.2rem}.api-doc-content h3{color:#3498db;margin:25px 0 15px;font-size:1.6rem}.api-doc-content h4{color:#2c3e50;margin:20px 0 12px;font-size:1.3rem}.api-doc-content p{margin-bottom:18px;line-height:1.7;font-size:1.1rem}.api-doc-content table{width:100%;border-collapse:collapse;margin-bottom:25px;box-shadow:0 5px 15px rgba(0,0,0,0.08);border-radius:10px;overflow:hidden}.api-doc-content th,.api-doc-content td{border:1px solid #e1e4e8;padding:14px;text-align:left}.api-doc-content th{background-color:#f8f9fa;font-weight:600}.api-doc-content code{background-color:#f1f8ff;color:#032f62;padding:4px 8px;border-radius:6px;font-family:'Consolas','Monaco','Courier New',monospace;font-size:0.95em}.api-doc-content pre{background-color:#f6f8fa;border:1px solid #e1e4e8;color:#24292e;padding:20px;border-radius:12px;overflow-x:auto;margin-bottom:25px;line-height:1.5;font-family:'Consolas','Monaco','Courier New',monospace;font-size:0.95em}.api-doc-content pre code{background:none;padding:0;color:inherit;border-radius:0}.api-doc-content ul,.api-doc-content ol{margin-bottom:20px;padding-left:25px}.api-doc-content li{margin-bottom:8px;font-size:1.1rem}@media (max-width:992px){.results{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.controls{flex-direction:column}}@media (max-width:768px){.container{padding:15px}h1{font-size:2.2rem}.controls{padding:20px}.results{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:25px}.button-group{flex-direction:column;gap:12px}.button-group button{width:100%}.api-doc-content{padding:25px}.modal-content{padding:20px}}.fade-in{animation:fadeIn 0.5s ease-in}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.card-hover{transition:transform 0.3s,box-shadow 0.3s}.card-hover:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.15)}.api-status{text-align:center;margin:15px 0;font-size:1rem;color:#7f8c8d;padding:12px;background:white;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,0.08)}.copy-btn{position:absolute;top:15px;right:15px;background:#e1e4e8;border:none;border-radius:6px;padding:8px 14px;font-size:14px;cursor:pointer;opacity:0.8;transition:opacity 0.3s;display:flex;align-items:center;gap:5px}.copy-btn:hover{opacity:1;background:#d1d5da}.code-block{position:relative;margin-bottom:25px}.center-fix{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}