:root { font-family: system-ui, sans-serif; color: #20322d; background: #f4f6f2; }
body { margin: 0; padding: 48px 20px; }
main { max-width: 600px; margin: auto; }
h1 { font-size: clamp(2rem, 6vw, 3rem); letter-spacing: -0.04em; margin: 0; }
p { line-height: 1.6; }
.eyebrow { color: #43694c; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; }
form { padding: 24px; margin-top: 28px; border: 1px solid #ccd6cc; border-radius: 12px; background: white; }
label { display: block; font-weight: 600; }
input[type="file"] { display: block; margin-top: 14px; max-width: 100%; }
.hint, footer { font-size: 0.875rem; color: #526057; }
.option { font-weight: 400; margin: 16px 0; }
button, #download { background: #245b3a; color: white; padding: 12px 20px; border: 0; border-radius: 6px; font: inherit; cursor: pointer; }
button { width: 100%; margin-top: 12px; }
button:disabled { opacity: 0.6; cursor: wait; }
a { color: #245b3a; }
#download:not([hidden]) { display: inline-block; }
#status { overflow-wrap: anywhere; }
footer { margin-top: 36px; border-top: 1px solid #ccd6cc; padding-top: 12px; }
:focus-visible { outline: 3px solid #ba792a; outline-offset: 4px; }