*{box-sizing:border-box}body{font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f7f7f8;color:#111}
a{color:inherit;text-decoration:none}header{background:#fff;border-bottom:1px solid #eee}header h1{margin:0}
.container{max-width:920px;margin:0 auto;padding:16px}
.card{background:#fff;border:1px solid #e6e6ea;border-radius:12px;padding:12px;margin:12px 0;display:flex;gap:8px;flex-wrap:wrap}
.card input{padding:10px;border:1px solid #ddd;border-radius:10px;flex:1}
.card button{padding:10px 14px;border:1px solid #111;border-radius:10px;background:#111;color:#fff;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:12px 0}
.item{background:#fff;border:1px solid #e6e6ea;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.item img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eee}
.item .pad{padding:10px}
.meta{font-size:14px;color:#555}
.pagination{display:flex;align-items:center;gap:10px;justify-content:center;margin:18px 0}
.pagination button{padding:8px 12px;border:1px solid #333;border-radius:10px;background:#fff;cursor:pointer}