.reel-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0;padding:24px;border-radius:19px;background:linear-gradient(135deg,#123f60,#087da4 70%,#55c8df);color:#fff;box-shadow:0 14px 32px rgba(18,63,96,.17)}.reel-hero small{color:#8ce9f5;font-weight:900;letter-spacing:1px}.reel-hero h3{margin:5px 0;color:#fff;font-size:27px}.reel-hero p{margin:0;color:#e0f5fa}.reel-hero>div:last-child{min-width:150px;padding:13px;border:1px solid rgba(255,255,255,.28);border-radius:14px;text-align:center;background:rgba(255,255,255,.1)}.reel-hero b,.reel-hero span{display:block}.reel-hero b{font-size:28px}.reel-history-head{display:flex;justify-content:space-between;align-items:end;gap:15px}.reel-history-head label{min-width:310px}.reel-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.reel-card{display:grid;grid-template-columns:105px 1fr;gap:14px;padding:13px;border:1px solid #d2e2e9;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(18,63,96,.07)}.reel-card-thumb{aspect-ratio:9/16;padding:10px;border-radius:12px;background:linear-gradient(160deg,#123f60,#087da4);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.reel-card-thumb span{font-weight:950;color:#61d9ed}.reel-card-thumb strong{font-size:12px;line-height:1.15}.reel-card-thumb small{text-align:right}.reel-card h3{margin:8px 0 4px;color:#123f60}.reel-card p,.reel-card>div>small{display:block;margin:0 0 7px;color:#657b87;font-size:12px}.reel-card button{width:100%;margin-top:7px}.reel-pill{display:inline-block;padding:4px 8px;border-radius:99px;background:#edf3f6;color:#526975;font-size:10px;font-weight:900;text-transform:uppercase}.reel-pill.aprovado{background:#e1f4eb;color:#147247}.reel-pill.publicado{background:#dff5fa;color:#087491}.reel-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.reel-editor{max-height:68vh;overflow:auto;padding-right:6px}.reel-scenes-edit{display:grid;gap:10px}.reel-scene-editor{padding:13px;border:1px solid #d4e3e9;border-radius:13px;background:#fbfdfe}.reel-scene-editor header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.reel-scene-editor header label{display:flex;align-items:center;gap:5px}.reel-scene-editor header input{width:64px}.reel-phone{width:300px;margin:auto;padding:10px;border-radius:31px;background:#152b3a;box-shadow:0 18px 40px rgba(13,43,61,.25)}.reel-phone-screen{aspect-ratio:9/16;display:flex;flex-direction:column;overflow:hidden;border-radius:23px;background:#eaf6fa}.reel-brand{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fff;color:#123f60}.reel-brand span{font-size:22px;font-weight:950;color:#20a9c7}.reel-brand small{font-size:7px;font-weight:900}.reel-storyboard{display:grid;grid-auto-rows:1fr;flex:1}.reel-storyboard article{display:flex;flex-direction:column;justify-content:center;padding:9px 14px;background:var(--reel-bg);color:#fff;border-bottom:1px solid rgba(255,255,255,.16)}.reel-storyboard article small{font-size:7px;color:#a9ebf5}.reel-storyboard article strong{margin:3px 0;font-size:13px;line-height:1.08}.reel-storyboard article p{margin:0;color:#e5f5f8;font-size:7px;line-height:1.2}.reel-phone footer{display:flex;justify-content:space-between;padding:11px 14px;background:#fff;color:#123f60;font-size:9px}.reel-brief .generator-progress{display:flex}.reel-brief .generator-progress[hidden]{display:none}@media(max-width:1150px){.reel-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.reel-card-grid{grid-template-columns:1fr}.reel-workspace{grid-template-columns:1fr}.reel-phone{width:min(280px,100%)}.reel-history-head,.reel-hero{align-items:stretch;flex-direction:column}.reel-history-head label{min-width:0}.reel-card{grid-template-columns:85px 1fr}}
.reel-brand img{display:block;max-width:70px;max-height:27px;object-fit:contain}.reel-selected-media{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px;padding:9px;border-radius:10px;background:#edf7fa}.reel-selected-media img{width:58px;height:74px;border-radius:8px;object-fit:cover}.reel-selected-media span{flex:1;min-width:120px;color:#516c79;font-size:12px}.pexels-config-row,.studio-logo-preview{display:flex;align-items:center;gap:12px}.studio-logo-preview img{max-width:150px;max-height:65px;object-fit:contain;padding:8px;border:1px solid #d5e4ea;border-radius:10px}.reel-media-search{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.reel-media-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;max-height:55vh;overflow:auto}.reel-media-option{display:flex;flex-direction:column;padding:0 0 9px;overflow:hidden;border:1px solid #d2e2e9;border-radius:12px;background:#fff;color:#173e57;text-align:left}.reel-media-option img{width:100%;aspect-ratio:9/14;object-fit:cover}.reel-media-option strong,.reel-media-option span{padding:7px 9px 0}.reel-media-option span{font-size:11px;color:#617985}@media(max-width:650px){.reel-media-results{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-media-search{grid-template-columns:1fr}}
.reel-auto-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px;padding:13px 15px;border:1px solid #a9dce8;border-radius:13px;background:#eefafd}.reel-auto-note strong,.reel-auto-note span{display:block}.reel-auto-note span{margin-top:3px;color:#58727f;font-size:12px}@media(max-width:650px){.reel-auto-note{align-items:stretch;flex-direction:column}}
.reel-build-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.reel-final-player{display:grid;gap:14px;justify-items:center}.reel-final-player audio{width:min(420px,100%)}.reel-live-frame{position:relative;width:min(340px,80vw);aspect-ratio:9/16;overflow:hidden;border:10px solid #152b3a;border-radius:28px;background:#123f60;box-shadow:0 16px 38px rgba(13,43,61,.25)}.reel-live-frame video{width:100%;height:100%;object-fit:cover}.reel-live-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,29,43,.28),rgba(4,29,43,.08) 35%,rgba(4,29,43,.68))}.reel-live-brand{position:absolute;top:20px;left:20px;color:#58d8eb;font-size:25px;font-weight:950}.reel-live-brand small{margin-left:8px;color:#fff;font-size:7px}.reel-live-frame>strong{position:absolute;left:22px;right:22px;bottom:105px;color:#fff;font-size:28px;line-height:1.08;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5)}.reel-live-frame>span{position:absolute;right:15px;bottom:15px;padding:5px 8px;border-radius:20px;background:rgba(0,0,0,.45);color:#fff;font-size:10px}.reel-player-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}@media(max-width:650px){.reel-build-buttons{align-items:stretch;flex-direction:column}.reel-build-buttons button{width:100%}}
.reel-live-brand:has(img){display:flex;align-items:center;gap:8px}.reel-live-brand img{max-width:82px;max-height:38px;object-fit:contain}.reel-live-brand:has(img) small{margin-left:0}
.reel-caption-options{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:8px;margin-top:10px;padding:10px;border:1px solid #cbe0e8;border-radius:10px;background:#f1f9fb}.reel-caption-options>label:first-child{display:flex;align-items:center;gap:7px;padding-bottom:11px}.reel-caption-options input[type=checkbox]{width:auto}.reel-live-frame>strong[data-position="superior"]{top:105px;bottom:auto}.reel-live-frame>strong[data-position="centro"]{top:45%;bottom:auto;transform:translateY(-50%)}.reel-live-frame>strong[data-position="inferior"]{bottom:105px}.reel-live-frame>strong[data-style="legenda"]{left:18px;right:18px;padding:10px 12px;border-radius:10px;background:rgba(7,38,57,.72);font-size:20px;line-height:1.25}.reel-live-frame>strong[data-style="destaque"]{font-size:28px}.reel-end-card{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;background:#fff;color:#123f60}.reel-end-card[hidden]{display:none}.reel-end-card img{max-width:68%;max-height:145px;object-fit:contain}.reel-end-card b{color:#1fa8c6;font-size:70px}.reel-end-card strong{font-size:32px}.reel-end-settings{margin-top:12px;padding:14px;border:1px solid #a9dce8;border-radius:12px;background:#f1fbfd}.reel-end-settings h3{margin:0 0 10px;color:#123f60}@media(max-width:760px){.reel-caption-options{grid-template-columns:1fr 1fr}.reel-caption-options>label:first-child{padding-bottom:0}}
.reel-live-photo{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:reel-photo-zoom-in 5s ease-in-out forwards;will-change:transform}.reel-live-photo.motion-1{animation-name:reel-photo-zoom-out}.reel-live-photo.motion-2{animation-name:reel-photo-left}.reel-live-photo.motion-3{animation-name:reel-photo-up}.reel-live-photo.motion-4{animation-name:reel-photo-down}.reel-live-photo.motion-5{animation-name:reel-photo-right}@keyframes reel-photo-zoom-in{from{transform:scale(1.03)}to{transform:scale(1.17)}}@keyframes reel-photo-zoom-out{from{transform:scale(1.17)}to{transform:scale(1.04)}}@keyframes reel-photo-left{from{transform:scale(1.14) translateX(3%)}to{transform:scale(1.14) translateX(-3%)}}@keyframes reel-photo-right{from{transform:scale(1.14) translateX(-3%)}to{transform:scale(1.14) translateX(3%)}}@keyframes reel-photo-up{from{transform:scale(1.14) translateY(3%)}to{transform:scale(1.14) translateY(-3%)}}@keyframes reel-photo-down{from{transform:scale(1.14) translateY(-3%)}to{transform:scale(1.14) translateY(3%)}}
.reel-music-volume{display:flex;align-items:center;gap:10px;margin:12px auto;max-width:430px;font-weight:700;color:#123f60}.reel-music-volume input{flex:1}
