.movie-download-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; margin: 28px 0 0; padding: 26px 28px; border: 1px solid #edbe7f45; border-radius: 18px; background: linear-gradient(120deg, #1e2431, #111a2d 75%); }
.movie-download-heading { display: flex; align-items: center; gap: 15px; }
.movie-download-heading img { width: 48px; height: 48px; flex: 0 0 auto; }
.movie-download-panel h2 { font-size: 21px; margin: 0 0 4px; }
.movie-download-panel p { margin: 0; color: var(--muted); font-size: 13px; }
.movie-download-action { text-align: right; }
.movie-download-action .button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; }
.movie-download-action svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.movie-download-meta { display: block; font-size: 11px; color: var(--muted); margin-top: 8px; }
.movie-install-guide { grid-column: 1 / -1; border-top: 1px solid var(--border); padding-top: 15px; }
.movie-install-guide summary { display: list-item; cursor: pointer; color: var(--gold-light); font-size: 13px; padding: 4px 0; }
.movie-install-guide summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.movie-install-guide ol { margin: 14px 0 8px; padding-left: 22px; color: var(--muted); font-size: 13px; }
.movie-install-guide li { margin: 7px 0; }
.movie-install-guide code { color: var(--text); font-size: 12px; overflow-wrap: anywhere; }
@media (max-width: 760px) { .movie-download-panel { grid-template-columns: 1fr; gap: 18px; padding: 21px; } .movie-download-action { text-align: left; } .movie-download-action .button { width: 100%; } .movie-download-panel h2 { font-size: 18px; } }
@media (prefers-reduced-motion: reduce) { .movie-download-panel .button { transition: none; } }