body { margin: 0; background: #f2f4f8; color: #172133; font: 1rem/1.5 system-ui, sans-serif; }
main { max-width: 48rem; margin: 2rem auto; padding: 0 1rem 2rem; }
header, section, footer { padding: 1rem; background: white; border: 1px solid #ced5e0; border-radius: .6rem; margin-bottom: 1rem; }
h1, p { margin: 0; }
label { display: block; margin-bottom: .5rem; font-weight: 600; }
textarea { display: block; box-sizing: border-box; width: 100%; padding: .65rem; resize: vertical; border: 1px solid #7a879a; border-radius: .35rem; font: inherit; }
button { padding: .5rem .8rem; border: 1px solid #64748b; border-radius: .35rem; color: inherit; background: white; font: inherit; cursor: pointer; }
section button { margin-top: .75rem; }
footer { display: flex; flex-wrap: wrap; gap: .75rem; }
#save { background: #2047a2; color: white; }
button:disabled { opacity: .6; cursor: default; }

#release input, #release select { box-sizing: border-box; max-width: 100%; padding: .4rem; font: inherit; }
#release input[type="url"] { width: 100%; }
#release label { margin-top: .75rem; }
.release-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
#release-preview pre { font: inherit; white-space: pre-wrap; overflow-wrap: anywhere; }
#export-release { display: inline-block; margin-top: .75rem; }
#export-release[hidden] { display: none; }