.source-word .hero-generated-frame{width:100%;height:100%;object-fit:cover}
.short-stack .hero-generated-frame{position:absolute;left:20px;bottom:20px;width:56px;height:100px;object-fit:cover;object-position:14% center;border-radius:12px}
.portrait-photo{width:100%;height:100%;object-fit:cover;object-position:14% center}
.frame-placeholder{height:100%;background:linear-gradient(125deg,#262629,#111113);display:flex;flex-direction:column;padding:clamp(15px,3.8vw,54px);color:#fff}
.frame-placeholder-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.frame-placeholder-top img{width:116px;height:auto}
.frame-placeholder-top>span{font-size:11px;padding:7px 12px;border:1px solid #ffffff26;border-radius:30px;background:#ffffff08;color:#e4e4e7}
.frame-comparison{display:grid;grid-template-columns:1.35fr .18fr .58fr;align-items:center;gap:22px;flex:1;min-height:0;margin:24px 0 10px}
.frame-comparison figure{margin:0;min-width:0}.frame-comparison figure>div{position:relative;overflow:hidden;border:1px solid #ffffff3d;border-radius:16px;box-shadow:0 12px 30px #0004;background:#222}
.wide-placeholder>div{aspect-ratio:16/9}.wide-placeholder img{width:100%;height:100%;object-fit:cover}
.portrait-placeholder{width:100%;max-width:260px;justify-self:center}.portrait-placeholder>div{aspect-ratio:9/16;max-height:440px}
.frame-comparison figcaption{margin-top:13px;text-align:center;font-size:12px;color:#ddd}
.placeholder-crop-guide{position:absolute;inset:6% auto 6% 14%;width:27%;border:1.5px solid #ffffffe0;border-radius:8px;box-shadow:0 0 0 800px #0003}
.frame-ratio{position:absolute;right:9px;top:9px;padding:4px 7px;background:#171719b8;border:1px solid #ffffff32;border-radius:7px;color:#fff;font-size:10px}
.frame-direction{font-size:35px;text-align:center;color:#b8b8bf}.portrait-copy{position:absolute;bottom:16%;left:7%;right:7%;font-size:clamp(10px,1.5vw,21px);font-weight:600;line-height:1.3;text-align:center;text-shadow:0 1px 6px #000;background:#0007;border-radius:8px;padding:7px}
.frame-placeholder-note{font-size:10px;color:#b4b4bc;text-align:center;margin-top:10px}.reframe-film .reference-caption{display:none}
.portrait-sample{height:100%;position:relative;overflow:hidden;background:#242426}.portrait-sample .speaker-0{object-position:95% center}.sample-label{position:absolute;left:10px;top:10px;color:#fff;background:#151517b8;border:1px solid #ffffff26;padding:5px 8px;border-radius:7px;font-size:9px}
.sample-caption{position:absolute;bottom:14%;left:9%;right:9%;font-size:clamp(12px,1.3vw,20px);font-weight:600;line-height:1.35;color:#fff;text-align:center;text-shadow:0 2px 5px #000;background:#0008;border-radius:6px;padding:6px}
.clip-card:hover{transform:none;box-shadow:none}
.placeholder-workspace{height:100%;width:100%;display:flex;flex-direction:column;background:#f2f2f3;color:#202024;border-radius:14px;overflow:hidden;border:1px solid #11111112}
.placeholder-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #1111110d;background:#ffffffb3}
.placeholder-app{font-size:12px;font-weight:600;letter-spacing:-.4px}.placeholder-tag{font-size:8px;color:#52525b;border:1px solid #11111115;border-radius:6px;padding:4px 6px;background:#fff7}
.placeholder-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;padding:20px;align-items:center;flex:1;min-height:0}
.placeholder-stage{min-width:0;height:100%;max-height:390px;position:relative;overflow:hidden;background:#ddd;border-radius:10px}
.placeholder-photo{width:100%;height:100%;object-fit:cover;object-position:14% center}
.placeholder-aspect{position:absolute;top:8px;left:8px;font-size:8px;background:#111a;color:white;padding:4px 6px;border-radius:5px}
.placeholder-subtitle{display:none;position:absolute;bottom:15%;left:8%;right:8%;text-align:center;font-size:clamp(9px,1.2vw,19px);font-weight:600;line-height:1.3;color:white;text-shadow:0 2px 5px #000;background:#0008;padding:6px;border-radius:5px}
.placeholder-inspector{display:flex;flex-direction:column;gap:12px;min-width:0;align-self:stretch;justify-content:center}
.placeholder-eyebrow{font-size:9px;color:#595961}.placeholder-inspector>strong{font-size:clamp(11px,1.6vw,21px);font-weight:500;line-height:1.35;letter-spacing:-.3px}.placeholder-options{display:flex;flex-wrap:wrap;gap:5px}.placeholder-options>span{font-size:8px;border:1px solid #11111115;background:#fff;padding:6px 8px;border-radius:6px}.placeholder-options>span:first-child{background:#29292c;color:#fff}
.placeholder-lines{display:grid;gap:7px}.placeholder-lines i{height:5px;border-radius:5px;background:#d7d7dc;width:100%}.placeholder-lines i:nth-child(2){width:82%}.placeholder-lines i:nth-child(3){width:62%}
.placeholder-inspector>small{font-size:8px;line-height:1.7;color:#62626b}.placeholder-timeline{display:flex;gap:4px;height:27px;margin:0 20px 16px;border-top:1px solid #11111112;padding-top:8px}.placeholder-timeline>i{flex:1;border-radius:3px;background:#a9a9b0}.placeholder-timeline>i:nth-child(2){background:#39393e}.placeholder-timeline>i:nth-child(4){background:#c5c5cd}
.placeholder-workspace[data-preview=editing] .placeholder-stage{height:auto;aspect-ratio:16/9}.placeholder-workspace[data-preview=editing] .placeholder-photo{object-position:center}
.placeholder-workspace:not([data-preview=editing]) .placeholder-stage{width:68%;aspect-ratio:9/16;justify-self:center}
.placeholder-workspace[data-preview=captions] .placeholder-subtitle,.placeholder-workspace[data-preview=customization] .placeholder-subtitle{display:block}
.placeholder-workspace[data-preview=customization] .placeholder-subtitle{font-family:Georgia,serif;font-size:clamp(12px,1.7vw,26px);font-weight:400}
.placeholder-workspace[data-preview=publishing] .placeholder-photo{object-position:95% center}
.benefit-media .placeholder-topbar{padding:8px 12px}.benefit-media .placeholder-body{padding:12px;gap:13px}.benefit-media .placeholder-inspector{gap:9px}.benefit-media .placeholder-inspector>strong{font-size:clamp(11px,1.3vw,18px)}.benefit-media .placeholder-timeline{height:23px;margin:0 12px 12px}
.workflow-placeholder{height:100%;position:relative;overflow:hidden;border-radius:9px 9px 0 0;background:#303034}.workflow-placeholder>img{width:100%;height:100%;object-fit:cover}.workflow-placeholder-3>img{object-position:95% center}.workflow-placeholder>span{position:absolute;bottom:15%;left:8%;right:8%;text-align:center;background:#111a;color:#fff;border-radius:6px;padding:7px;font-size:12px}.workflow-placeholder>small{position:absolute;right:8px;top:8px;background:#111a;color:#fff;padding:4px 6px;border-radius:5px;font-size:8px}
.closing-source-placeholder{width:40%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:5px solid white;box-shadow:0 10px 30px #0002;transform:rotate(-4deg)}.closing-source-placeholder img{height:100%;width:100%;object-fit:cover}.closing-portrait-placeholder{width:18%;aspect-ratio:9/16;max-height:320px;border-radius:16px;border:5px solid white;box-shadow:0 10px 30px #0002;overflow:hidden;transform:rotate(4deg)}.closing-direction{font-size:34px;color:#62626b}
@media(max-width:767px){
 .frame-placeholder{padding:14px}.frame-placeholder-top img{width:74px}.frame-placeholder-top>span{font-size:7px;padding:5px 7px}.frame-comparison{gap:8px;margin:12px 0 0;grid-template-columns:1.35fr .16fr .6fr}.frame-comparison figure>div{border-radius:8px}.frame-comparison figcaption{font-size:8px;margin-top:6px}.frame-direction{font-size:20px}.portrait-copy{font-size:8px;padding:4px;border-radius:4px;bottom:12%}.frame-ratio{font-size:7px;right:5px;top:5px;padding:2px 4px}.frame-placeholder-note{font-size:7px;margin-top:7px}.placeholder-crop-guide{border-radius:4px;border-width:1px}.reframe-film{aspect-ratio:1.45}
 .placeholder-topbar{padding:10px 12px}.placeholder-app{font-size:10px}.placeholder-tag{font-size:7px}.placeholder-body{padding:14px;gap:12px}.placeholder-inspector{gap:9px}.placeholder-inspector>strong{font-size:14px}.placeholder-eyebrow{font-size:8px}.placeholder-inspector>small{font-size:7px}.placeholder-options>span{font-size:7px;padding:4px 5px}.placeholder-timeline{margin:0 14px 12px;height:22px}.benefit-media .placeholder-topbar{padding:6px 10px}.benefit-media .placeholder-tag{font-size:6px}.benefit-media .placeholder-body{padding:10px;gap:9px}.benefit-media .placeholder-inspector{gap:6px}.benefit-media .placeholder-inspector>strong{font-size:12px}.benefit-media .placeholder-options{display:none}.benefit-media .placeholder-timeline{margin:0 10px 10px;height:17px;padding-top:5px}.benefit-media .placeholder-inspector>small{font-size:6px}
 .closing-visual{min-height:180px}.closing-source-placeholder{width:48%;border-width:3px;border-radius:10px}.closing-portrait-placeholder{width:24%;max-height:200px;border-width:3px;border-radius:10px}.closing-direction{font-size:22px}
}
.placeholder-workspace:not([data-preview=editing]) .placeholder-stage{width:auto;height:100%;max-width:100%;aspect-ratio:9/16;justify-self:center}