:root{color-scheme:light dark;--bg:#f7f8fc;--ink:#172033;--card:#fff;--line:#dce1ec;--accent:#365cff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px system-ui,-apple-system,sans-serif}.dark{--bg:#101522;--ink:#edf1fa;--card:#182033;--line:#2b3853}header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem max(5vw,1rem);border-bottom:1px solid var(--line)}a{color:var(--accent);text-decoration:none}.brand{font-weight:800;color:var(--ink)}nav{display:flex;gap:1rem}button,.primary{border:0;border-radius:.6rem;padding:.75rem 1rem;background:var(--accent);color:#fff;cursor:pointer;font:inherit}main{width:min(960px,92vw);margin:4rem auto}.hero{max-width:720px;margin:auto;text-align:center}.hero h1{font-size:clamp(2.5rem,7vw,5rem);margin:.2rem}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:var(--accent);font-weight:bold}form{display:grid;gap:1rem;text-align:left;margin:2rem 0}input{width:100%;padding:.75rem;border:1px solid var(--line);border-radius:.5rem;background:var(--card);color:var(--ink)}#drop{border:2px dashed var(--line);border-radius:1rem;padding:2rem;text-align:center;background:var(--card)}#preview{max-width:100%;max-height:300px;margin:1rem auto;display:block}.check input{width:auto}.notice{font-size:.85rem;color:#7a5500;background:#fff3cc;padding:.8rem;border-radius:.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.grid article,.card{background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:1rem;margin:1rem 0}.large{max-width:100%;max-height:360px;border-radius:.75rem}code{display:block;overflow-wrap:anywhere;font-size:.8rem;margin:.4rem 0}#status{margin:1rem auto;text-align:center}@media(max-width:500px){header{padding:.8rem}nav{gap:.5rem}main{margin:2rem auto}}