.hero-copy .hero-now{font-size:14px}.hero-now strong{color:#eee}.hero-copy .hero-actions{gap:12px 24px}
.edit-brief{font-size:12px;line-height:1.5;background:#222;padding:12px 14px;margin-bottom:13px;color:#eee}.edit-brief>span{display:block;color:#aaa;font-size:9px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.production-visual .demo-topline{margin-bottom:13px;gap:12px}.production-visual .source-strip img{aspect-ratio:3}.edit-action{font-size:12px;line-height:1.4;min-height:2.8em;display:flex;align-items:center;color:#eee;margin-block:7px}
.production-visual .preview-stage{aspect-ratio:2.25}.production-visual .preview-shot{opacity:0!important;transform:scale(1.025)}
.production-visual[data-shot="0"] .preview-shot-one,.production-visual[data-shot="1"] .preview-shot-two,.production-visual[data-shot="2"] .preview-shot-three{opacity:1!important;transform:scale(1)}
.production-visual[data-phase="0"] .preview-shot,.production-visual[data-phase="1"] .preview-shot,.production-visual[data-phase="2"] .preview-shot{opacity:.15!important}
.production-visual .preview-title{font-size:clamp(20px,2vw,30px);bottom:21px}.production-visual .preview-stamp{font-size:9px}.production-visual .preview-title small{font-size:10px}
.edit-sequence{position:relative;overflow:hidden;margin-top:12px;padding-bottom:2px}.timeline-ruler{display:flex;justify-content:space-between;color:#aaa;font-size:9px;margin-bottom:7px}
.film-track{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:4px}.film-clip{display:flex;align-items:center;gap:6px;min-width:0;background:#343434;border:1px solid #606060;color:#eee;font-size:9px;transition:transform .65s ease,opacity .5s,border-color .4s}.film-clip img{width:30px;height:34px;object-fit:cover}.film-clip:nth-child(2){transition-delay:.15s}.film-clip:nth-child(3){transition-delay:.3s}
.music-track{display:flex;align-items:center;gap:10px;background:#333c36;color:#d2dfd4;padding:5px 8px;margin-top:5px;font-size:9px;transition:opacity .4s,transform .5s}.music-track i{height:13px;flex:1;background:repeating-linear-gradient(90deg,#a2b4a5 0 2px,transparent 2px 6px);clip-path:polygon(0 40%,4% 25%,10% 45%,15% 0,20% 30%,27% 10%,34% 35%,42% 0,49% 30%,56% 15%,64% 40%,72% 0,79% 25%,85% 5%,92% 40%,100% 30%,100% 70%,92% 60%,85% 95%,79% 75%,72% 100%,64% 60%,56% 85%,49% 70%,42% 100%,34% 65%,27% 90%,20% 70%,15% 100%,10% 55%,4% 75%,0 60%)}
.caption-track{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:4px;margin-top:5px;transition:opacity .4s,transform .5s}.caption-track span{font-size:8px;color:#ddd;background:#383838;padding:5px;text-align:center}
.edit-playhead{position:absolute;top:19px;bottom:0;left:clamp(0px,var(--edit-progress,100%),calc(100% - 2px));width:2px;background:#eee;box-shadow:0 0 4px #000}
.production-visual[data-phase="0"] .film-clip,.production-visual[data-phase="1"] .film-clip{opacity:.1;transform:translate(0,-18px)}
.production-visual[data-phase="0"] .music-track,.production-visual[data-phase="1"] .music-track,.production-visual[data-phase="2"] .music-track,.production-visual[data-phase="0"] .caption-track,.production-visual[data-phase="1"] .caption-track,.production-visual[data-phase="2"] .caption-track{opacity:.1;transform:translateX(-20px)}
.production-visual[data-phase="6"] .clip-replace,.production-visual[data-phase="7"] .clip-replace{border-color:#b8d6bc;background:#344036}
.review-note{margin-top:14px;padding:11px 13px;border-left:2px solid #a4b8a7;background:#262626;transition:opacity .4s,transform .4s}.review-person{display:flex;justify-content:space-between;font-size:10px;color:#bbb}.review-person b{font-weight:400;color:#ddd}.review-note p{font-size:13px;color:#fff;margin-top:5px}.review-response{font-size:10px;color:#c0d3c3;display:block;margin-top:6px}
.workspace-access{border-top:1px solid #555;margin-top:15px;padding-top:13px;transition:opacity .45s,transform .45s}.workspace-access>div{display:flex;flex-wrap:wrap;gap:5px 15px;align-items:baseline}.workspace-access strong{font-size:13px;font-weight:500;color:#eee}.workspace-access>div>span{font-size:10px;color:#aaa}.workspace-access ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0}.workspace-access li{font-size:9px;color:#ddd;padding:5px 7px;border:1px solid #555}
.production-visual:is([data-phase="0"],[data-phase="1"],[data-phase="2"],[data-phase="3"],[data-phase="4"]) .review-note{opacity:0;transform:translateY(6px)}
.production-visual:not([data-phase="8"]) .workspace-access{opacity:.18;transform:translateY(6px)}
.journey-story .demo-honesty{font-size:12px!important;color:#999!important;border-top:1px solid #444;padding-top:18px;margin-top:24px}
@media(min-width:721px){#panel-create{align-items:center}}
@media(max-width:720px){.production-visual .demo-topline{font-size:10px}.production-visual .demo-example{font-size:7px}.edit-brief{font-size:11px;padding:10px}.production-visual .source-strip img{aspect-ratio:2}.production-visual .preview-stage{aspect-ratio:1.85}.production-visual .preview-title{font-size:22px}.film-clip{font-size:8px;gap:4px}.film-clip img{width:23px;height:30px}.caption-track span{font-size:7px;padding:5px 2px}.workspace-access li{font-size:8px;padding:5px}.review-note p{font-size:12px}.production-visual .preview-stamp{font-size:8px}}
@media(prefers-reduced-motion:reduce){.production-visual *{transition:none!important}}
