:root{
  --bg:#f7fafc;
  --card:#ffffff;
  --accent:#0b5fff;
  --muted:#6b7280;
}

*{box-sizing:border-box}
body{font-family:Inter,Segoe UI,system-ui,Roboto,Helvetica,Arial;margin:0;background:var(--bg);color:#111}
.container{max-width:820px;margin:3rem auto;background:var(--card);padding:1.6rem;border-radius:10px;box-shadow:0 6px 20px rgba(15,23,42,0.06)}
h1{margin-top:0}
.input-row{display:flex;gap:.6rem}
input#image-input{flex:1;padding:.6rem .8rem;border:1px solid #e6e9ef;border-radius:6px}
button{background:var(--accent);color:#fff;border:none;padding:.6rem .9rem;border-radius:6px;cursor:pointer}
button.copy-btn{background:#111;color:#fff;margin-top:.4rem;padding:.4rem .7rem}
.result-block{margin-top:1rem;padding:.8rem;border-radius:8px;background:#fbfdff;border:1px solid #eef2ff}
pre{white-space:pre-wrap;word-break:break-word;margin:0}
.hidden{display:none}
.note{margin-top:1rem;color:var(--muted);font-size:0.95rem}
label{display:block;margin-bottom:.4rem}