.download-feedback { min-width: 0; display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.download-button-label { white-space: nowrap; }
button[data-download-skill][aria-busy="true"] { cursor: wait; opacity: 1; }
button[data-download-skill]:focus-visible { outline: 3px solid #d39361; outline-offset: 3px; }
.download-status { display: flex; align-items: flex-start; gap: 9px; padding: 11px 12px; border: 1px solid #ecd7c4; border-radius: 8px; background: #fff5ec; color: #975022; text-align: left; line-height: 1.7; }
.download-status[hidden] { display: none; }
.download-status-icon { display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; flex: 0 0 16px; margin-top: 3px; border: 1.5px solid currentColor; border-radius: 50%; font-size: 11px; line-height: 1; font-weight: 700; }
.download-status-text { min-width: 0; }
.download-status-title { display: block; font-size: 12px; font-weight: 650; }
.download-status-message { display: block; font-size: 12px; overflow-wrap: anywhere; }
.download-feedback[data-download-state="preparing"] .download-status-icon,
.download-feedback[data-download-state="receiving"] .download-status-icon { border-right-color: transparent; animation: download-feedback-spin .9s linear infinite; }
.download-feedback[data-download-state="handed"] .download-status,
.download-feedback[data-download-state="saved"] .download-status { color: #2e6d49; background: #eff7f0; border-color: #d2e5d6; }
.download-feedback[data-download-state="error"] .download-status { color: #963851; background: #fff0f4; border-color: #eccdd6; }
.detail-actions { align-items: flex-start; }
.detail-actions > .download-feedback { flex: 1 1 190px; }
.detail-actions > .download-feedback > button { width: 100%; }
.record-actions:has(.download-feedback) { align-items: flex-start; }
.record-actions .download-feedback { width: 210px; min-height: 44px; flex: 0 0 210px; }
.record-actions .download-feedback > button { min-width: 160px; width: 160px; align-self: flex-end; }
@keyframes download-feedback-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .download-status-icon { animation: none !important; } }