:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0c151c;color:#e9f2f5}body{margin:0;padding:5vw 20px}main{max-width:760px;margin:auto}.eyebrow{color:#79d9ae;letter-spacing:.15em;font-size:12px}h1{font-size:clamp(30px,5vw,52px);line-height:1.1}p{color:#b9cbd4;line-height:1.65}.drop{display:block;padding:28px;border:1px dashed #679c90;border-radius:12px;background:#152731}input{display:block;margin-top:18px;width:100%}button{background:#78d9ad;color:#10231c;border:0;padding:15px 24px;margin:20px 0;border-radius:8px;font-weight:700;cursor:pointer}button:disabled{opacity:.4;cursor:default}img{max-width:100%;border-radius:10px;margin-top:20px}small{display:block;color:#94aebc;line-height:1.6}kbd{border:1px solid #677985;padding:2px 6px;border-radius:3px}#gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.drop[hidden]{display:none}