*{box-sizing:border-box}body{margin:0;background:#f3f0e9;color:#171717;font-family:Arial,Helvetica,sans-serif;line-height:1.55}main{max-width:1150px;margin:auto;padding:28px}.hero{background:#151515;color:#fff;padding:32px;border-radius:14px;margin-bottom:24px}.hero a{color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.controls{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin:20px 0}.controls label{font-weight:700}.controls input,.controls select{display:block;width:100%;margin-top:5px;padding:11px;border-radius:7px;border:1px solid #777}.small{font-size:.9rem;color:#ddd}.result{background:#fff;border:1px solid #d8d2c5;border-radius:12px;padding:22px;margin:18px 0;box-shadow:0 2px 8px #0000000c}.result h2{margin-top:0}.meta{font-size:.88rem;color:#5d5d5d}.snippet{white-space:pre-wrap}.button{display:inline-block;background:#222;color:#fff;padding:8px 13px;border-radius:6px;text-decoration:none}.text{white-space:normal;background:#f7f7f7;border-left:4px solid #555;padding:14px;margin:10px 0}.raw{font-family:Consolas,monospace;font-size:.9rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.media-grid img{width:100%;height:220px;object-fit:contain;background:#eee;border:1px solid #ddd;border-radius:6px}code{overflow-wrap:anywhere}@media(max-width:760px){main{padding:12px}.hero{padding:20px}.controls{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr 1fr}.media-grid img{height:170px}}.archive-nav{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.archive-nav a{color:#fff;border:1px solid #666;border-radius:999px;padding:8px 13px;text-decoration:none;font-weight:700}.archive-nav a:hover,.archive-nav a:focus,.archive-nav a.active{background:#fff;color:#111}