.campaign-section .design-start-title { margin-top: 22px; font: 600 96px/.94 var(--display); letter-spacing: 0; }
.design-start-title > span { color: #60707c; }
.design-start-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; margin-top: 36px; }
.design-start-option { min-width: 0; padding-top: 18px; border-top: 1px solid #bcc7ce; }
.design-start-option-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.design-start-option-heading h3 { font: 500 23px/1.2 var(--body); }
.design-start-option-heading > svg { width: 23px; height: 23px; color: #476478; }
.design-start-copy { min-height: 40px; margin-top: 10px; max-width: 430px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.design-start-library { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 21px; }
.design-start-template, .design-start-result { min-width: 0; margin: 0; container-type: inline-size; }
.design-start-thumbnail { display: grid; grid-template-rows: 15% 30% 42% 13%; aspect-ratio: .94; overflow: hidden; background: var(--accent); color: var(--ink); }
.design-start-thumbnail > *, .design-start-generated > * { min-height: 0; }
.design-start-template-brand { align-self: center; padding-inline: 7cqw; font-size: 4.1cqw; font-weight: 700; line-height: 1.2; }
.design-start-thumbnail strong { align-self: center; padding-inline: 7cqw; font: 700 17cqw/.93 var(--display); }
.design-start-thumbnail img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 66%; }
.design-start-template-slot { align-self: center; padding-inline: 7cqw; font-size: 3.8cqw; font-weight: 600; line-height: 1.2; }
.design-start-editorial .design-start-thumbnail { background: #fcfcf9; }
.design-start-editorial .design-start-thumbnail strong { font-weight: 500; }
.design-start-bold .design-start-thumbnail { background: var(--orange); color: white; }
.design-start-template figcaption { display: block; margin-top: 8px; font: 10px/1.4 var(--body); color: var(--muted); }
.design-start-generation { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 26px; margin-top: 21px; }
.design-start-prompt > span { font-size: 9px; font-weight: 600; line-height: 1.3; }
.design-start-prompt blockquote { margin: 11px 0 18px; font-size: 15px; line-height: 1.55; }
.design-start-prompt > svg { width: 27px; height: 27px; color: #526c7e; }
.design-start-generated { display: grid; grid-template-rows: 13% 31% 43% 13%; aspect-ratio: 1.16; overflow: hidden; background: #24292d; color: white; }
.design-start-generated > span:first-child { align-self: center; padding-inline: 7cqw; font-size: 3.2cqw; font-weight: 600; line-height: 1.2; }
.design-start-generated strong { align-self: center; padding-inline: 7cqw; color: var(--accent); font: 600 12.7cqw/.92 var(--display); }
.design-start-generated img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 66%; }
.design-start-generated-footer { display: flex; align-items: center; padding-inline: 7cqw; background: var(--accent); color: var(--ink); font-size: 3.1cqw; font-weight: 600; line-height: 1.2; }
.design-start-result figcaption { justify-content: flex-start; align-items: center; gap: 6px; margin-top: 8px; font: 10px/1.4 var(--body); color: var(--muted); }
.design-start-result figcaption svg { width: 13px; height: 13px; }
.design-start-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 24px; }
.design-start-footer p { color: var(--muted); font-size: 9px; line-height: 1.5; }
.design-start-footer .text-link { font-size: 11px; }

@media (max-width: 1150px) {
    .campaign-section .design-start-title { font-size: 80px; }
    .design-start-options { gap: 38px; }
    .design-start-generation { gap: 18px; }
    .design-start-prompt blockquote { font-size: 13px; }
}

@media (max-width: 850px) {
    .campaign-section .design-start-title { font-size: 70px; }
    .design-start-options { gap: 26px; }
    .design-start-option-heading h3 { font-size: 20px; }
    .design-start-copy { min-height: 58px; font-size: 11px; }
    .design-start-library { gap: 9px; }
    .design-start-generation { gap: 13px; }
    .design-start-prompt blockquote { font-size: 12px; line-height: 1.45; }
    .design-start-prompt > span { font-size: 8px; }
    .design-start-template figcaption, .design-start-result figcaption { font-size: 8px; }
}

@media (max-width: 600px) {
    .campaign-section .design-start-title { font-size: 52px; margin-top: 18px; }
    .design-start-options { grid-template-columns: 1fr; gap: 27px; margin-top: 27px; }
    .design-start-option { padding-top: 16px; }
    .design-start-option-heading h3 { font-size: 22px; }
    .design-start-copy { min-height: 0; max-width: 360px; font-size: 12px; }
    .design-start-library { margin-top: 18px; gap: 11px; }
    .design-start-thumbnail { aspect-ratio: 1.05; }
    .design-start-thumbnail strong { font-size: 15.2cqw; }
    .design-start-template figcaption { font-size: 9px; }
    .design-start-generation { margin-top: 19px; gap: 22px; }
    .design-start-prompt blockquote { font-size: 13px; }
    .design-start-prompt > svg { width: 23px; height: 23px; }
    .design-start-generated { aspect-ratio: 1; }
    .design-start-result figcaption { font-size: 9px; }
    .design-start-footer { flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 20px; }
}

@media (max-width: 360px) {
    .campaign-section .design-start-title { font-size: 44px; }
    .design-start-generation { gap: 16px; }
    .design-start-prompt blockquote { font-size: 12px; }
}

@media print {
    .design-start-option { break-inside: avoid; }
}