[hidden] { display: none !important; }
.download-trigger { border: 1px solid #cbd7fa; border-radius: 8px; background: #edf2ff; color: #234ed9; padding: 0 12px; min-height: 44px; font: inherit; font-size: 14px; font-weight: 600; white-space: nowrap; cursor: pointer; }
.download-trigger:hover { background: #e1e9ff; }
.download-dialog { box-sizing: border-box; width: min(420px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); margin: auto; padding: 22px; border: 1px solid #d9e1ed; border-radius: 16px; background: white; color: #192534; box-shadow: 0 20px 70px #07112f33; font: 14px 'Microsoft YaHei', system-ui, sans-serif; overflow: auto; }
.download-dialog::backdrop { background: #18243c77; }
.download-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.download-heading h2 { margin: 0; font-size: 20px; }
.download-close { border: 0; background: #f0f3f8; color: #627085; border-radius: 50%; height: 44px; width: 44px; min-width: 44px; font-size: 26px; cursor: pointer; }
.download-title { margin: 10px 0 20px; color: #69768a; overflow-wrap: anywhere; line-height: 1.6; }
.download-options { display: grid; gap: 12px; line-height: 1.6; }
.download-option { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 15px; border: 1px solid #dce4f3; border-radius: 10px; background: #f8faff; color: #234ed9; text-decoration: none; }
.download-option:hover { border-color: #7892e5; background: #edf2ff; }
.download-option strong { font-size: 16px; }
.download-option small { grid-column: 1 / -1; color: #69768a; font-size: 12px; }
.download-size { color: #627085; font-size: 13px; align-self: center; }
.download-dialog :focus-visible { outline: 3px solid #91adff; outline-offset: 2px; }
@media (max-width: 550px) { .download-trigger { padding: 0 10px; } }