:root { color-scheme: light dark; font: 14px system-ui, sans-serif; }
body { width: 100%; box-sizing: border-box; margin: 0; background: Canvas; color: CanvasText; }
main { padding: 14px; }
h1 { font-size: 18px; margin: 0 0 4px; }
.muted { color: GrayText; font-size: 12px; }
label, legend { display: block; margin-top: 10px; font-weight: 600; }
input[type=file], input[type=number] { box-sizing: border-box; width: 100%; margin-top: 4px; }
fieldset { margin: 12px 0; padding: 8px; }
fieldset label { margin-top: 5px; font-weight: 400; }
button { width: 100%; margin-top: 14px; padding: 8px; border: 0; border-radius: 5px; background: #1769aa; color: white; cursor: pointer; }
button:disabled { opacity: .5; cursor: not-allowed; }
button.secondary { background: #666; }
#status { min-height: 2.5em; margin-top: 10px; white-space: pre-wrap; }
details { margin-top: 10px; font-size: 12px; }