:root{
  color-scheme:light;
  --ms-bg:#eef2f7;
  --ms-panel:#ffffff;
  --ms-ink:#101828;
  --ms-muted:#667085;
  --ms-line:#d9e0ea;
  --ms-brand:#1f5eff;
  --ms-dark:#08111f;
}
html,body.btb-shotstack-app{margin:0;min-height:100%;max-width:100%;overflow-x:hidden;background:var(--ms-bg);color:var(--ms-ink);font-family:DM Sans,Inter,Arial,sans-serif}
*{box-sizing:border-box}
button,select,input{font:inherit}
button{cursor:pointer}
.btb-ms-shell{min-height:100dvh;max-width:100%;overflow-x:clip}
.btb-ms-topbar{
  position:sticky;top:0;z-index:1000;
  display:flex;align-items:center;gap:8px;
  padding:8px max(10px,env(safe-area-inset-left));
  background:rgba(255,255,255,.96);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--ms-line);
}
.btb-ms-back,.btb-ms-topbar button,.btb-ms-topbar select{
  min-height:42px;border:1px solid #cdd5df;border-radius:10px;background:#fff;color:var(--ms-ink);font-weight:800;
}
.btb-ms-back{width:42px;display:grid;place-items:center;text-decoration:none}
.btb-ms-logo{width:158px;height:auto;border-radius:8px}
#btb-ms-business{flex:1;max-width:280px;padding:0 10px}
#btb-ms-audience{flex:1;max-width:250px;padding:0 10px}
.btb-ms-provider.is-audience{background:#f8fafc}
.btb-ms-topbar button{padding:0 12px}
.btb-ms-main{max-width:1320px;min-width:0;margin:0 auto;padding:24px 16px 80px;overflow-x:clip}
.btb-ms-hero{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;
  padding:20px 0 24px;
}
.btb-ms-kicker{margin:0 0 5px;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:900;color:#667085}
.btb-ms-hero h1{max-width:880px;margin:0;font-size:clamp(2.1rem,5.5vw,4.6rem);line-height:.96;letter-spacing:-.055em}
.btb-ms-hero p:not(.btb-ms-kicker){max-width:760px;margin:14px 0 0;color:var(--ms-muted);font-size:1.05rem;line-height:1.55}
.btb-ms-engine-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.btb-ms-provider{
  padding:10px 12px;border:1px solid var(--ms-line);border-radius:999px;background:#fff;color:#475467;font-size:.78rem;font-weight:800;white-space:nowrap
}
.btb-ms-provider.is-site{background:#f8fafc}
.btb-ms-provider.is-ready{border-color:#b7e4c7;background:#f0fff5;color:#166534}
.btb-ms-provider.is-warn{border-color:#f5d0a9;background:#fff9ed;color:#9a4d00}
.btb-ms-setup,.btb-ms-editor{
  background:var(--ms-panel);border:1px solid var(--ms-line);border-radius:22px;box-shadow:0 14px 40px rgba(15,23,42,.06)
}
.btb-ms-setup{padding:18px}
.btb-ms-setup-head,.btb-ms-editor-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px
}
.btb-ms-setup h2{margin:0;font-size:1.45rem}
.btb-ms-output-options{display:flex;gap:10px;align-items:end}
.btb-ms-output-options label{display:grid;gap:5px;font-size:.74rem;font-weight:850;color:#667085}
.btb-ms-output-options select{min-height:42px;padding:0 10px;border:1px solid #cdd5df;border-radius:10px;background:#fff}
.btb-ms-project-name-field{display:grid;gap:5px;margin:0 0 12px;color:#475467;font-size:.74rem;font-weight:850}
.btb-ms-project-name-field input{width:100%;min-height:46px;border:1px solid #cdd5df;border-radius:11px;background:#fff;color:#101828;padding:0 12px;font-size:.9rem;font-weight:750}
.btb-ms-project-name-field small{font-size:.66rem;font-weight:650;color:#667085}
.btb-ms-longform-start{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:12px 14px;border:1px solid #c7d7fe;border-radius:12px;background:#f7f9ff}
.btb-ms-longform-start strong{display:block;font-size:.86rem;color:#101828}
.btb-ms-longform-start span{display:block;margin-top:3px;max-width:720px;font-size:.72rem;line-height:1.4;color:#475467}
.btb-ms-longform-start button{flex:0 0 auto;min-height:40px;border:0;border-radius:10px;padding:0 14px;background:#2457ff;color:#fff;font-weight:850;cursor:pointer}
.btb-ms-template-tools{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,220px) auto;gap:8px;align-items:center;margin:0 0 12px}
.btb-ms-template-tools input,.btb-ms-template-tools select{width:100%;min-height:42px;border:1px solid #cdd5df;border-radius:10px;background:#fff;color:#101828;padding:0 10px}
.btb-ms-template-count{font-size:.72rem;font-weight:850;color:#667085;white-space:nowrap}
.btb-ms-template-empty{grid-column:1/-1;margin:10px 0;color:#667085}
.btb-ms-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.btb-ms-template{
  position:relative;overflow:hidden;min-height:220px;padding:0;border:1px solid #d9e0ea;border-radius:16px;background:#101828;color:#fff;text-align:left
}
.btb-ms-template-preview{height:150px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;background:linear-gradient(145deg,var(--a),var(--b));position:relative;overflow:hidden}
.btb-ms-template-preview>*{position:relative;z-index:2}
.btb-ms-template-variant-0::after{content:"";position:absolute;left:12%;right:12%;top:18%;height:5px;border-radius:99px;background:rgba(255,255,255,.7)}
.btb-ms-template-variant-1{justify-content:flex-start!important;text-align:left}
.btb-ms-template-variant-1::after{content:"";position:absolute;left:9%;top:0;bottom:0;width:9px;background:rgba(255,255,255,.55)}
.btb-ms-template-variant-2{justify-content:center!important;text-align:center}
.btb-ms-template-variant-2::after{content:"";position:absolute;right:-20px;bottom:-20px;width:100px;height:100px;border:18px solid rgba(255,255,255,.35);border-radius:50%}
.btb-ms-template-variant-3::after{content:"";position:absolute;left:-12%;right:32%;bottom:18%;height:30%;transform:skewX(-22deg);background:rgba(255,255,255,.18)}
.btb-ms-template-variant-4{justify-content:flex-end!important;text-align:center}
.btb-ms-template-variant-4::after{content:"";position:absolute;left:12%;right:12%;bottom:15%;height:9px;border-radius:99px;background:rgba(255,255,255,.72)}
.btb-ms-template-variant-5{align-items:flex-start!important;text-align:left}
.btb-ms-template-variant-5::after{content:"";position:absolute;right:8%;top:12%;width:72px;height:72px;border:8px solid rgba(255,255,255,.42);transform:rotate(12deg)}
.btb-ms-template-variant-6::after{content:"";position:absolute;left:50%;top:11%;width:110px;height:6px;transform:translateX(-50%);box-shadow:0 76px 0 rgba(255,255,255,.42),0 152px 0 rgba(255,255,255,.24);background:rgba(255,255,255,.72);border-radius:99px}
.btb-ms-template-variant-7{align-items:flex-end!important;text-align:right}
.btb-ms-template-variant-7::after{content:"";position:absolute;right:9%;top:0;bottom:0;width:12px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.12))}
.btb-ms-template-preview strong{font-size:1.3rem;line-height:1}
.btb-ms-template-preview span{font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;opacity:.86}
.btb-ms-template-preview em{font-size:.68rem;font-style:normal;opacity:.74}
.btb-ms-template-layout-editorial{align-items:flex-start;text-align:left}
.btb-ms-template-layout-lower{justify-content:flex-end}
.btb-ms-template-layout-bold strong{font-size:1.48rem}
.btb-ms-template-layout-minimal{background:linear-gradient(145deg,var(--a),#fff)!important}
.btb-ms-template-layout-minimal strong{font-family:serif;font-weight:600}
.btb-ms-template-layout-cinema{box-shadow:inset 0 -70px 80px rgba(0,0,0,.38)}
.btb-ms-template-meta{padding:12px;background:#fff;color:#101828}
.btb-ms-template-meta strong{display:block;margin-bottom:3px}
.btb-ms-template-meta span{font-size:.78rem;color:#667085;line-height:1.35}
.btb-ms-template:active{transform:scale(.99)}
.btb-ms-template:hover{border-color:#91a7ff}
.btb-ms-editor{margin-top:16px;min-width:0;overflow:hidden}
.btb-ms-editor-head{
  position:sticky;top:59px;z-index:50;margin:0;padding:12px 14px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--ms-line)
}
#btb-ms-title{width:min(420px,70vw);max-width:100%;border:0;background:transparent;color:#101828;font-size:1.15rem;font-weight:900;padding:2px 0;outline:none}
.btb-ms-project-heading{min-width:0}
.btb-ms-project-label{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.btb-ms-project-label .btb-ms-kicker{margin:0}
.btb-ms-save-state{font-size:.68rem;font-weight:850;color:#667085}
.btb-ms-save-state.is-saving{color:#175cd3}
.btb-ms-save-state.is-saved{color:#067647}
.btb-ms-save-state.is-dirty{color:#b54708}
.btb-ms-actions{display:grid;grid-template-columns:repeat(4,minmax(0,auto));gap:8px;align-items:end;justify-content:end}
.btb-ms-action-group{display:grid;gap:4px}
.btb-ms-action-group>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#98a2b3}
.btb-ms-action-group>div{display:flex;gap:5px}
.btb-ms-actions button{min-height:40px;border:1px solid #cdd5df;border-radius:10px;background:#fff;color:#1d2939;padding:0 10px;font-weight:850}
.btb-ms-actions button.is-primary{background:var(--ms-brand);border-color:var(--ms-brand);color:#fff}
.btb-ms-actions button:disabled{opacity:.45;cursor:not-allowed}
.btb-ms-clip-editor{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(190px,.7fr) minmax(150px,.45fr) minmax(280px,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--ms-line);background:#f8fafc}
.btb-ms-clip-editor[hidden]{display:none}
.btb-ms-clip-editor strong{display:block;font-size:.85rem}
.btb-ms-clip-editor span{display:block;margin-top:2px;color:#667085;font-size:.72rem;line-height:1.35}
.btb-ms-clip-editor textarea,.btb-ms-ai-panel textarea{width:100%;min-width:0;resize:vertical;border:1px solid #cdd5df;border-radius:10px;padding:9px 10px;background:#fff;color:#101828}
.btb-ms-timing-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.btb-ms-timing-controls label,.btb-ms-timing-controls input{width:100%;min-width:0;min-height:38px;border:1px solid #cdd5df;border-radius:9px;background:#fff;padding:0 8px;color:#101828}
.btb-ms-style-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.btb-ms-style-controls label{display:grid;gap:4px;color:#667085;font-size:.68rem;font-weight:850}
.btb-ms-style-controls select{min-width:0;min-height:38px;border:1px solid #cdd5df;border-radius:9px;background:#fff;padding:0 7px;color:#101828}
.btb-ms-inspector-copy{min-width:0}
.btb-ms-ai-panel{display:grid;grid-template-columns:minmax(190px,.45fr) minmax(320px,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #c7d7fe;background:#eef4ff}
.btb-ms-ai-panel[hidden]{display:none}
.btb-ms-director-panel{background:#f7f9ff;border-color:#c7d7fe}
.btb-ms-director-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.btb-ms-director-grid label{display:grid;gap:4px;font-size:.74rem;font-weight:700;color:#344054}
.btb-ms-director-grid select,.btb-ms-director-panel textarea{width:100%;border:1px solid #cdd5df;border-radius:10px;padding:9px 10px;background:#fff;color:#101828}
@media(max-width:640px){.btb-ms-director-grid{grid-template-columns:1fr}}
.btb-ms-ai-panel strong{display:block;font-size:.86rem}
.btb-ms-ai-panel span{display:block;margin-top:2px;color:#475467;font-size:.72rem;line-height:1.35}
#btb-ms-ai-state{margin:5px 0 6px!important;color:#175cd3!important;font-weight:850}
.btb-ms-ai-work{display:grid;gap:8px;min-width:0}
.btb-ms-ai-presets{display:flex;gap:6px;flex-wrap:wrap}
.btb-ms-ai-presets button{min-height:32px;border:1px solid #b2ccff;border-radius:999px;background:#fff;color:#1849a9;padding:0 10px;font-size:.68rem;font-weight:850}
.btb-ms-ai-actions{display:flex;gap:7px;min-width:0}
.btb-ms-ai-actions button{min-width:0}
.btb-ms-ai-actions button{min-height:40px;border:1px solid #9db4ff;border-radius:10px;background:#fff;color:#1d2939;padding:0 10px;font-weight:850}
#btb-ms-ai-apply{background:#1f5eff;color:#fff;border-color:#1f5eff}

.btb-ms-promote-panel{background:#f5f7ff;border-color:#c7d7fe}
.btb-ms-promote-note{margin-top:6px!important;color:#475467!important}
.btb-ms-promote-work{display:grid;gap:9px;min-width:0}
.btb-ms-promote-work>textarea{width:100%;min-width:0;resize:vertical;border:1px solid #cdd5df;border-radius:10px;padding:9px 10px;background:#fff;color:#101828}
.btb-ms-promote-results{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:360px;overflow:auto}
.btb-ms-promote-results[hidden]{display:none}
.btb-ms-promote-results article{min-width:0;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:8px}
.btb-ms-promote-results article.is-wide{grid-column:1/-1}
.btb-ms-promote-results header{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:6px}
.btb-ms-promote-results header strong{font-size:.72rem}
.btb-ms-promote-results header button{min-height:28px;border:1px solid #b2ccff;border-radius:8px;background:#eef4ff;color:#1849a9;padding:0 8px;font-size:.65rem;font-weight:850}
.btb-ms-promote-results textarea{width:100%;min-height:78px;resize:vertical;border:0;background:#f8fafc;color:#344054;padding:7px;border-radius:7px;font-size:.7rem;line-height:1.35}
.btb-ms-sticker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0}
.btb-ms-sticker-grid button{min-width:0;min-height:74px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:#101828;display:grid;place-items:center;gap:2px;padding:8px 4px}
.btb-ms-sticker-grid button span{font-size:1.65rem;line-height:1}
.btb-ms-sticker-grid button small{font-size:.62rem;color:#667085;font-weight:750}
.btb-ms-style-controls label{min-width:0}
.btb-ms-style-controls select,.btb-ms-style-controls input[type="number"]{width:100%;max-width:100%}
.btb-ms-posting-tip{grid-column:1/-1;margin:0;padding:8px 10px;border-radius:9px;background:#eef4ff;color:#1849a9;font-size:.68rem;font-weight:750;line-height:1.4}

.btb-ms-tool-panel{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(220px,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #d9e0ea;background:#f8fafc}
.btb-ms-tool-panel[hidden]{display:none}
.btb-ms-tool-panel strong{display:block;font-size:.86rem}
.btb-ms-tool-panel span{display:block;margin-top:2px;color:#667085;font-size:.72rem;line-height:1.35}
.btb-ms-sound-filter{margin-bottom:7px}
.btb-ms-sound-filter select{width:100%;min-height:38px;border:1px solid #cdd5df;border-radius:9px;background:#fff;padding:0 9px}
.btb-ms-sound-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.btb-ms-sound-library button{display:grid!important;justify-items:start!important;gap:2px;min-width:0;text-align:left!important}
.btb-ms-sound-library button strong{font-size:.76rem}
.btb-ms-sound-library button span{font-size:.63rem;color:#667085;margin:0}
.btb-ms-tool-state{margin-top:6px!important;color:#175cd3!important;font-weight:850}
.btb-ms-tool-link{display:inline-block;margin-top:7px;color:#175cd3;font-size:.7rem;font-weight:850}
.btb-ms-sound-library button,.btb-ms-panel-actions button,.btb-ms-panel-actions a{min-height:38px;border:1px solid #cdd5df;border-radius:10px;background:#fff;color:#1d2939;padding:0 10px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.btb-ms-sound-library button.is-selected{border-color:#84adff;background:#eef4ff;color:#1849a9}
.btb-ms-sound-volume{display:grid;gap:4px;color:#667085;font-size:.7rem;font-weight:850}
.btb-ms-sound-volume input{width:130px}
.btb-ms-panel-actions{display:flex;gap:7px;flex-wrap:wrap}
.btb-ms-qr-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.btb-ms-qr-controls label{display:grid;gap:4px;color:#667085;font-size:.68rem;font-weight:850}
.btb-ms-qr-controls select,#btb-ms-qr-select{min-height:40px;width:100%;min-width:0;border:1px solid #cdd5df;border-radius:10px;background:#fff;padding:0 10px;color:#101828}
#btb-ms-volume-wrap input{width:100%;min-height:34px}

.btb-ms-clip-actions{display:flex;gap:7px}
.btb-ms-clip-actions button{min-height:40px;border:1px solid #cdd5df;border-radius:10px;background:#fff;color:#1d2939;padding:0 10px;font-weight:850}
#btb-ms-delete-clip{color:#b42318}
.btb-ms-studio-frame{width:100%;min-width:0;max-width:100%;overflow:hidden;background:#0b1220}
.btb-ms-canvas{width:100%;min-width:0;max-width:100%;height:520px;position:relative;overflow:hidden;background:#090f1a;contain:layout paint}
.btb-ms-timeline-wrap{min-width:0;max-width:100%;overflow:hidden;border-top:1px solid #243044;background:#101827;contain:layout paint}
.btb-ms-timeline-label{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#e5e7eb;font-size:.8rem}
.btb-ms-timeline-label span{color:#94a3b8}
.btb-ms-timeline{width:100%;min-width:0;max-width:100%;height:280px;overflow:hidden}
.btb-ms-mobile-clips{display:none}
.btb-ms-mobile-timeline-help{display:none}
.btb-ms-mobile-selection{display:none}
.btb-ms-mobile-selection>div:first-child{min-width:0}
.btb-ms-mobile-selection strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btb-ms-mobile-selection span{display:block;margin-top:2px;color:#667085;font-size:.68rem}
.btb-ms-mobile-selection>div:last-child{display:flex;gap:6px;flex:0 0 auto}
.btb-ms-mobile-selection button{min-height:36px;border:1px solid #cdd5df;border-radius:9px;background:#fff;color:#1d2939;padding:0 10px;font-size:.72rem;font-weight:850}
#btb-ms-mobile-delete{color:#b42318;border-color:#fecdca;background:#fff6f5}
#btb-ms-mobile-repair{color:#175cd3;border-color:#b2ccff;background:#eef4ff}
.btb-ms-mobile-clip{width:100%;min-width:0;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#101828;text-align:left;padding:9px 10px}
.btb-ms-mobile-clip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}
.btb-ms-mobile-clip span{display:block;margin-top:2px;color:#667085;font-size:.66rem}
.btb-ms-mobile-clip.is-selected{border-color:#2457ff;background:#eef4ff;box-shadow:0 0 0 2px rgba(36,87,255,.08)}

.btb-ms-campaign-work,.btb-ms-voiceover-work,.btb-ms-launch-work{display:grid;gap:10px;min-width:0}
.btb-ms-campaign-work>textarea,.btb-ms-voiceover-work textarea,.btb-ms-brand-guard input[type="text"]{width:100%;min-width:0;border:1px solid #cdd5df;border-radius:10px;padding:9px 10px;background:#fff;color:#101828}
.btb-ms-campaign-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:440px;overflow:auto}.btb-ms-campaign-results[hidden]{display:none}.btb-ms-campaign-results article{min-width:0;border:1px solid #d0d5dd;border-radius:12px;background:#fff;padding:9px}.btb-ms-campaign-results article.is-wide{grid-column:1/-1}
.btb-ms-campaign-results header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.btb-ms-campaign-results textarea{width:100%;min-height:74px;resize:vertical;border:0;border-radius:8px;background:#f8fafc;padding:8px;color:#344054;font:inherit;font-size:.72rem;line-height:1.4}
.btb-ms-campaign-plan{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btb-ms-campaign-plan section{padding:8px 10px;border-radius:9px;background:#f8fafc}.btb-ms-campaign-plan ol{margin:6px 0 0;padding-left:20px;color:#475467;font-size:.72rem;line-height:1.45}.btb-ms-campaign-plan>p{grid-column:1/-1;margin:0;color:#175cd3;font-size:.7rem;overflow-wrap:anywhere}
.btb-ms-storyboard-list{display:grid;gap:8px;max-height:440px;overflow:auto}.btb-ms-storyboard-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #d0d5dd;border-radius:12px;background:#fff}.btb-ms-scene-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef4ff;color:#1849a9;font-weight:900}.btb-ms-storyboard-row strong,.btb-ms-storyboard-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btb-ms-storyboard-row small{color:#667085;font-size:.68rem}
.btb-ms-voiceover-work{grid-template-columns:180px 220px minmax(260px,1fr);align-items:end}.btb-ms-voiceover-work label{display:grid;gap:5px;color:#475467;font-size:.72rem;font-weight:800}.btb-ms-voiceover-work select{min-height:40px;border:1px solid #cdd5df;border-radius:10px;background:#fff;padding:0 9px}.btb-ms-check{display:flex!important;justify-content:flex-start;align-items:center!important;gap:8px!important}.btb-ms-check input{width:18px;height:18px}
.btb-ms-library-grid,.btb-ms-render-history{display:grid;gap:8px}.btb-ms-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px;overflow:auto;margin-bottom:12px}.btb-ms-library-card,.btb-ms-render-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #d0d5dd;border-radius:12px;background:#fff}.btb-ms-library-card span,.btb-ms-render-history-row span{display:block;color:#667085;font-size:.68rem}.btb-ms-library-card button,.btb-ms-render-history-row a{min-height:34px;border:1px solid #b2ccff;border-radius:9px;background:#eef4ff;color:#1849a9;padding:0 9px;text-decoration:none;font-weight:850;display:inline-flex;align-items:center}
.btb-ms-launch-work{grid-template-columns:minmax(250px,.7fr) minmax(300px,1.3fr);align-items:start}.btb-ms-brand-guard{display:grid;gap:8px;padding:12px;border:1px solid #d0d5dd;border-radius:12px;background:#fff}.btb-ms-brand-guard>label:not(.btb-ms-check){display:grid;gap:5px;color:#475467;font-size:.72rem;font-weight:800}.btb-ms-launch-report{display:grid;gap:8px;max-height:420px;overflow:auto}.btb-ms-launch-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #d0d5dd;border-radius:12px;background:#f8fafc}.btb-ms-launch-summary.is-ready{border-color:#86d3ad;background:#ecfdf3}.btb-ms-launch-summary.has-blockers{border-color:#fda29b;background:#fff6f5}.btb-ms-launch-report p{margin:0;padding:8px 10px;border-radius:9px;font-size:.7rem}.btb-ms-launch-report p.is-blocker{background:#fff1f0;color:#b42318}.btb-ms-launch-report p.is-warning{background:#fffaeb;color:#b54708}.btb-ms-launch-report p.is-pass{background:#ecfdf3;color:#027a48}
@media(max-width:760px){.btb-ms-campaign-results,.btb-ms-campaign-plan,.btb-ms-library-grid,.btb-ms-launch-work,.btb-ms-voiceover-work{grid-template-columns:1fr}.btb-ms-campaign-results article.is-wide{grid-column:auto}}
.btb-ms-render-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:18px;min-width:0;overflow:hidden;padding:18px;border-top:1px solid var(--ms-line);background:#fff}
#btb-ms-render-status{overflow-wrap:anywhere}
#btb-ms-render-status{margin:3px 0 0;color:#667085;line-height:1.45}
#btb-ms-render-output video{width:100%;max-height:420px;border-radius:14px;background:#000}
#btb-ms-render-output a{display:inline-block;margin-top:8px;color:#1f5eff;font-weight:800}
.btb-ms-status{position:sticky;bottom:10px;z-index:70;width:max-content;max-width:calc(100vw - 24px);margin:12px auto 0;padding:9px 13px;border-radius:999px;background:#111827;color:#fff;font-size:.78rem;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.btb-ms-status:empty{display:none}
.btb-ms-status.is-error{background:#b42318}
.btb-ms-drawer{
  position:fixed;z-index:1200;right:12px;top:70px;bottom:12px;width:min(390px,calc(100vw - 24px));
  background:#fff;border:1px solid var(--ms-line);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.25);overflow:hidden
}
.btb-ms-drawer[hidden]{display:none}
.btb-ms-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--ms-line)}
.btb-ms-drawer-head h2{margin:0}
.btb-ms-drawer-head button{width:38px;height:38px;border:0;border-radius:10px;background:#f2f4f7;font-size:1.25rem}
.btb-ms-drawer-body{height:calc(100% - 68px);overflow:auto;padding:12px}
.btb-ms-project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch;margin-bottom:8px}
.btb-ms-project{
  width:100%;min-width:0;padding:13px;border:1px solid var(--ms-line);border-radius:12px;background:#fff;text-align:left;margin:0
}
.btb-ms-project strong{display:block}
.btb-ms-project span{display:block;margin-top:4px;color:#667085;font-size:.76rem}
.btb-ms-project em{display:block;margin-top:7px;color:#175cd3;font-size:.72rem;font-style:normal;font-weight:850}
.btb-ms-project.is-active{border-color:#8ea6ff;background:#f5f7ff}
.btb-ms-project-delete{min-width:64px;border:1px solid #fecdca;border-radius:12px;background:#fff6f5;color:#b42318;font-weight:850}

@media(max-width:900px){
  .btb-ms-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .btb-ms-hero{grid-template-columns:1fr;align-items:start}
  .btb-ms-engine-badges{justify-content:flex-start}
  .btb-ms-provider{width:max-content}
  .btb-ms-editor-head{top:55px}
}
@media(max-width:640px){
  .btb-ms-sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .btb-ms-sticker-grid button{min-height:68px}

  .btb-ms-topbar{
    display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;
    grid-template-areas:"back logo projects new" "business business business business" "audience audience audience audience";
    gap:6px;padding:6px 8px;overflow:hidden
  }
  .btb-ms-back{grid-area:back;width:36px;min-height:38px}
  #btb-ms-business{grid-area:business;width:100%;max-width:none}
  #btb-ms-audience{grid-area:audience;width:100%;max-width:none}
  .btb-ms-logo{grid-area:logo;width:104px;max-width:100%;align-self:center}
  #btb-ms-business{grid-area:business;width:100%;min-width:0;max-width:none;min-height:40px}
  #btb-ms-projects{grid-area:projects}
  #btb-ms-new{grid-area:new}
  .btb-ms-topbar button{min-height:38px;padding:0 8px;font-size:.78rem}
  .btb-ms-main{padding:10px 8px 56px}
  .btb-ms-hero{padding:8px 2px 14px;gap:10px}
  .btb-ms-hero h1{font-size:1.82rem;line-height:1.01}
  .btb-ms-hero p:not(.btb-ms-kicker){font-size:.9rem;line-height:1.42;margin-top:9px}
  .btb-ms-engine-badges{gap:6px}
  .btb-ms-provider{padding:7px 9px;font-size:.7rem}
  .btb-ms-setup{padding:10px;border-radius:16px}
  .btb-ms-setup-head{display:grid}
  .btb-ms-output-options{display:grid;grid-template-columns:1fr 1fr}
  .btb-ms-project-name-field{margin-bottom:9px}
  .btb-ms-project-name-field input{min-height:44px}
  .btb-ms-longform-start{display:grid;gap:9px;padding:11px;margin-bottom:10px}
  .btb-ms-longform-start button{width:100%}
  .btb-ms-template-tools{grid-template-columns:1fr 1fr;margin-bottom:9px}
  .btb-ms-template-count{grid-column:1/-1}
  .btb-ms-template-grid{grid-template-columns:1fr 1fr;gap:8px}
  .btb-ms-template{min-height:154px;border-radius:12px}
  .btb-ms-template-preview{height:92px;padding:10px}
  .btb-ms-template-preview strong{font-size:1rem}
  .btb-ms-template-preview span,.btb-ms-template-preview em{font-size:.58rem}
  .btb-ms-template-meta{padding:9px}
  .btb-ms-template-meta strong{font-size:.78rem}
  .btb-ms-template-meta span{font-size:.65rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .btb-ms-editor{border-radius:14px}
  .btb-ms-editor-head{display:grid;position:relative;top:auto;padding:10px;gap:10px}
  #btb-ms-title{width:100%}
  .btb-ms-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px;justify-content:stretch}
  .btb-ms-action-group{min-width:0;border:1px solid #eaecf0;border-radius:12px;padding:7px;background:#fcfcfd}
  .btb-ms-action-group>div{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}
  .btb-ms-action-group:nth-child(2)>div,.btb-ms-action-group:nth-child(3)>div{grid-template-columns:repeat(2,1fr)}
  .btb-ms-action-group.is-finish>div{grid-template-columns:1fr 1fr}
  .btb-ms-actions button{min-width:0;padding:0 5px;font-size:.69rem}
  .btb-ms-actions button.is-primary{grid-column:auto}
  .btb-ms-clip-editor{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:1100;max-height:min(62dvh,520px);overflow:auto;grid-template-columns:1fr;gap:8px;padding:12px;border:1px solid #d0d5dd;border-radius:16px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.28)}
  .btb-ms-ai-panel,.btb-ms-tool-panel{grid-template-columns:1fr;gap:8px;padding:10px}
  .btb-ms-promote-results{grid-template-columns:1fr;max-height:48dvh}
  .btb-ms-promote-results article.is-wide{grid-column:auto}
  .btb-ms-ai-presets{display:grid;grid-template-columns:1fr 1fr}
  .btb-ms-ai-presets button{min-height:36px;border-radius:10px}
  .btb-ms-sound-library{grid-template-columns:1fr 1fr}
  .btb-ms-sound-volume input{width:100%}
  .btb-ms-qr-controls{grid-template-columns:1fr 1fr}
  .btb-ms-panel-actions{display:grid;grid-template-columns:1fr 1fr}
  .btb-ms-inspector-copy span{font-size:.7rem}
  .btb-ms-timing-controls{grid-template-columns:1fr 1fr}
  .btb-ms-style-controls{grid-template-columns:1fr 1fr}
  .btb-ms-ai-actions{display:grid;grid-template-columns:1fr 1fr}
  .btb-ms-clip-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .btb-ms-canvas{height:auto;min-height:0;max-height:none;aspect-ratio:var(--btb-video-aspect,16 / 9);touch-action:pan-y}
  .btb-ms-timeline-wrap{max-width:100%;overflow:hidden;overscroll-behavior:contain}
  .btb-ms-studio-frame,.btb-ms-editor{width:100%;max-width:100%;min-width:0;overflow:hidden}
  .btb-ms-timeline-label{align-items:flex-start;flex-wrap:wrap}
  .btb-ms-desktop-timeline-help{display:none}
  .btb-ms-mobile-timeline-help{display:inline}
  .btb-ms-mobile-clips{display:none!important}
  .btb-ms-mobile-selection{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-top:1px solid #d8e0ea;border-bottom:1px solid #d8e0ea;background:#f8fafc;color:#101828}
  .btb-ms-mobile-selection[hidden]{display:none}
  .btb-ms-timeline{display:block!important;height:220px;pointer-events:auto!important;touch-action:pan-y;overscroll-behavior:contain}
  .btb-ms-timeline .ss-timeline-toolbar{height:56px!important;min-height:56px!important;padding:6px 8px!important;justify-content:flex-start!important;overflow:hidden}
  .btb-ms-timeline .ss-toolbar-section:first-child{display:none!important}
  .btb-ms-timeline .ss-playback-controls{gap:4px!important;min-width:0!important}
  .btb-ms-timeline .ss-toolbar-btn{width:28px!important;height:28px!important;flex:0 0 28px!important}
  .btb-ms-timeline .ss-toolbar-btn.ss-play-btn{width:38px!important;height:38px!important;flex-basis:38px!important}
  .btb-ms-timeline .ss-time-display{min-width:82px!important;width:82px!important;font-size:10px!important;text-align:left!important;overflow:hidden!important;white-space:nowrap!important}
  .btb-ms-timeline .ss-toolbar-section:last-child{right:6px!important;gap:2px!important}
  .btb-ms-timeline .ss-toolbar-section:last-child .ss-zoom-slider{display:none!important}
  .btb-ms-timeline .ss-toolbar-section:last-child .ss-toolbar-btn{width:26px!important;height:26px!important;flex-basis:26px!important}
  .btb-ms-project-row{grid-template-columns:1fr}
  .btb-ms-project-delete{min-height:38px}
  .btb-ms-render-panel{grid-template-columns:1fr;padding:12px;overflow:hidden}
  #btb-ms-render-output{max-width:100%;overflow:hidden}
  #btb-ms-render-output video{display:block;width:100%;max-height:52dvh;object-fit:contain;margin:0 auto}
  .btb-ms-drawer{left:0;right:0;top:auto;bottom:0;width:100%;max-height:70dvh;border-radius:20px 20px 0 0}
}

#btb-ms-repair-media{color:#175cd3;background:#eef4ff;border-color:#b2ccff}

#btb-ms-close-clip{display:none}
@media(max-width:640px){#btb-ms-close-clip{display:block}}

@media(max-width:640px){
  .btb-qa-mobile-canvas .btb-ms-canvas{height:auto;min-height:0;max-height:none;aspect-ratio:var(--btb-video-aspect,16 / 9)}
}


/* Desktop/laptop editing workspace: responsive controls + full timeline. */
@media (min-width:641px){
  body.btb-shotstack-app.btb-ms-editing{height:auto;min-height:100dvh;overflow-y:auto}
  body.btb-ms-editing .btb-ms-shell{height:auto;min-height:100dvh;overflow-x:clip;overflow-y:visible}
  body.btb-ms-editing .btb-ms-main{height:auto;max-width:1320px;padding:12px 12px 72px;overflow:visible}
  body.btb-ms-editing .btb-ms-hero{display:none}
  body.btb-ms-editing .btb-ms-editor{height:auto;margin:0;overflow:visible}
  body.btb-ms-editing .btb-ms-editor-head{position:relative;top:auto;max-width:100%;overflow:visible}
  body.btb-ms-editing .btb-ms-clip-editor,
  body.btb-ms-editing .btb-ms-ai-panel,
  body.btb-ms-editing .btb-ms-tool-panel{max-height:none;overflow:visible}
  body.btb-ms-editing .btb-ms-studio-frame{display:block;min-height:0;overflow:visible}
  body.btb-ms-editing .btb-ms-canvas{
    position:sticky;top:60px;z-index:20;
    height:clamp(280px,52dvh,500px);min-height:280px;max-height:500px;
    box-shadow:0 10px 24px rgba(2,6,23,.18)
  }
  body.btb-ms-editing .btb-ms-timeline-wrap{height:auto;min-height:0;overflow:hidden}
  body.btb-ms-editing .btb-ms-timeline{height:280px;min-height:220px}
  body.btb-ms-editing .btb-ms-render-panel{max-height:none;overflow:visible;padding:12px 14px}
}
@media (min-width:641px) and (max-width:1500px){
  .btb-ms-editor-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px}
  #btb-ms-title{width:100%;max-width:none}
  .btb-ms-actions{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
  .btb-ms-action-group{min-width:0;padding:6px;border:1px solid #eaecf0;border-radius:10px;background:#fcfcfd}
  .btb-ms-action-group>div{display:flex;flex-wrap:wrap;gap:5px}
  .btb-ms-action-group button{flex:1 1 86px;min-width:0;white-space:nowrap}
}
@media (min-width:641px) and (max-height:760px){
  body.btb-ms-editing .btb-ms-canvas{height:clamp(260px,46dvh,360px);min-height:260px}
  body.btb-ms-editing .btb-ms-timeline{height:250px;min-height:210px}
}

.btb-ms-blank-start{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0;padding:14px 16px;border:1px solid #d7deea;border-radius:16px;background:#f8fafc}.btb-ms-blank-start>div{display:grid;gap:4px}.btb-ms-blank-start strong{font-size:.95rem;color:#111827}.btb-ms-blank-start span{font-size:.78rem;line-height:1.45;color:#667085}.btb-ms-blank-start button{flex:0 0 auto;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#111827;padding:10px 14px;font-weight:800}@media(max-width:640px){.btb-ms-blank-start{align-items:stretch;flex-direction:column}.btb-ms-blank-start button{width:100%}}


/* Mobile polish: compact navigation, editor ribbon, and AI Commercial panel. */
@media(max-width:640px){
  .btb-ms-topbar{
    grid-template-columns:36px minmax(0,1fr) 72px 54px;
    grid-template-areas:
      "back logo projects new"
      "business business audience audience";
    gap:5px 6px;
    padding:6px 8px;
  }
  #btb-ms-business,#btb-ms-audience{
    min-width:0;
    min-height:38px;
    padding:0 8px;
    font-size:.7rem;
  }
  #btb-ms-audience{font-size:.65rem}
  .btb-ms-main{padding:8px 8px 52px}
  .btb-ms-hero{padding:6px 2px 10px;gap:8px}
  .btb-ms-hero h1{font-size:1.58rem;line-height:1;letter-spacing:-.045em}
  .btb-ms-hero p:not(.btb-ms-kicker){font-size:.78rem;line-height:1.35;margin-top:7px}
  .btb-ms-engine-badges{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    gap:5px;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .btb-ms-engine-badges::-webkit-scrollbar{display:none}
  .btb-ms-provider{flex:0 0 auto;padding:6px 8px;font-size:.64rem}
  .btb-ms-setup{padding:9px;border-radius:14px}
  .btb-ms-setup-head{gap:9px;margin-bottom:10px}
  .btb-ms-setup h2{font-size:1.25rem}
  .btb-ms-output-options{gap:7px}
  .btb-ms-output-options select{min-height:40px;font-size:.74rem}
  .btb-ms-project-name-field input{min-height:42px;font-size:.82rem}
  .btb-ms-project-name-field small{font-size:.61rem}
  .btb-ms-longform-start,.btb-ms-blank-start{
    margin:0 0 8px;
    padding:10px 11px;
    border-radius:11px;
    gap:7px;
  }
  .btb-ms-longform-start strong,.btb-ms-blank-start strong{font-size:.8rem}
  .btb-ms-longform-start span,.btb-ms-blank-start span{font-size:.66rem;line-height:1.35}
  .btb-ms-longform-start button,.btb-ms-blank-start button{min-height:38px;font-size:.74rem}
  .btb-ms-ai-start{
    border-color:#9db4ff;
    background:linear-gradient(145deg,#f5f7ff,#eef4ff);
    box-shadow:0 8px 22px rgba(31,94,255,.08);
  }
  .btb-ms-ai-start strong{color:#1849a9}
  .btb-ms-ai-start button{
    border:0;
    background:#2457ff;
    color:#fff;
  }
  body.btb-ms-editing .btb-ms-hero{display:none}
  body.btb-ms-editing .btb-ms-main{padding-top:6px}
  body.btb-ms-editing .btb-ms-editor{margin-top:0}
  .btb-ms-editor-head{padding:8px;gap:7px}
  .btb-ms-project-label{margin-bottom:2px}
  #btb-ms-title{font-size:1rem}
  .btb-ms-actions{
    display:flex;
    width:100%;
    gap:6px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .btb-ms-actions::-webkit-scrollbar{display:none}
  .btb-ms-action-group{
    flex:0 0 146px;
    scroll-snap-align:start;
    padding:6px;
    border-radius:10px;
  }
  .btb-ms-action-group>span{font-size:.56rem}
  .btb-ms-action-group>div{grid-template-columns:1fr 1fr}
  .btb-ms-actions button{min-height:35px;font-size:.64rem;padding:0 4px}
  #btb-ms-commercial-panel{
    gap:9px;
    padding:11px 10px 13px;
    background:#f7f9ff;
    border-color:#b2ccff;
  }
  #btb-ms-commercial-panel>div:first-child strong{font-size:.95rem}
  #btb-ms-commercial-panel>div:first-child span{font-size:.68rem;line-height:1.35}
  #btb-ms-commercial-panel .btb-ms-director-grid{gap:7px}
  #btb-ms-commercial-panel .btb-ms-director-grid label{font-size:.68rem}
  #btb-ms-commercial-panel select{min-height:40px}
  #btb-ms-commercial-panel textarea{
    min-height:112px;
    max-height:220px;
    font-size:.76rem;
    line-height:1.4;
  }
  #btb-ms-commercial-state{
    margin:0!important;
    padding:8px 9px;
    border-radius:9px;
    background:#eef4ff;
    color:#1849a9!important;
    font-size:.68rem;
    line-height:1.4;
  }
  #btb-ms-commercial-panel .btb-ms-panel-actions{
    position:sticky;
    bottom:0;
    z-index:2;
    grid-template-columns:1.35fr .65fr;
    padding-top:5px;
    background:linear-gradient(180deg,rgba(247,249,255,.6),#f7f9ff 35%);
  }
}


/* AI Commercial V2: storyboard review, media approval, and own-voice controls. */
.btb-ms-commercial-scenes{
  display:grid;
  gap:8px;
  max-height:320px;
  overflow:auto;
  padding:2px;
}
.btb-ms-commercial-scene{
  display:grid;
  gap:5px;
  padding:10px 11px;
  border:1px solid #d7deea;
  border-radius:12px;
  background:#fff;
}
.btb-ms-commercial-scene.wants-video{
  border-color:#9db4ff;
  background:#f8faff;
}
.btb-ms-commercial-scene label{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:.78rem;
  color:#101828;
}
.btb-ms-commercial-scene label input{margin-top:2px}
.btb-ms-commercial-scene span{
  font-size:.66rem;
  font-weight:800;
  color:#175cd3;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.btb-ms-commercial-scene p{
  margin:0;
  color:#475467;
  font-size:.72rem;
  line-height:1.4;
}
.btb-ms-own-voice{
  display:grid;
  gap:8px;
  padding:10px 11px;
  border:1px solid #d7deea;
  border-radius:12px;
  background:#fff;
}
.btb-ms-own-voice>div:first-child{display:grid;gap:3px}
.btb-ms-own-voice strong{font-size:.8rem;color:#101828}
.btb-ms-own-voice span{font-size:.68rem;line-height:1.4;color:#667085}
.btb-ms-own-voice-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.btb-ms-own-voice-actions button{
  min-height:38px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  color:#101828;
  font-weight:800;
  font-size:.7rem;
}
#btb-ms-commercial-generate-media{
  border-color:#7f9cff;
  background:#eef3ff;
  color:#1849a9;
  font-weight:900;
}

@media(max-width:640px){
  .btb-ms-commercial-scenes{max-height:36dvh}
  .btb-ms-commercial-scene{padding:9px}
  .btb-ms-commercial-scene label{font-size:.72rem}
  .btb-ms-commercial-scene p{font-size:.67rem}
  .btb-ms-own-voice-actions{grid-template-columns:1fr 1fr}
  .btb-ms-own-voice-actions button:last-of-type{grid-column:1/-1}
  #btb-ms-commercial-panel .btb-ms-panel-actions{
    grid-template-columns:1.15fr 1fr .65fr;
  }
  #btb-ms-commercial-panel .btb-ms-panel-actions button{
    min-width:0;
    padding:0 7px;
    font-size:.66rem;
  }
}


/* Marketing Studio V5 editor — clip-first creator workspace. */
.btb-ms-v5-modebar{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:8px 0 10px;
}
.btb-ms-v5-badge{
  display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;
  background:#eef4ff;color:#1849a9;font-size:.65rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
}
.btb-ms-v5-modebar>div{display:flex;gap:5px;padding:3px;border:1px solid #e4e7ec;border-radius:12px;background:#f8fafc}
.btb-ms-v5-modebar-left{align-items:center;border:0!important;background:transparent!important;padding:0!important}
.btb-ms-v5-projects{min-height:28px!important;padding:0 8px!important;border:1px solid #d0d5dd!important;background:#fff!important;color:#344054!important;font-size:.62rem!important}
.btb-ms-v5-modebar button{
  min-height:34px;border:0;border-radius:9px;background:transparent;color:#667085;padding:0 12px;font-size:.72rem;font-weight:850;
}
.btb-ms-v5-modebar button.is-active{background:#fff;color:#101828;box-shadow:0 1px 4px rgba(16,24,40,.09)}

.btb-ms-v5-preview-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 12px;background:#111827;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);
}
.btb-ms-v5-preview-head>div{display:flex;align-items:center;gap:8px}
.btb-ms-v5-preview-head strong{font-size:.8rem}
.btb-ms-v5-preview-head span{font-size:.68rem;color:#98a2b3;font-variant-numeric:tabular-nums}
.btb-ms-v5-preview-head button{
  min-height:31px;border:1px solid #344054;border-radius:8px;background:#1d2939;color:#fff;padding:0 9px;font-size:.66rem;font-weight:800;
}

.btb-ms-v5-quick-actions{display:flex;gap:6px;flex-wrap:wrap}
.btb-ms-v5-quick-actions button{
  min-height:36px;border:1px solid #cdd5df;border-radius:9px;background:#fff;color:#344054;padding:0 10px;font-size:.7rem;font-weight:850;
}
#btb-ms-new-ai-take{border-color:#9db4ff;background:#eef4ff;color:#1849a9}
#btb-ms-mute-clip{min-width:72px}
.btb-ms-clip-actions .is-primary{border-color:#2457ff!important;background:#2457ff!important;color:#fff!important}

.btb-ms-mobile-clips{
  display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;
  padding:8px 9px 9px;background:#101828;border-bottom:1px solid #344054;scrollbar-width:none;
}
.btb-ms-mobile-clips::-webkit-scrollbar{display:none}
.btb-ms-v5-scene{
  flex:0 0 108px;display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"icon num time" "label label label";
  align-items:center;gap:2px 5px;min-height:58px;padding:7px 8px;border:1px solid #344054;border-radius:10px;
  background:#1d2939;color:#fff;text-align:left;
}
.btb-ms-v5-scene>span{grid-area:icon;font-size:.62rem;color:#84adff}
.btb-ms-v5-scene>strong{grid-area:num;font-size:.68rem}
.btb-ms-v5-scene>small{grid-area:label;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;color:#d0d5dd}
.btb-ms-v5-scene>em{grid-area:time;justify-self:end;font-style:normal;font-size:.57rem;color:#98a2b3}
.btb-ms-v5-scene.is-selected{border-color:#84adff;background:#182b57;box-shadow:inset 0 0 0 1px #84adff}

.btb-ms-v5-dock{
  position:sticky;bottom:0;z-index:70;display:flex;gap:4px;overflow-x:auto;
  padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
  background:rgba(8,17,31,.97);backdrop-filter:blur(16px);border-top:1px solid #344054;scrollbar-width:none;
}
.btb-ms-v5-dock::-webkit-scrollbar{display:none}
.btb-ms-v5-dock button{
  flex:0 0 64px;min-height:50px;border:0;border-radius:10px;background:transparent;color:#d0d5dd;
  display:grid;place-items:center;align-content:center;gap:2px;padding:4px;font-weight:850;
}
.btb-ms-v5-dock button span{font-size:.86rem;line-height:1}
.btb-ms-v5-dock button small{font-size:.56rem;line-height:1.1}
.btb-ms-v5-dock button:active{background:#1d2939}
.btb-ms-v5-dock button.is-primary{background:#2457ff;color:#fff}

body.btb-ms-v5-preview .btb-ms-actions,
body.btb-ms-v5-preview .btb-ms-clip-editor,
body.btb-ms-v5-preview .btb-ms-tool-panel,
body.btb-ms-v5-preview .btb-ms-ai-panel,
body.btb-ms-v5-preview .btb-ms-timeline-wrap,
body.btb-ms-v5-preview .btb-ms-render-panel{display:none!important}
body.btb-ms-v5-preview .btb-ms-canvas{min-height:min(72dvh,760px)}
body.btb-ms-v5-preview .btb-ms-studio-frame{background:#030712}

body.btb-ms-v5-export .btb-ms-studio-frame,
body.btb-ms-v5-export .btb-ms-actions,
body.btb-ms-v5-export .btb-ms-clip-editor,
body.btb-ms-v5-export .btb-ms-tool-panel,
body.btb-ms-v5-export .btb-ms-ai-panel{display:none!important}
body.btb-ms-v5-export .btb-ms-render-panel{border-top:0;margin-top:4px}

@media(min-width:641px){
  body.btb-ms-editing .btb-ms-editor-head{
    display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.5fr);column-gap:16px;align-items:start;
  }
  body.btb-ms-editing .btb-ms-v5-modebar{grid-column:1}
  body.btb-ms-editing .btb-ms-actions{grid-column:2;grid-row:1 / span 2}
  body.btb-ms-editing .btb-ms-clip-editor{
    grid-template-columns:minmax(180px,.5fr) minmax(250px,.7fr) minmax(170px,.45fr) minmax(360px,1.3fr);
    align-items:start;padding:14px;
  }
  body.btb-ms-editing .btb-ms-v5-quick-actions{grid-column:1 / -1}
  body.btb-ms-editing .btb-ms-clip-actions{grid-column:1 / -1;justify-content:flex-end}
  body.btb-ms-editing .btb-ms-mobile-clips{display:none}
  body.btb-ms-editing .btb-ms-v5-dock{display:none}
}

@media(max-width:640px){
  body.btb-ms-editing{
    background:#0b1220;
  }
  body.btb-ms-editing .btb-ms-main{padding:0 0 calc(68px + env(safe-area-inset-bottom))}
  body.btb-ms-editing .btb-ms-editor{border-radius:0;background:#0b1220}
  body.btb-ms-editing .btb-ms-editor-head{
    position:relative;top:auto;z-index:25;padding:8px 10px 7px;background:#fff;border-bottom:1px solid #e4e7ec;
  }
  body.btb-ms-editing .btb-ms-project-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
  body.btb-ms-editing .btb-ms-project-label{flex:0 0 auto}
  body.btb-ms-editing #btb-ms-title{width:100%;font-size:.92rem;text-align:right}
  body.btb-ms-editing .btb-ms-v5-modebar{margin:6px 0 0}
  body.btb-ms-editing .btb-ms-v5-badge{font-size:.56rem;min-height:25px;padding:0 8px}
  body.btb-ms-editing .btb-ms-v5-modebar button{min-height:31px;padding:0 9px;font-size:.64rem}

  /* V5 replaces the old horizontal wall of grouped buttons on phones. */
  body.btb-ms-editing .btb-ms-actions{
    position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
  }

  body.btb-ms-editing .btb-ms-studio-frame{overflow:visible;background:#0b1220}
  body.btb-ms-editing .btb-ms-v5-preview-head{position:sticky;top:0;z-index:21;padding:7px 9px}
  body.btb-ms-editing .btb-ms-canvas{
    position:relative!important;top:auto!important;z-index:1!important;
    width:100%;max-height:58dvh;box-shadow:none;border-bottom:1px solid #1d2939;
  }
  body.btb-ms-editing .btb-ms-timeline-wrap{background:#101828}
  body.btb-ms-editing .btb-ms-timeline-label{padding:8px 10px 6px}
  body.btb-ms-editing .btb-ms-timeline-label strong{color:#fff}
  body.btb-ms-editing .btb-ms-timeline-label span{color:#98a2b3}
  body.btb-ms-editing .btb-ms-mobile-selection{
    margin:0;padding:9px 10px;background:#f8fafc;border-radius:0;border-left:0;border-right:0;
  }
  body.btb-ms-editing .btb-ms-mobile-selection>div:last-child{
    display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;
  }
  body.btb-ms-editing .btb-ms-mobile-selection>div:last-child::-webkit-scrollbar{display:none}
  body.btb-ms-editing .btb-ms-mobile-selection button{flex:0 0 auto;min-height:34px;padding:0 9px;font-size:.63rem}
  body.btb-ms-editing .btb-ms-timeline{height:205px;min-height:180px;background:#101828}

  body.btb-ms-editing .btb-ms-clip-editor{
    position:fixed;left:8px;right:8px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:90;
    display:grid;grid-template-columns:1fr;gap:9px;max-height:min(72dvh,650px);overflow-y:auto;
    padding:12px;border:1px solid #d0d5dd;border-radius:16px;background:#fff;
    box-shadow:0 18px 50px rgba(2,6,23,.35);
  }
  body.btb-ms-editing .btb-ms-clip-editor[hidden]{display:none}
  body.btb-ms-editing .btb-ms-inspector-copy span{font-size:.67rem}
  body.btb-ms-editing .btb-ms-v5-quick-actions{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:sticky;top:-12px;z-index:2;
    padding:7px 0;background:#fff;
  }
  body.btb-ms-editing .btb-ms-v5-quick-actions button{min-width:0;padding:0 5px;font-size:.64rem}
  body.btb-ms-editing .btb-ms-timing-controls{grid-template-columns:1fr 1fr}
  body.btb-ms-editing .btb-ms-style-controls{grid-template-columns:1fr 1fr}
  body.btb-ms-editing .btb-ms-style-controls label{font-size:.64rem}
  body.btb-ms-editing .btb-ms-style-controls select,
  body.btb-ms-editing .btb-ms-style-controls input[type="number"]{min-height:40px}
  body.btb-ms-editing .btb-ms-clip-actions{
    position:sticky;bottom:-12px;z-index:3;display:grid;grid-template-columns:1fr 1fr;
    padding:8px 0 0;background:#fff;
  }
  body.btb-ms-editing .btb-ms-clip-actions button{min-height:40px}
  body.btb-ms-editing #btb-ms-update-clip{grid-column:1/-1}
  body.btb-ms-editing #btb-ms-close-clip{display:block}

  body.btb-ms-editing .btb-ms-tool-panel,
  body.btb-ms-editing .btb-ms-ai-panel{
    position:fixed;left:8px;right:8px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:88;
    max-height:min(72dvh,650px);overflow:auto;border:1px solid #d0d5dd;border-radius:16px;
    box-shadow:0 18px 50px rgba(2,6,23,.35);
  }
  body.btb-ms-editing .btb-ms-render-panel{
    margin:8px;background:#fff;border-radius:14px;padding:12px;
  }
  body.btb-ms-v5-preview .btb-ms-editor-head{display:block;position:sticky;top:0;z-index:120;padding:6px 8px}
  body.btb-ms-v5-preview .btb-ms-editor-head .btb-ms-project-heading{display:none}
  body.btb-ms-v5-preview .btb-ms-v5-modebar{margin:0}
  body.btb-ms-v5-preview .btb-ms-v5-preview-head{top:50px}
  body.btb-ms-v5-preview .btb-ms-canvas{max-height:none!important;min-height:calc(100dvh - 130px)!important}
  body.btb-ms-v5-export .btb-ms-editor-head{position:sticky;top:0}
  body.btb-ms-v5-export .btb-ms-render-panel{margin-top:10px}
}



/* Finished-video delivery */
.btb-ms-finished-video{display:grid;gap:10px}
.btb-ms-finished-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.btb-ms-finished-actions button{
  min-height:42px;border:1px solid #cdd5df;border-radius:10px;background:#fff;color:#1d2939;
  padding:0 10px;font-size:.72rem;font-weight:850
}
.btb-ms-finished-actions button:first-child{background:#2457ff;border-color:#2457ff;color:#fff}
.btb-ms-finished-open{margin-top:0!important}
.btb-ms-finished-note{margin:0;color:#667085;font-size:.68rem;line-height:1.45}
@media(max-width:640px){
  .btb-ms-finished-actions{grid-template-columns:1fr 1fr}
  .btb-ms-finished-actions button{min-height:44px}
}


/* Marketing Studio V6 Creator Tools */
.btb-ms-v6-text-lock{
  display:flex!important;align-items:flex-start!important;gap:9px!important;
  padding:10px 12px;border:1px solid #c7d7fe;border-radius:12px;background:#f5f8ff;color:#344054;
}
.btb-ms-v6-text-lock input{margin-top:2px;flex:0 0 auto}
.btb-ms-v6-text-lock span{display:grid;gap:2px}
.btb-ms-v6-text-lock strong{font-size:.72rem;color:#1849a9}
.btb-ms-v6-text-lock small{font-size:.64rem;line-height:1.35;color:#667085}

.btb-ms-v6-layer-tools{
  display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:8px;align-items:center;
}
.btb-ms-v6-layer-tools select,
.btb-ms-v6-layer-tools button{
  min-height:40px;border:1px solid #cdd5df;border-radius:10px;background:#fff;color:#344054;
  padding:0 10px;font-size:.7rem;font-weight:800;
}
#btb-ms-fix-text-overlap{background:#2457ff;color:#fff;border-color:#2457ff}
#btb-ms-remove-ai-text{background:#fff7ed;border-color:#fed7aa;color:#9a3412}

.btb-ms-v6-layer-list{display:grid;gap:7px;max-height:420px;overflow:auto;padding-right:2px}
.btb-ms-v6-layer{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:10px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;
}
.btb-ms-v6-layer.is-selected{border-color:#84adff;background:#f5f8ff;box-shadow:inset 0 0 0 1px #84adff}
.btb-ms-v6-layer>div:first-child{display:grid;gap:2px;min-width:0}
.btb-ms-v6-layer-type{font-size:.57rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#2457ff}
.btb-ms-v6-layer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;color:#101828}
.btb-ms-v6-layer small{font-size:.6rem;color:#667085}
.btb-ms-v6-layer>div:last-child{display:flex;gap:6px}
.btb-ms-v6-layer button{
  min-height:34px;border:1px solid #cdd5df;border-radius:9px;background:#fff;color:#344054;padding:0 9px;font-size:.64rem;font-weight:850;
}
.btb-ms-v6-layer button:last-child{color:#b42318;border-color:#fecdca;background:#fff7f6}
.btb-ms-v6-empty{margin:0;padding:18px;border:1px dashed #d0d5dd;border-radius:12px;text-align:center;color:#667085;font-size:.7rem}

.btb-ms-v6-fx-scope{display:grid;grid-template-columns:minmax(0,260px);gap:8px}
.btb-ms-v6-fx-scope label{display:grid;gap:5px;font-size:.68rem;font-weight:800;color:#475467}
.btb-ms-v6-fx-scope select{min-height:42px;border:1px solid #cdd5df;border-radius:10px;padding:0 10px;background:#fff}
.btb-ms-v6-fx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.btb-ms-v6-fx-grid button{
  min-height:82px;display:grid;align-content:center;gap:4px;text-align:left;
  border:1px solid #d0d5dd;border-radius:12px;background:#fff;padding:10px;color:#101828;
}
.btb-ms-v6-fx-grid button strong{font-size:.72rem}
.btb-ms-v6-fx-grid button span{font-size:.61rem;line-height:1.3;color:#667085}
.btb-ms-v6-fx-grid button:hover,.btb-ms-v6-fx-grid button:focus-visible{border-color:#84adff;background:#f5f8ff}

@media(max-width:640px){
  .btb-ms-v6-layer-tools{grid-template-columns:1fr 1fr}
  .btb-ms-v6-layer-tools select{grid-column:1/-1}
  .btb-ms-v6-layer{grid-template-columns:1fr}
  .btb-ms-v6-layer>div:last-child{justify-content:flex-end}
  .btb-ms-v6-fx-grid{grid-template-columns:1fr 1fr}
  .btb-ms-v6-fx-grid button{min-height:74px}
}


/* Current-render freshness */
.btb-ms-render-stale{
  display:grid;gap:4px;padding:12px 14px;border:1px solid #f5c26b;border-radius:12px;
  background:#fff9eb;color:#7a2e0e;
}
.btb-ms-render-stale strong{font-size:.78rem}
.btb-ms-render-stale span{font-size:.68rem;line-height:1.45;color:#9a4a10}


/* Marketing Studio V22 precision creator controls */
.btb-ms-precision-controls{
  grid-column:1/-1;border:1px solid #d8dee8;border-radius:12px;background:#fff;overflow:hidden;
}
.btb-ms-precision-controls[hidden]{display:none}
.btb-ms-precision-controls summary{
  cursor:pointer;list-style:none;padding:10px 12px;font-size:.72rem;font-weight:900;color:#344054;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.btb-ms-precision-controls summary::-webkit-details-marker{display:none}
.btb-ms-precision-controls summary::after{content:"⌄";font-size:.86rem;color:#667085}
.btb-ms-precision-controls[open] summary{border-bottom:1px solid #eaecf0}
.btb-ms-precision-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:10px 12px;
}
.btb-ms-precision-grid>label{
  display:grid;gap:5px;min-width:0;color:#667085;font-size:.65rem;font-weight:850;
}
.btb-ms-precision-grid input[type="range"],
.btb-ms-precision-grid input[type="number"],
.btb-ms-precision-grid input[type="color"],
.btb-ms-precision-grid select{width:100%;min-width:0}
.btb-ms-precision-grid input[type="number"],
.btb-ms-precision-grid select{min-height:38px;border:1px solid #cdd5df;border-radius:9px;background:#fff;padding:0 8px;color:#101828}
.btb-ms-precision-grid input[type="color"]{min-height:38px;border:1px solid #cdd5df;border-radius:9px;background:#fff;padding:3px}
.btb-ms-kf-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;margin:0!important;color:inherit!important}
.btb-ms-kf-button,.btb-ms-kf-row>button{
  min-width:38px;min-height:38px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;color:#2457ff;font-weight:900;
}
.btb-ms-kf-button:active,.btb-ms-kf-row>button:active{background:#eef4ff}
.btb-ms-toggle-row,.btb-ms-chroma-row{
  display:flex!important;align-items:center;gap:7px;min-height:38px;padding:0 8px;border:1px solid #e4e7ec;border-radius:9px;background:#f8fafc;
}
.btb-ms-toggle-row input,.btb-ms-chroma-row input{width:auto!important}
.btb-ms-precision-actions{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px 10px;
}
.btb-ms-precision-actions span{font-size:.63rem;color:#667085;line-height:1.35}
.btb-ms-precision-actions button{
  flex:0 0 auto;min-height:34px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;padding:0 10px;font-size:.64rem;font-weight:850;color:#344054;
}
.btb-ms-precision-controls.is-audio-only .btb-ms-precision-grid>label:not(#btb-ms-kf-volume-wrap):not(#btb-ms-keyframe-easing-wrap){opacity:.45;pointer-events:none}

@media(max-width:640px){
  body.btb-ms-editing .btb-ms-clip-editor{
    left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));max-height:min(64dvh,560px);
    border-radius:18px 18px 0 0;padding:10px 10px 12px;
  }
  body.btb-ms-editing .btb-ms-clip-editor::before{
    content:"";display:block;width:38px;height:4px;border-radius:999px;background:#d0d5dd;margin:-2px auto 2px;
  }
  body.btb-ms-editing .btb-ms-precision-controls{grid-column:auto}
  body.btb-ms-editing .btb-ms-precision-grid{grid-template-columns:1fr 1fr;padding:8px}
  body.btb-ms-editing .btb-ms-precision-grid>label{font-size:.61rem}
  body.btb-ms-editing .btb-ms-precision-actions{align-items:stretch;flex-direction:column;padding:0 8px 8px}
  body.btb-ms-editing .btb-ms-precision-actions button{width:100%;min-height:38px}
  body.btb-ms-editing .btb-ms-precision-controls summary{position:sticky;top:0;background:#fff;z-index:1}
}


/* V22 Beat Sync, end cards and export polish */
.btb-ms-beat-actions{display:flex;gap:7px;flex-wrap:wrap}
.btb-ms-beat-actions button{min-height:38px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 12px;font-weight:850;color:#344054}
.btb-ms-beat-actions button:disabled{opacity:.45;cursor:not-allowed}
.btb-ms-beat-strip{position:relative;height:16px;margin:0 10px;background:linear-gradient(90deg,#1d2939,#101828);border-radius:7px;overflow:hidden}
.btb-ms-beat-strip[hidden]{display:none}
.btb-ms-beat-marker{position:absolute;top:1px;bottom:1px;width:2px;min-width:2px;padding:0;border:0;border-radius:2px;background:#84adff;transform:translateX(-1px)}
.btb-ms-beat-marker:nth-child(4n+1){height:14px;top:1px;background:#d0ddff}
.btb-ms-endcard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.btb-ms-endcard-grid button{display:grid;gap:3px;min-height:64px;text-align:left;border:1px solid #d0d5dd;border-radius:12px;background:#fff;padding:10px;color:#101828}
.btb-ms-endcard-grid button strong{font-size:.72rem}
.btb-ms-endcard-grid button span{font-size:.61rem;color:#667085;line-height:1.25}
.btb-ms-endcard-grid button:active{border-color:#84adff;background:#f5f8ff}
.btb-ms-export-settings{display:grid;grid-template-columns:minmax(220px,1fr) minmax(140px,.4fr);gap:8px;margin:10px 0}
.btb-ms-export-settings label{display:grid;gap:4px;font-size:.66rem;font-weight:850;color:#667085}
.btb-ms-export-settings select{min-height:40px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:0 9px;color:#101828}

@media(max-width:640px){
  body.btb-ms-editing .btb-ms-endcard-panel{max-height:min(58dvh,500px)}
  .btb-ms-endcard-grid{grid-template-columns:1fr 1fr}
  .btb-ms-endcard-grid button{min-height:58px}
  .btb-ms-beat-actions{display:grid;grid-template-columns:1fr 1fr}
  .btb-ms-beat-actions button{width:100%;padding:0 8px;font-size:.64rem}
  .btb-ms-export-settings{grid-template-columns:1fr 1fr}
  .btb-ms-export-settings select{font-size:.66rem;min-width:0;width:100%}
}


/* V22 compact AI Commercial flow */
.btb-ms-commercial-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.btb-ms-commercial-steps button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#667085;font-size:.66rem;font-weight:850}
.btb-ms-commercial-steps button span{display:grid;place-items:center;width:20px;height:20px;margin:0;border-radius:999px;background:#f2f4f7;color:#475467;font-size:.62rem}
.btb-ms-commercial-steps button.is-active{border-color:#84adff;background:#eef4ff;color:#1849a9}
.btb-ms-commercial-steps button.is-active span{background:#2457ff;color:#fff}
.btb-ms-commercial-step-panel{display:grid;gap:9px;min-width:0}
.btb-ms-commercial-step-panel[hidden]{display:none}
.btb-ms-step-next,.btb-ms-step-back{min-height:38px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:0 12px;font-weight:850;color:#344054}
.btb-ms-step-next{background:#2457ff;border-color:#2457ff;color:#fff}
@media(max-width:640px){
  body.btb-ms-editing #btb-ms-commercial-panel{
    max-height:min(62dvh,560px);padding:10px;border-radius:18px 18px 0 0;
  }
  body.btb-ms-editing #btb-ms-commercial-panel>div:first-child span{display:none}
  .btb-ms-commercial-steps{position:sticky;top:-10px;z-index:4;padding:8px 0;background:#f8fafc}
  .btb-ms-commercial-steps button{min-height:34px;font-size:.6rem}
  .btb-ms-commercial-step-panel .btb-ms-director-grid{grid-template-columns:1fr 1fr;gap:7px}
  .btb-ms-commercial-step-panel textarea{min-height:92px;max-height:150px}
  .btb-ms-commercial-step-panel .btb-ms-own-voice{padding:8px}
}


/* V22 non-destructive Polish Video review */
.btb-ms-polish-review{grid-column:1/-1;display:grid;gap:9px;padding:10px;border:1px solid #b2ccff;border-radius:12px;background:#f5f8ff}
.btb-ms-polish-review[hidden]{display:none}
.btb-ms-polish-review>div:first-child{display:grid;gap:3px}
.btb-ms-polish-review>div:first-child strong{font-size:.76rem;color:#1849a9}
.btb-ms-polish-review>div:first-child span{font-size:.65rem;line-height:1.4;color:#475467}
.btb-ms-polish-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.btb-ms-polish-options label{display:flex;align-items:center;gap:6px;min-height:36px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;padding:0 8px;font-size:.63rem;font-weight:800;color:#344054}
.btb-ms-polish-actions{display:flex;gap:7px;flex-wrap:wrap}
.btb-ms-polish-actions button{min-height:36px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:0 11px;font-size:.64rem;font-weight:850}
.btb-ms-polish-actions .is-primary{background:#2457ff;border-color:#2457ff;color:#fff}
@media(max-width:640px){
  .btb-ms-polish-options{grid-template-columns:1fr 1fr}
  .btb-ms-polish-actions{display:grid;grid-template-columns:1fr 1fr}
  .btb-ms-polish-actions .is-primary{grid-column:1/-1}
}


/* V22 scene-level AI actions */
.btb-ms-scene-ai-actions{
  display:flex;gap:6px;overflow-x:auto;padding:7px 0 1px;scrollbar-width:none;
}
.btb-ms-scene-ai-actions::-webkit-scrollbar{display:none}
.btb-ms-scene-ai-actions button{
  flex:0 0 auto;min-height:32px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;
  padding:0 10px;color:#344054;font-size:.6rem;font-weight:850;white-space:nowrap;
}
.btb-ms-scene-ai-actions button:active{border-color:#84adff;background:#eef4ff;color:#1849a9}
.btb-ms-scene-ai-actions button:disabled{opacity:.45}
@media(max-width:640px){
  .btb-ms-scene-ai-actions{margin-left:-2px;margin-right:-2px}
  .btb-ms-scene-ai-actions button{min-height:34px;padding:0 11px}
}


/* V22 rich typography controls */
.btb-ms-text-style-controls{grid-column:1/-1;border:1px solid #d8dee8;border-radius:12px;background:#fff;overflow:hidden}
.btb-ms-text-style-controls[hidden]{display:none}
.btb-ms-text-style-controls summary{cursor:pointer;list-style:none;padding:10px 12px;font-size:.72rem;font-weight:900;color:#344054}
.btb-ms-text-style-controls summary::-webkit-details-marker{display:none}
.btb-ms-text-style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:10px 12px;border-top:1px solid #eaecf0}
.btb-ms-text-style-grid>label{display:grid;gap:5px;min-width:0;color:#667085;font-size:.65rem;font-weight:850}
.btb-ms-text-style-grid select,.btb-ms-text-style-grid input[type="color"]{width:100%;min-height:38px;border:1px solid #cdd5df;border-radius:9px;background:#fff;padding:3px 7px;color:#101828}
.btb-ms-text-style-grid input[type="range"]{width:100%}
@media(max-width:640px){
  body.btb-ms-editing .btb-ms-text-style-controls{grid-column:auto}
  body.btb-ms-editing .btb-ms-text-style-grid{grid-template-columns:1fr 1fr;padding:8px}
  body.btb-ms-editing .btb-ms-text-style-grid>label{font-size:.61rem}
  body.btb-ms-editing .btb-ms-text-style-controls summary{position:sticky;top:0;background:#fff;z-index:1}
}

/* V48: customer-review handoff inside the existing Campaign Director. */
.btb-ms-review-workflow{display:grid;gap:12px;padding:15px;border:1px solid #c8d4e5;border-radius:15px;background:#f9fbff;color:#17253a;min-width:0}
.btb-ms-review-workflow[hidden],.btb-ms-seo-review[hidden]{display:none!important}
.btb-ms-review-workflow p{margin:0;line-height:1.45;font-size:12px;color:#475569}
.btb-ms-review-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.btb-ms-review-heading strong{font-size:15px;color:#152944}
.btb-ms-review-heading span{display:inline-block;padding:6px 9px;border:1px solid #abc5e8;border-radius:999px;background:#eaf2ff;font-size:11px;font-weight:700}
.btb-ms-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.btb-ms-review-grid label{display:grid;gap:5px;min-width:0;font-size:12px;font-weight:700}
.btb-ms-review-grid .is-wide{grid-column:1/-1}
.btb-ms-review-grid input,.btb-ms-review-grid select,.btb-ms-review-grid textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #bfcddd;border-radius:10px;background:#fff;color:#17253a;padding:11px;font:inherit;font-size:16px}
.btb-ms-review-warning{padding:10px;border-radius:10px;background:#fff5e7;border:1px solid #f0cd91;color:#7c4a06!important}
.btb-ms-seo-review{border:1px solid #cbd5e1;border-radius:11px;background:#fff;padding:9px 11px;min-width:0}
.btb-ms-seo-review summary{font-size:13px;font-weight:750;cursor:pointer;min-height:28px}
.btb-ms-seo-review p{margin:8px 0}
.btb-ms-seo-review label{display:flex;gap:9px;align-items:flex-start;padding:9px 0;border-top:1px solid #e8edf3;line-height:1.35;font-size:12px}
.btb-ms-seo-review input{flex:0 0 auto;margin-top:1px;width:17px;height:17px}
.btb-ms-review-workflow .btb-ms-panel-actions{display:flex;gap:8px;flex-wrap:wrap}
.btb-ms-review-workflow .btb-ms-panel-actions button{min-height:43px}
#btb-ms-review-message{min-height:19px;overflow-wrap:anywhere}
@media(max-width:640px){
 .btb-ms-review-workflow{padding:12px;gap:10px}
 .btb-ms-review-grid{grid-template-columns:minmax(0,1fr)}
 .btb-ms-review-grid .is-wide{grid-column:1}
 .btb-ms-review-workflow .btb-ms-panel-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .btb-ms-review-workflow .btb-ms-panel-actions button{width:100%;min-height:46px}
}

/* Studio v49: preview clarification and compact editing ergonomics.
   SDK canvas/timeline are preserved; only the helper is layered above empty projects. */
.btb-ms-studio-frame{position:relative}
.btb-ms-empty-preview-note{
  position:absolute;top:clamp(28px,9vw,98px);left:50%;z-index:5;
  transform:translateX(-50%);width:min(330px,calc(100% - 42px));
  padding:16px 18px;display:grid;gap:7px;text-align:center;
  border:1px solid #54627d;border-radius:18px;
  background:#172339ed;color:#f9fbff;box-shadow:0 12px 30px #0005;
  pointer-events:none
}
.btb-ms-empty-preview-note[hidden]{display:none!important}
.btb-ms-empty-preview-note strong{font-size:1rem;letter-spacing:-.02em}
.btb-ms-empty-preview-note span{font-size:.78rem;line-height:1.45;color:#cbd7ec}
@media(max-width:640px){
  .btb-ms-empty-preview-note{top:14px;width:min(300px,calc(100% - 24px));padding:11px 14px;border-radius:12px}
  .btb-ms-empty-preview-note strong{font-size:.85rem}
  .btb-ms-empty-preview-note span{font-size:.7rem}
  .btb-ms-editor-head{gap:8px}
  .btb-ms-editor-head button{touch-action:manipulation}
  .btb-ms-v5-preview-head button{min-height:38px}
}


/* Marketing Studio project and template library only.
   Intentionally excludes editor canvas, waveform, timeline and playback. */
.btb-ms-template-grid,.btb-ms-library-grid,.btb-ms-review-grid{align-items:stretch}
.btb-ms-template,.btb-ms-library-card,.btb-ms-project{
 min-width:0;height:100%;border-radius:12px;
}
.btb-ms-template-meta :is(strong,h3),
.btb-ms-library-card :is(strong,h3),
.btb-ms-project :is(strong,h3){
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
 overflow:hidden;line-height:1.3;
}
.btb-ms-template-tools :is(input,select),
.btb-ms-project-name-field input{border-radius:12px;min-width:0}
.btb-ms-topbar :is(button,select),.btb-ms-template-tools button,
.btb-ms-panel-actions button{
 border-radius:12px;font-weight:700;
 transition:opacity .2s ease,background-color .2s ease,border-color .2s ease;
}
.btb-ms-topbar button:not(:disabled):hover,
.btb-ms-panel-actions button:not(:disabled):hover{opacity:.9}
.btb-ms-template-grid :is(a,button):focus-visible,
.btb-ms-library-grid :is(a,button):focus-visible{
 outline:3px solid #397fc2;outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){
 .btb-ms-topbar :is(button,select),.btb-ms-panel-actions button{transition:none}
}

/* Marketing Studio shell: templates and project controls only; video/canvas untouched. */
.btb-ms-template-grid,.btb-ms-library-grid,.btb-ms-review-grid{min-width:0}
.btb-ms-template,.btb-ms-library-card,.btb-ms-project{box-shadow:0 12px 30px rgba(8,25,48,.055)}
.btb-ms-template-meta :is(h2,h3,strong),.btb-ms-library-card :is(h2,h3,strong){
 letter-spacing:-.024em;text-wrap:balance;
}
.btb-ms-template-tools :is(a,button),.btb-ms-panel-actions :is(a,button),.btb-ms-topbar :is(a,button){
 min-height:44px;touch-action:manipulation;
}
.btb-ms-template-tools button,.btb-ms-panel-actions button,.btb-ms-topbar button{
 transition:transform .16s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease;
}
.btb-ms-template-tools button:not(:disabled):active,.btb-ms-panel-actions button:not(:disabled):active{transform:scale(.985)}
@media(prefers-reduced-motion:reduce){
 .btb-ms-template-tools button,.btb-ms-panel-actions button,.btb-ms-topbar button{transition:none}
 .btb-ms-template-tools button:active,.btb-ms-panel-actions button:active{transform:none}
}