/* База */
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:#fff;color:#000;font-size:16px;line-height:1.45;
  padding:24px; /* поля вокруг страницы */
}

/* «Коробка» без правки HTML — ограничим ширину верхних блоков */
body>h1, body>form, body>.flash{
  max-width: 720px;
  margin-left:auto; margin-right:auto;
}

/* Заголовок */
h1{
  font-size:28px;margin:0 0 20px;font-weight:800;
  color:#1f4e8c;text-align:center;
}

/* Форма */
form{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
input[type=url]{
  flex:1;min-width:260px;padding:14px 16px;
  border:1px solid #e5e7eb;border-radius:12px;font-size:16px;
}
input[type=url]:focus{outline:0;border-color:#cbd5e1;box-shadow:0 0 0 3px rgba(31,78,140,.15)}
button{
  padding:14px 18px;border:0;border-radius:12px;font-weight:700;font-size:16px;
  background:#1f4e8c;color:#fff;cursor:pointer;min-height:44px;
}
button:disabled{opacity:.6;cursor:not-allowed}

/* Мобильная адаптация */
@media (max-width: 600px){
  body{padding:16px}
  h1{font-size:22px}
  form{gap:10px}
  input[type=url]{flex:100%;min-width:0;font-size:17px}
  button{flex:100%;font-size:17px}
}
.status{display:none;align-items:center;gap:10px;justify-content:center;margin-top:12px;color:#1f4e8c;font-weight:600}
.spinner{width:16px;height:16px;border:2px solid #cbd5e1;border-top-color:#1f4e8c;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.status{display:none;align-items:center;gap:10px;justify-content:center;margin-top:12px;color:#1f4e8c;font-weight:600}
.spinner{width:16px;height:16px;border:2px solid #cbd5e1;border-top-color:#1f4e8c;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}