/* Hero-only media treatment. Lower sections retain their locked styles. */
.hero-studio .studio-top{min-height:53px}
.hero-studio .hero-visual{height:260px}
.hero-preview-tools{display:flex;align-items:center;gap:11px;flex-shrink:0}
.hero-preview-tools .placeholder-tag{font-size:7px;letter-spacing:.07em}
#hero-motion-toggle{padding:6px 8px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);font:600 8px/1.3 var(--sans);white-space:nowrap}
.hero-create-motion{gap:14px}.hero-source-motion{flex:1;min-width:0;max-width:65%}.hero-source-motion>span,.hero-result-motion>span{display:block;font-size:7px;font-weight:600;letter-spacing:.09em;color:var(--muted);margin-bottom:10px;white-space:nowrap}.hero-source-motion>video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:4px;border:1px solid var(--line);background:var(--paper)}.hero-convert-arrow{flex-shrink:0;color:var(--muted)}.hero-convert-arrow .icon{width:17px;height:17px}.hero-result-motion{height:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.hero-result-motion>video{height:calc(100% - 19px);width:auto;aspect-ratio:9/16;border-radius:4px;object-fit:contain;background:var(--paper);border:1px solid var(--line)}
.hero-edit-motion{gap:30px}.hero-edit-screen{height:100%;aspect-ratio:9/16;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:4px;flex-shrink:0}.hero-edit-screen>video{display:block;width:100%;height:100%;object-fit:contain}.hero-edit-options{flex:1;min-width:0}.hero-mini-label{font-size:7px;letter-spacing:.11em;color:var(--muted);display:block;margin-bottom:13px}.hero-edit-options>button{display:flex;align-items:center;text-align:left;gap:10px;width:100%;padding:12px 10px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted)}.hero-edit-options>button>.icon{width:16px;height:16px;flex-shrink:0}.hero-edit-options>button>span{flex:1}.hero-edit-options strong{display:block;font-size:11px;font-weight:600}.hero-edit-options small{display:block;font-size:8px;font-weight:400;line-height:1.45;margin-top:4px}.hero-edit-options i{height:5px;width:5px;border-radius:50%;background:transparent;flex-shrink:0}.hero-edit-options>button[aria-pressed=true]{background:var(--paper);border-color:var(--line);color:var(--ink)}.hero-edit-options>button[aria-pressed=true] i{background:var(--accent)}
.hero-prepare-example{gap:22px;align-items:stretch}.hero-cover-example{margin:0;width:151px;min-width:0;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.hero-cover-example>img{width:auto;max-width:100%;max-height:calc(100% - 18px);height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:4px;border:1px solid var(--line)}.hero-cover-example>figcaption{font-size:6px;font-weight:600;letter-spacing:.1em;color:var(--muted)}.hero-copy-examples{flex:1;min-width:0;display:flex;justify-content:center;flex-direction:column;gap:12px}.hero-copy-card{background:var(--paper);border:1px solid var(--line);padding:12px;border-radius:4px}.hero-platform-label{font-size:7px;font-weight:600;letter-spacing:.09em;display:flex;align-items:center;gap:6px;color:var(--muted);margin-bottom:7px}.hero-platform-label>.icon{height:12px;width:12px}.hero-copy-card>h3{font:600 11px/1.35 var(--sans);letter-spacing:-.01em;margin:0 0 5px}.hero-copy-card>p{font-size:9px;line-height:1.5;color:var(--muted)}.hero-tag-line{font-size:7px;line-height:1.5;color:var(--accent);margin-top:6px;overflow-wrap:anywhere}.hero-review-hint{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--muted)}.hero-review-hint>.icon{height:12px;width:12px}
.hero-publish-example{align-items:center}.hero-schedule-example{width:100%;max-width:430px;border:1px solid var(--line);background:var(--paper);border-radius:5px;overflow:hidden}.hero-calendar-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}.hero-calendar-header>span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600}.hero-calendar-header .icon{width:15px;height:15px}.hero-calendar-header>small{font-size:6px;letter-spacing:.08em;color:var(--muted)}.hero-schedule-content{display:flex;gap:20px;padding:19px 16px;align-items:center}.hero-date-tile{width:66px;flex-shrink:0;text-align:center;border:1px solid var(--line);border-radius:4px;padding:11px 6px;background:var(--sage)}.hero-date-tile>span{display:block;font-size:7px;font-weight:600;letter-spacing:.12em;color:var(--accent)}.hero-date-tile>strong{display:block;font:400 39px/1.2 var(--serif);letter-spacing:-.05em}.hero-date-tile>small{font-size:6px;letter-spacing:.08em;color:var(--muted)}.hero-queued-post{flex:1;min-width:0}.hero-post-summary{display:flex;gap:12px;align-items:center}.hero-post-summary>img{height:66px;width:44px;object-fit:cover;border-radius:3px}.hero-post-summary>div{min-width:0}.hero-post-summary span{font-size:6px;letter-spacing:.1em;color:var(--muted)}.hero-post-summary h3{font:600 12px/1.35 var(--sans);letter-spacing:-.015em;margin:5px 0}.hero-post-summary p{font-size:8px;color:var(--muted)}.hero-destination-list{display:flex;gap:8px;margin-top:13px}.hero-destination-list>span{display:flex;gap:5px;align-items:center;border:1px solid var(--line);border-radius:3px;padding:6px;font-size:8px}.hero-destination-list .icon{width:12px;height:12px}.hero-destination-list .icon:last-child{width:10px;height:10px;color:var(--accent)}.hero-schedule-bottom{border-top:1px solid var(--line);padding:11px 16px;font-size:8px;color:var(--muted);display:flex;align-items:center;gap:7px}
@media(max-width:1100px){.hero-studio .hero-visual{height:245px}.hero-preview-tools{gap:7px}.hero-preview-tools .placeholder-tag{font-size:6px}#hero-motion-toggle{font-size:7px;padding:5px 6px}.hero-create-motion{gap:11px}.hero-source-motion>span,.hero-result-motion>span{font-size:6px}.hero-edit-motion{gap:20px}.hero-edit-options>button{gap:7px;padding:10px 7px}.hero-edit-options strong{font-size:10px}.hero-edit-options small{font-size:7px}.hero-mini-label{font-size:6px}.hero-prepare-example{gap:15px}.hero-cover-example{width:132px}.hero-copy-examples{gap:9px}.hero-copy-card{padding:10px}.hero-copy-card>h3{font-size:10px}.hero-copy-card>p{font-size:8px}.hero-tag-line{font-size:6px}.hero-schedule-content{gap:14px;padding:17px 13px}.hero-calendar-header{padding:12px 13px}.hero-post-summary{gap:9px}.hero-post-summary h3{font-size:11px}}
@media(min-width:701px) and (max-width:900px){.studio-top{gap:6px}.hero-preview-tools{gap:5px}.hero-preview-tools .placeholder-tag{font-size:5px}.hero-studio .hero-visual{height:230px}.hero-create-motion{gap:9px}.hero-source-motion>span,.hero-result-motion>span{font-size:5px}.hero-convert-arrow .icon{width:13px}.hero-edit-motion{gap:13px}.hero-edit-options>button{gap:6px;padding:10px 5px}.hero-edit-options>button>.icon{width:13px}.hero-edit-options strong{font-size:9px}.hero-edit-options small{font-size:6px}.hero-prepare-example{gap:11px}.hero-cover-example{width:110px}.hero-copy-card{padding:8px}.hero-copy-card>h3{font-size:9px}.hero-copy-card>p{font-size:7px}.hero-review-hint{font-size:7px}.hero-calendar-header>span{font-size:9px}.hero-schedule-content{gap:10px;padding:13px 10px}.hero-date-tile{width:53px}.hero-post-summary h3{font-size:10px}.hero-destination-list{gap:5px}.hero-destination-list>span{font-size:7px;padding:5px}.hero-destination-list .icon{width:10px}.hero-calendar-header>small{font-size:5px}}
@media(max-width:700px){.hero-studio .hero-visual{height:250px}.hero-preview-tools .placeholder-tag{font-size:5px}.hero-preview-tools{gap:6px}#hero-motion-toggle{font-size:7px;padding:5px}.hero-create-motion{gap:11px}.hero-source-motion>span,.hero-result-motion>span{font-size:6px}.hero-convert-arrow .icon{width:14px}.hero-edit-motion{gap:20px}.hero-edit-options strong{font-size:10px}.hero-edit-options small{font-size:7px}.hero-prepare-example{gap:14px}.hero-cover-example{width:125px}.hero-copy-card{padding:9px}.hero-copy-card>h3{font-size:10px}.hero-copy-card>p{font-size:8px}.hero-tag-line{font-size:6px}.hero-schedule-content{padding:17px 12px;gap:13px}.hero-calendar-header{padding:12px}.hero-calendar-header>span{font-size:9px}.hero-calendar-header>small{font-size:5px}.hero-post-summary h3{font-size:11px}.hero-destination-list>span{font-size:7px;padding:5px}.hero-date-tile{width:56px}.hero-schedule-bottom{padding:10px 12px;font-size:7px}.hero-review-hint{font-size:7px}}
@media(max-width:380px){.hero-studio .hero-visual{height:228px}.studio-top{padding:12px 10px}.hero-preview-tools .placeholder-tag{font-size:4px}.hero-preview-tools{gap:4px}.hero-create-motion{gap:8px}.hero-source-motion>span,.hero-result-motion>span{font-size:5px}.hero-convert-arrow .icon{width:12px}.hero-edit-motion{gap:13px}.hero-edit-options>button{padding:10px 5px;gap:6px}.hero-edit-options small{font-size:6px}.hero-mini-label{font-size:5px}.hero-cover-example{width:106px}.hero-prepare-example{gap:11px}.hero-copy-card{padding:8px}.hero-copy-card>h3{font-size:9px}.hero-copy-card>p{font-size:7px}.hero-platform-label{font-size:6px}.hero-tag-line{font-size:5px}.hero-schedule-content{padding:14px 9px;gap:10px}.hero-date-tile{width:48px}.hero-post-summary{gap:8px}.hero-post-summary>img{height:57px;width:38px}.hero-post-summary h3{font-size:10px}.hero-destination-list{gap:4px}.hero-destination-list>span{font-size:6px;padding:4px}.hero-destination-list .icon{width:9px}.hero-calendar-header{padding:10px}.hero-calendar-header>small{font-size:4px}}
@media(max-width:700px){.hero-cover-example{width:110px}.hero-copy-card>p{font-size:9px;line-height:1.4}.hero-copy-card>h3{font-size:11px}.hero-tag-line{display:none}.hero-mini-label{font-size:7px}.hero-edit-options strong{font-size:11px}.hero-edit-options small{font-size:8px}}
@media(max-width:380px){.hero-preview-tools .placeholder-tag{display:none}.hero-cover-example{width:90px}.hero-copy-card>h3{font-size:10px}.hero-copy-card>p{font-size:8px}.hero-edit-options small{font-size:7px}.hero-mini-label{font-size:6px}}
@media(max-width:380px){.hero-date-tile>strong{font-size:28px}}

/* Sample post titles are preview text, not page headings. */
.hero-copy-card>.hero-demo-title{font:600 11px/1.35 var(--sans);letter-spacing:-.01em;margin:0 0 5px}.hero-post-summary .hero-demo-title{font:600 12px/1.35 var(--sans);letter-spacing:-.015em;margin:5px 0}