:root { color-scheme: dark; font: 18px/1.55 "Inter", system-ui, sans-serif; background: #0c2531; color: #f4f8fa; }
main { max-width: 38rem; margin: 14vh auto 3rem; padding: 0 1.5rem; }
h1 { font-size: clamp(2.4rem, 7vw, 4rem); line-height: 1.05; letter-spacing: -.04em; }
a { color: #9be2db; text-underline-offset: .22em; }

#draft { display: grid; gap: .8rem; }
label { display: grid; gap: .3rem; }
input, textarea, select, button { font: inherit; padding: .4rem; }
fieldset { border: 1px solid #668690; }
fieldset label { margin-top: .6rem; }
figure { margin: 0 0 1rem; }
canvas { display: block; max-width: 100%; height: auto; }
#preview { border-top: 1px solid #668690; margin: 1rem 0; }