body.download-open{overflow:hidden}
.download-dialog{border:1px solid #e4ddef;border-radius:24px;padding:28px;width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 32px);color:var(--ink);background:#fffdf9;box-shadow:0 24px 90px #30234540}
.download-dialog::backdrop{background:#24193880;backdrop-filter:blur(4px)}
.download-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}
.download-title{font-family:var(--font);font-size:1.65rem;font-weight:800;line-height:1.25;margin-bottom:8px}
.dialog-close{border:1px solid #ddd4e8;background:white;border-radius:50%;width:44px;height:44px;flex:0 0 44px;font-size:1.8rem;line-height:1;color:var(--ink)}
.download-formats{display:grid;gap:10px}.format-choice{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid #ddd5e7;border-radius:16px;background:white;min-height:84px;transition:background .15s,border-color .15s}
.format-choice:hover,.format-choice:focus-visible{background:#f4effc;border-color:var(--purple)}.format-choice>span:nth-child(2){flex:1;min-width:0}.format-choice strong{display:block;font-size:1.125rem}.format-choice span span{display:block;font-size:1rem;color:#5d5765;line-height:1.4}.format-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#eee7fc;color:#513281;font-size:1rem;font-weight:800;flex-shrink:0}.format-choice[data-format=png] .format-symbol{background:#e4f2e4;color:#325b37}.format-choice[data-format=jpeg] .format-symbol{background:#fff0cf;color:#765113}.format-choice[data-format=webp] .format-symbol{background:#e1f0f8;color:#285470}
.download-status{min-height:24px;margin-top:16px;font-size:1rem;line-height:1.5}.download-dialog[aria-busy=true] .format-choice{cursor:wait;opacity:.65}.color-online-link{background:#e8f2dd!important;border-color:#b0c994!important;color:#30451f!important;grid-column:1/-1}.color-online-link:hover{background:#dcebcf!important}
@media(max-width:600px){.download-dialog{padding:22px 18px}.download-title{font-size:1.4rem}.format-choice{padding:13px;gap:12px}.format-symbol{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.format-choice{transition:none}}