.tarot-export { margin-top: 30px; padding-top: 26px; border-top: 1px solid #cbd2d7; text-align: left; color: #26374b; }
.tarot-export h3 { margin: 0 0 10px; font-size: 21px; line-height: 1.65; }
.tarot-export .tarot-export-intro { margin: 0 0 20px; font-size: 15px; line-height: 1.9; }
.tarot-export .tarot-export-note, .tarot-export .tarot-export-status { font-size: 13px; line-height: 1.85; color: #5c687a; }
.tarot-export .tarot-export-status { min-height: 1.85em; margin: 12px 0; }
.tarot-export .tarot-export-note { margin: 16px 0 0; }
.tarot-export-preview > img { display: block; width: min(100%, 300px); height: auto; margin: 22px auto; border-radius: 5px; box-shadow: 0 9px 25px #17243824; }
.tarot-export-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; }
.tarot-export .button { min-height: 44px; margin: 0; font-size: 14px; cursor: pointer; }
.tarot-export .button:disabled { opacity: .6; cursor: wait; }
.tarot-export .button:focus-visible { outline: 3px solid #926b2f; outline-offset: 4px; }
.tarot-export [hidden] { display: none !important; }
@media (max-width: 700px) {
  .tarot-export { margin-top: 26px; padding-top: 24px; }
  .tarot-export h3 { font-size: 20px; }
  .tarot-export-actions { align-items: stretch; }
  .tarot-export-actions .button { text-align: center; flex: 1 1 190px; }
}