button, input, select { font: inherit; }
.download-page, .downloads-admin { width: min(54rem, calc(100% - 3rem)); margin: 0 auto; padding: 2rem 0; }
.downloads-header { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.download-content { max-width: 28rem; margin: clamp(3.5rem, 11vh, 8rem) auto clamp(4rem, 15vh, 10rem); }
.eyebrow { font-size: .75rem; letter-spacing: .14em; color: #aeb5a5; text-transform: uppercase; margin-bottom: .75rem; }
.intro { margin: 1rem 0 0; color: #bfc1b7; max-width: 38rem; }
.download-greeting { margin-top: 1.5rem; font-size: 1.375rem; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.muted, .help { color: #aeb5a5; font-size: .9375rem; }
.download-form { display: grid; gap: .6rem; margin-top: 2rem; }
.download-form input:not([type="checkbox"]), .download-form select, .generated-code input { width: 100%; min-width: 0; min-height: 2.9rem; padding: .7rem .8rem; border: 1px solid #59604d; border-radius: .5rem; background: #080a08; color: #e8e7df; }
.download-form input[type="file"] { padding: .6rem; }
.download-form input::file-selector-button { font: inherit; margin-right: .8rem; border: 0; border-radius: .3rem; padding: .35rem .6rem; background: #34392e; color: #e8e7df; cursor: pointer; }
.download-form label:not(:first-child) { margin-top: .5rem; }
.download-form .button { margin-top: .7rem; justify-self: start; }
#code-form .button, .download-button { width: 100%; }
#download-code, #new-code { font-family: ui-monospace, monospace; font-size: .95rem; }
.download-release { border-top: 1px solid #34392e; border-bottom: 1px solid #34392e; padding: 1.5rem 0; margin-top: 2rem; }
.download-release h2 { margin-bottom: .4rem; overflow-wrap: anywhere; }
.download-release .muted { overflow-wrap: anywhere; }
.download-button { margin-top: 1.5rem; }
.switch-code { display: block; margin-top: 1rem; }
.download-status { min-height: 1.5rem; color: #bfc1b7; margin-top: 1.5rem; overflow-wrap: anywhere; }
.download-status[data-error="true"] { color: #f0b397; }
.downloads-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid #34392e; padding-top: 1.5rem; color: #aeb5a5; font-size: .875rem; }
.downloads-footer nav { display: flex; flex-wrap: wrap; gap: .25rem 1rem; }
.downloads-footer a { display: inline-flex; align-items: center; min-height: 2.75rem; }
.download-privacy { margin-top: 1rem; color: #aeb5a5; font-size: .875rem; }
.downloads-admin { padding-bottom: 5rem; }
.downloads-admin nav { display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 2rem 0 1.25rem; }
.admin-section { border-top: 1px solid #34392e; padding-top: 2rem; margin-top: 2.5rem; }
.admin-section .download-form { max-width: 34rem; margin-top: 1.25rem; }
.check-label { display: flex; align-items: start; gap: .65rem; }
.check-label input { margin-top: .35rem; accent-color: #e5e1d5; }
.download-list { padding: 0; list-style: none; margin: 1.5rem 0 0; }
.download-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; padding: 1.15rem 0; border-top: 1px solid #34392e; }
.download-row strong { font-weight: 600; overflow-wrap: anywhere; }
.download-row .muted { display: block; }
.row-actions { display: flex; gap: 1.25rem; flex-wrap: wrap; }
.generated-code { padding: 1.25rem; margin-top: 1.5rem; border: 1px solid #59604d; border-radius: .5rem; }
.generated-code p { margin-bottom: .8rem; }
.generated-code label { display: block; margin-bottom: .4rem; }
.generated-code .text-button { margin-top: .4rem; }
.upload-progress { margin-top: 1.25rem; }
.upload-progress progress { width: 100%; accent-color: #aeb5a5; }
@media (max-width: 480px) {
  .download-page, .downloads-admin { width: calc(100% - 2rem); padding-top: 1.5rem; }
  .brand { width: 9rem; }
  .download-content { margin-top: 3.5rem; }
}
