/* Minimal ortak stil */
:root{
  --b:#111;
  --m:#64748b;
  --border:#e5e7eb;
  --bg:#fafafa;
  --radius:12px;
  --shadow:0 10px 25px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font:14px system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background:var(--bg);
  max-width:760px;
  padding:24px;
  margin-inline:auto;
}
.card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:22px;
  max-width:560px;
  width:94%;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.url{word-break:break-all;color:#111;margin:.25rem 0 .75rem}
.muted{color:var(--m)}
.btn{appearance:none;border:1px solid var(--b);background:var(--b);color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}
.btn-lite{border:1px solid #d1d5db;background:#fff;color:#111}
.count{font-variant-numeric:tabular-nums}
.out{margin-top:12px;word-break:break-all}
.mt-8{margin-top:.75rem}
input,button{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px}
.row:has(input){gap:8px}