:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.4}
.container{max-width:880px;margin:32px auto;padding:0 16px}
h1{font-size:24px;margin:0 0 16px}
.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}
.field{display:flex;flex-direction:column;gap:6px}
.field span{font-size:14px;opacity:.8}
.actions{display:flex;gap:10px}
button{padding:10px 16px;border:1px solid #888;border-radius:8px;background:#eee;color:#111;cursor:pointer}
button:disabled{opacity:.6;cursor:not-allowed}
.status{margin-top:16px;min-height:24px;font-size:14px}
.results{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.card{border:1px solid #ccc;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px}
.card img{max-width:100%;border-radius:6px}
.meta{font-size:12px;opacity:.8}
@media (max-width:800px){.controls{grid-template-columns:1fr 1fr}.results{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.controls{grid-template-columns:1fr}.results{grid-template-columns:1fr}}