:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #172034; background: #f5f7fb; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(62rem, calc(100% - 3rem)); padding: 2.5rem; border: 1px solid #dbe1eb; border-radius: 1rem; background: white; box-shadow: 0 1rem 3rem rgb(23 32 52 / 8%); }
.eyebrow { color: #59657a; font-size: .75rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
h1 { margin: .5rem 0 1rem; }
p { line-height: 1.6; }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
button { padding: .8rem 1rem; border: 0; border-radius: .6rem; background: #2457d6; color: white; font: inherit; font-weight: 700; cursor: pointer; }
button:disabled { cursor: wait; opacity: .65; }
#status { min-height: 1.6em; color: #59657a; }
pre { max-height: 34rem; overflow: auto; padding: 1rem; border-radius: .6rem; background: #101827; color: #dce8ff; white-space: pre-wrap; word-break: break-word; }