.demo-marketing { width: 100%; min-width: 0; padding: 12px 0 32px; }
.demo-marketing__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.demo-marketing__tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.demo-marketing__intro { max-width: 760px; margin: 24px 0; line-height: 1.6; overflow-wrap: anywhere; }
.demo-marketing__intro h2 { font-size: 22px; line-height: 1.35; margin: 0 0 16px; letter-spacing: 0; }
.demo-marketing__intro p { margin: 0 0 12px; }
.demo-marketing__intro p:last-child { margin-bottom: 0; }
.demo-marketing__intro[hidden] { display: none !important; }
.demo-marketing__invitation { width: min(520px, calc(100% - 32px)); box-sizing: border-box; border: 1px solid #ddd9e5; border-radius: 8px; padding: 24px; color: #2f2a3a; }
.demo-marketing__invitation::backdrop { background: rgb(0 0 0 / 40%); }
.demo-marketing__invitation h2 { font-size: 22px; margin-top: 0; }
.demo-marketing__setup { width: min(680px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; }
.demo-marketing__setup p { line-height: 1.55; }
.demo-marketing__proposal [data-marketing-select].aura-btn--success { border: 3px solid currentColor; white-space: normal; overflow-wrap: anywhere; }
.demo-marketing__setup-close { display: flex; justify-content: flex-end; margin-bottom: 8px; }
.demo-marketing__invitation p { overflow-wrap: anywhere; }
.demo-marketing [data-marketing-mail-status]:empty { display: none; }
.demo-marketing [data-marketing-mail-status].is-error { color: #a32b39; }
.demo-marketing h1 { font-size: 28px; margin: 0; letter-spacing: 0; }
.demo-marketing__briefing { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; padding: 24px 0; border-bottom: 1px solid #e0deE6; }
.demo-marketing__briefing > div:first-child { grid-column: 1 / -1; }
.demo-marketing dt { font-size: 14px; color: #706977; }
.demo-marketing dd { margin: 6px 0 0; font-weight: 600; overflow-wrap: anywhere; }
.demo-marketing__proposals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; margin-top: 24px; }
.demo-marketing__proposals.is-selected-only { grid-template-columns: minmax(0, 1fr); max-width: 640px; }
.demo-marketing__proposal[hidden], .demo-marketing__proposal button[hidden] { display: none !important; }
.demo-marketing__proposal { border: 1px solid #ddd9e5; border-radius: 8px; padding: 24px; background: #fff; min-width: 0; display: flex; flex-direction: column; overflow-wrap: anywhere; }
.demo-marketing__proposal:nth-child(2) { border-top: 3px solid #25906b; }
.demo-marketing__proposal:nth-child(3) { border-top: 3px solid #b76977; }
.demo-marketing__proposal:first-child { border-top: 3px solid #8760c0; }
.demo-marketing__proposals.has-proposal-tools { margin-top: 68px; row-gap: 68px; }
.demo-marketing__proposals.has-proposal-tools .demo-marketing__proposal { position: relative; }
.demo-marketing .demo-marketing__proposal .aura-btn.demo-marketing__regenerate-proposal { position: absolute; bottom: calc(100% + 10px); right: 0; margin: 0; width: auto; height: 34px; min-height: 34px; padding: 0 12px; gap: 8px; font-size: 13px; }
.demo-marketing__regenerate-proposal.is-generating i { animation: demo-marketing-spin 1s linear infinite; }
@media (prefers-reduced-motion: reduce) { .demo-marketing__regenerate-proposal.is-generating i { animation: none; } }
.demo-marketing__proposal.is-selected { outline: 3px solid #734eaa; outline-offset: 3px; }
.demo-marketing__number { color: #706977; font-size: 14px; margin: 0 0 12px; }
.demo-marketing__proposal-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.demo-marketing__proposal-header .demo-marketing__number { flex: 1; min-width: 0; margin: 0; }
.demo-marketing .demo-marketing__proposal .demo-marketing__proposal-header .aura-btn { width: 40px; height: 40px; min-height: 40px; margin: 0; flex: 0 0 40px; padding: 0; }
.demo-marketing__proposal-header .is-generating i { animation: demo-marketing-spin 1s linear infinite; }
@keyframes demo-marketing-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .demo-marketing__proposal-header .is-generating i { animation: none; } }
.demo-marketing__proposal h2 { font-size: 22px; line-height: 1.3; letter-spacing: 0; margin: 0 0 12px; }
.demo-marketing__hook { font-weight: 600; margin: 0 0 20px; }
.demo-marketing__proposal dl { margin: 0 0 24px; }
.demo-marketing__proposal dl > div { margin: 0 0 16px; }
.demo-marketing__proposal dd { font-weight: 400; white-space: pre-line; }
.demo-marketing .demo-marketing__proposal .aura-btn { margin-top: auto; width: 100%; height: 46px; min-height: 46px; white-space: normal; flex: 0 0 auto; }
.demo-marketing__proposal-actions { display: flex; gap: 10px; margin-top: auto; align-items: stretch; }
.demo-marketing .demo-marketing__proposal-actions [data-marketing-select] { flex: 1; width: auto; min-width: 0; }
.demo-marketing .demo-marketing__proposal-actions [data-marketing-discard] { flex: 0 0 46px; width: 46px; padding: 0; }
.demo-marketing .aura-btn { gap: 8px; }
.demo-marketing__preview { position: relative; aspect-ratio: 4 / 5; width: 100%; margin: 0 0 20px; overflow: hidden; background: #f2f3f5; border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.demo-marketing__preview a { display: block; width: 100%; height: 100%; }
.demo-marketing__preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
.demo-marketing__preview-status { padding: 16px; text-align: center; font-size: 14px; overflow-wrap: anywhere; }
.demo-marketing .demo-marketing__preview .aura-btn { flex: 0 0 auto; width: 44px; height: 44px; min-height: 44px; margin: 0 0 16px; }
.demo-marketing__preview [hidden] { display: none !important; }
.demo-marketing__source { min-height: 20px; font-size: 12px; color: #706977; margin: -10px 0 16px; }
.demo-marketing [data-marketing-status] { min-height: 24px; margin-top: 20px; }
.demo-marketing [data-marketing-status]:empty { display: none; }
.demo-marketing [data-marketing-status].is-error { color: #a32b39; }
.demo-marketing [data-marketing-status].is-success { color: #176b4d; border-left: 4px solid #25906b; padding: 16px 20px; background: #eff8f2; scroll-margin-top: calc(var(--aura-mobile-header-height, 60px) + 24px); }
.demo-marketing [data-marketing-status].is-success strong { display: block; font-size: 22px; margin-bottom: 8px; }
.demo-marketing [data-marketing-status].is-success span { display: block; line-height: 1.5; }
.demo-marketing button:disabled { opacity: .65; cursor: wait; }
.demo-marketing__proposal.is-selected [data-marketing-select]:disabled { opacity: 1; cursor: default; }
@media (max-width: 1200px) { .demo-marketing__proposals { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .demo-marketing__briefing { grid-template-columns: 1fr 1fr; } .demo-marketing__proposal { padding: 18px; } .demo-marketing h1 { font-size: 24px; } }
.demo-marketing-page .page-shell__inner { display: block; max-width: none; }
.demo-marketing__orientation{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;max-width:24rem;font-weight:400}
.demo-marketing__orientation select,.demo-marketing__orientation input{width:100%;min-width:0;font:inherit}
.demo-marketing__orientation .aura-btn{flex:0 0 auto!important;align-self:stretch;width:100%!important;max-width:100%!important;min-height:44px;height:44px;max-height:44px;aspect-ratio:auto;padding:.5rem 1rem}
.demo-marketing__orientation small{font-size:.85rem;line-height:1.4}
.demo-marketing__orientation [hidden]{display:none!important}