/* OFB 7.7.2 Media Studio PRO */
.ofb772-media{display:grid;gap:18px}.ofb772-media-head{display:flex;justify-content:space-between;gap:18px;align-items:end}.ofb772-media-head h2{margin:3px 0}.ofb772-media-head p{margin:5px 0;color:#637784}.ofb772-media-head label{min-width:280px;font-size:12px;font-weight:900}.ofb772-media-head select,.ofb772-card input,.ofb772-card select,.ofb772-card textarea{width:100%;border:1px solid #cedbe2;border-radius:10px;padding:10px;background:#fff}.ofb772-card textarea{min-height:180px;resize:vertical}.ofb772-subtabs{display:flex;gap:8px;border-bottom:1px solid #dae5ea;padding-bottom:9px}.ofb772-subtabs button{border:1px solid #d6e1e7;background:#fff;border-radius:999px;padding:9px 14px;font-weight:900;cursor:pointer}.ofb772-subtabs button.active{background:#173d58;color:#fff;border-color:#173d58}.ofb772-panel{display:none}.ofb772-panel.active{display:block}.ofb772-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:16px}.ofb772-card{border:1px solid #dce6eb;border-radius:18px;padding:18px;background:#fff;box-shadow:0 12px 34px rgba(20,48,65,.05)}.ofb772-card h3{margin:0 0 7px}.ofb772-card p{color:#657986}.ofb772-card label{display:flex;flex-direction:column;gap:6px;margin:11px 0;font-size:12px;font-weight:850}.ofb772-card label>span{font-weight:700;color:#627987}.ofb772-card label input[type=checkbox]{width:auto}.ofb772-two,.ofb772-three{display:grid;gap:9px}.ofb772-two{grid-template-columns:1fr 1fr}.ofb772-three{grid-template-columns:repeat(3,1fr)}.ofb772-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ofb772-actions button{border:1px solid #cedae1;background:#fff;border-radius:10px;padding:10px 12px;font-weight:900;cursor:pointer}.ofb772-actions .ofb-primary{background:#f26a13;border-color:#f26a13;color:#fff}.ofb772-wave{height:92px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(145deg,#0a2235,#173d58);border-radius:14px;margin:14px 0}.ofb772-wave i{width:6px;border-radius:9px;background:#ff7a28;height:25%;animation:ofb772wave 1.25s ease-in-out infinite alternate}.ofb772-wave i:nth-child(2n){height:55%;animation-delay:.15s}.ofb772-wave i:nth-child(3n){height:80%;animation-delay:.3s}@keyframes ofb772wave{to{height:72%}}.ofb772-audio-card audio{width:100%}.ofb772-voice-statebox{border-radius:12px;padding:11px;margin-top:12px}.ofb772-voice-statebox.ok{background:#eaf7ef;color:#176a42}.ofb772-voice-statebox.todo{background:#fff5e7;color:#87520d}.ofb772-voice-statebox b,.ofb772-voice-statebox small{display:block}.ofb772-image-layout,.ofb772-video-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.ofb772-image-tools{max-height:820px;overflow:auto}.ofb772-thumbstrip{display:flex;gap:7px;overflow:auto;padding:5px 0}.ofb772-thumbstrip button{width:66px;height:52px;flex:0 0 auto;border:2px solid transparent;border-radius:9px;overflow:hidden;padding:0;background:#eef3f5}.ofb772-thumbstrip button.active{border-color:#f26a13}.ofb772-thumbstrip img{width:100%;height:100%;object-fit:cover}.ofb772-image-preview,.ofb772-video-preview{position:sticky;top:18px;background:#061b2c;border-radius:20px;padding:16px;min-width:0}.ofb772-image-preview canvas,.ofb772-video-preview canvas{display:block;width:100%;max-height:760px;object-fit:contain;background:#071d31;border-radius:14px}.ofb772-scene-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.ofb772-scene-list span{display:flex;align-items:center;gap:8px;border:1px solid #dce6ea;padding:9px;border-radius:10px;font-weight:800;font-size:12px}.ofb772-scene-list b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#173d58;color:#fff}.ofb772-timeline{display:grid;grid-template-columns:1fr 1.4fr 2.2fr 1.1fr;height:32px;margin-top:12px;overflow:hidden;border-radius:8px;font-size:9px;font-weight:900;color:#fff;text-align:center;line-height:32px}.ofb772-timeline .brand{background:#173d58}.ofb772-timeline .offer{background:#245879}.ofb772-timeline .media{background:#526f84}.ofb772-timeline .cta{background:#f26a13}.ofb772-media button:disabled{opacity:.45;cursor:not-allowed}.ofb772-media small[data-voice-state],.ofb772-media small[data-image-state],.ofb772-media small[data-video-state]{display:block;padding:9px;border-radius:9px;background:#f4f7f9;color:#5b7280}
@media(max-width:950px){.ofb772-grid,.ofb772-image-layout,.ofb772-video-layout{grid-template-columns:1fr}.ofb772-image-preview,.ofb772-video-preview{position:relative;top:auto;order:-1}.ofb772-image-tools{max-height:none}.ofb772-media-head{align-items:flex-start;flex-direction:column}.ofb772-media-head label{min-width:0;width:100%}}
@media(max-width:600px){.ofb772-two,.ofb772-three{grid-template-columns:1fr}.ofb772-subtabs{overflow:auto}.ofb772-subtabs button{white-space:nowrap}.ofb772-actions{display:grid;grid-template-columns:1fr}.ofb772-scene-list{grid-template-columns:1fr 1fr}}

/* OFB 7.8.1 Media Studio expansion */
.ofb772-image-preview,.ofb772-video-preview{overflow:hidden}
.ofb772-image-preview canvas,.ofb772-video-preview canvas{margin:auto;box-shadow:0 14px 42px rgba(0,0,0,.18)}
.ofb772-video-preview{position:sticky;isolation:isolate}
.ofb772-safe{position:absolute;inset:8% 8% 14%;border:2px dashed rgba(255,255,255,.74);border-radius:18px;pointer-events:none;z-index:4;box-shadow:0 0 0 9999px rgba(0,0,0,.05)}
.ofb772-safe[hidden]{display:none}
.ofb772-timeline{grid-template-columns:1fr 1.15fr 1.5fr 1fr 1fr;height:36px;line-height:36px}
.ofb772-timeline .proof{background:#6d8090}
.ofb772-card input[type=checkbox]{accent-color:#f26a13}
.ofb772-card input[type=range]{padding:0;border:0}
.ofb772-actions button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.ofb772-actions button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(19,54,77,.11);border-color:#9fb4c1}
.ofb772-actions button:focus-visible,.ofb772-subtabs button:focus-visible{outline:3px solid rgba(242,106,19,.28);outline-offset:2px}
.ofb772-scene-list{grid-template-columns:repeat(5,minmax(0,1fr))}
.ofb772-scene-list span{justify-content:center;text-align:center;min-width:0}
.ofb772-image-tools{scrollbar-width:thin}
@media(max-width:1200px){.ofb772-image-layout,.ofb772-video-layout{grid-template-columns:320px minmax(0,1fr)}.ofb772-scene-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){.ofb772-image-layout,.ofb772-video-layout{grid-template-columns:1fr}.ofb772-scene-list{grid-template-columns:repeat(5,minmax(0,1fr))}.ofb772-safe{inset:7% 7% 13%}}
@media(max-width:680px){.ofb772-scene-list{grid-template-columns:1fr 1fr}.ofb772-timeline{font-size:8px}.ofb772-safe{inset:6% 6% 12%}.ofb772-card{padding:14px}.ofb772-media-head h2{font-size:24px;line-height:1.15}}


/* OFB 7.8.3 ElevenLabs Production Voice */
.ofb783-voice-card{min-width:0}
.ofb783-text-stats{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 8px}
.ofb783-text-stats span{display:inline-flex;align-items:center;border:1px solid #dce6eb;background:#f6f9fa;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850;color:#57707f}
.ofb783-direct-voice{margin:12px 0;padding:13px;border:1px solid #dce6eb;background:linear-gradient(180deg,#fbfdfe,#f6f9fb);border-radius:14px}
.ofb783-compact-actions{align-items:center;margin:7px 0 0}
.ofb783-compact-actions small{flex:1;min-width:220px;color:#6c808c}
.ofb783-advanced{border:1px solid #dce6eb;border-radius:14px;padding:0 13px;margin:12px 0;background:#fbfcfd}
.ofb783-advanced summary{cursor:pointer;font-weight:900;padding:12px 0;color:#173d58}
.ofb783-advanced[open] summary{border-bottom:1px solid #e4ecef;margin-bottom:8px}
.ofb783-help{font-size:11px!important;margin:4px 0 12px!important}
.ofb783-check{justify-content:center;border:1px dashed #cddae0;border-radius:12px;padding:10px!important;min-height:58px}
.ofb783-takes{margin-top:16px;border-top:1px solid #dce6eb;padding-top:14px}
.ofb783-takes h4{margin:0 0 10px}
.ofb783-take{display:grid;gap:8px;padding:10px;margin:8px 0;border:1px solid #dce6eb;border-radius:12px;background:#f8fafb}
.ofb783-take b{font-size:12px;color:#173d58}
.ofb783-take audio{width:100%}
.ofb783-take button{border:1px solid #c9d8df;background:#fff;border-radius:9px;padding:8px 10px;font-weight:850;cursor:pointer}
.ofb783-take button:hover{border-color:#f26a13}
@media(max-width:700px){
  .ofb783-text-stats{gap:5px}
  .ofb783-direct-voice{padding:10px}
  .ofb783-compact-actions small{min-width:0;width:100%}
}

/* OFB 7.8.4 Brand Kit + own voice + MP4 renderer */
.ofb784-recorder{margin-top:18px;padding:16px;border:1px solid #dce6eb;border-radius:16px;background:linear-gradient(180deg,#fbfdfe,#f6f9fb)}
.ofb784-recorder h4{margin:4px 0 6px;color:#173d58}.ofb784-recorder p{font-size:12px;margin:4px 0 10px}.ofb784-recorder audio{width:100%;margin:6px 0}.ofb784-recorder small{display:block;padding:8px 10px;border-radius:9px;background:#eef4f7;color:#587080}
.ofb784-audio-export{margin-top:8px}.ofb784-brand-summary{margin-top:12px;padding:11px 12px;border:1px solid #d8e4e9;border-radius:11px;background:#f7fafb;display:grid;gap:4px}.ofb784-brand-summary b{color:#173d58}.ofb784-brand-summary span{font-size:11px;color:#647b88;line-height:1.45}
.ofb772-card textarea[data-image-body]{min-height:90px}.ofb772-card [data-video-output],.ofb772-card [data-video-voice-source]{font-weight:800}
@media(max-width:600px){.ofb784-recorder{padding:12px}.ofb784-audio-export{grid-template-columns:1fr 1fr!important}}

/* OFB 7.8.7 Studio privacy + advanced creative controls */
.ofb772-card [data-image-font],.ofb772-card [data-video-font],.ofb772-card [data-video-text-animation],.ofb772-card [data-video-rhythm],.ofb772-card [data-video-clip-preset]{font-weight:750}.ofb772-card [data-video-auto-storyboard]{width:100%;border:1px solid #cbd9e0;background:#f7fafb;color:#173d58;border-radius:10px;padding:10px 12px;font-weight:900;cursor:pointer;margin:2px 0 8px}.ofb772-card [data-video-auto-storyboard]:hover{border-color:#f26a13;background:#fff8f3}.ofb772-card [data-image-pdf]{border-color:#f1b58d}.ofb772-voice-statebox b{font-size:12px}.ofb772-voice-statebox small{margin-top:4px;line-height:1.45}.ofb783-direct-voice label:first-of-type{margin-top:8px}.ofb783-direct-voice [data-studio-voice-filter]{font-weight:700}