.download-help {
  position: fixed; z-index: 110; top: 96px; right: 24px;
  width: min(392px, calc(100vw - 32px)); max-height: calc(100dvh - 112px);
  overflow: auto; padding: 20px; border: 1px solid var(--border); border-radius: 8px;
  background: var(--surface); color: var(--ink); box-shadow: var(--shadow);
  animation: download-help-in 250ms var(--modal-ease) both;
}
.download-help-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.download-help-header h2 { margin: 0; font-size: 16px; line-height: 1.4; letter-spacing: 0; }
.download-help button { cursor: pointer; font: inherit; color: var(--ink); background: transparent; border: 1px solid transparent; border-radius: 6px; }
.download-help button:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.download-help button[data-action] { flex: 0 0 32px; width: 32px; height: 32px; display: grid; place-items: center; padding: 6px; }
.download-help button:hover { background: var(--accent-soft); }
.download-help button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.download-help-intro { margin: 8px 0 16px; font-size: 13px; line-height: 1.5; color: var(--secondary); }
.smartscreen-demo { display: block; width: 100%; height: auto; aspect-ratio: 532 / 498; border-radius: 4px; }
.download-help-controls { display: flex; align-items: center; gap: 4px; margin-top: 12px; }
.download-help-steps { display: flex; gap: 4px; flex: 1; }
.download-help-steps button { padding: 6px; font-size: 11px; line-height: 1.4; }
.download-help-steps button[aria-pressed="true"] { background: var(--ink); color: var(--surface); }
.download-help-note { margin: 12px 0 0; font-size: 11px; line-height: 1.5; color: var(--secondary); }
@keyframes download-help-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 600px) { .download-help { top: 80px; right: 16px; padding: 16px; max-height: calc(100dvh - 96px); } }
@media (prefers-reduced-motion: reduce) { .download-help { animation: none; } .demo-cursor { display: none; } }