:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }

/* CHANGED: stop vertical centering; keep horizontal centering; push toward top */
body {
  margin: 12px;
  min-height: 100vh;
  display: flex;
  justify-content: center;    /* horizontally center */
  align-items: flex-start;    /* top align */
  background: #f6f7fb;

  /* smaller top padding so it sits higher */
  padding: 12px 24px 24px;
}

.card {
  width: min(560px, 100%);
  background: white;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);

  /* ensure no surprise “push down” */
  margin-top: 0;
}

h1 { margin: 0 0 8px; font-size: 22px; }
.sub { margin: 0 0 16px; color: #555; }
input[type=file] { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 10px; }
button { margin-top: 12px; width: 100%; padding: 12px; border: 0; border-radius: 10px; cursor: pointer; font-weight: 600; }

.status {
  margin-top: 12px;
  padding: 10px;
  border-radius: 10px;
  background: #eef2ff;
  text-align: center;
  font-style: italic;
}

.result { margin-top: 16px; padding-top: 16px; border-top: 1px solid #eee; }
.tiny { font-size: 12px; color: #666; }
a { word-break: break-all; }