.panel-sidebar button.nav-item.meta-video-nav { width:100%; border:0; font:inherit; text-align:left; color:#086678; background:#e7f8fc; }
.panel-sidebar button.nav-item.meta-video-nav.active { color:#fff; background:#087f8c; }
.panel-sidebar button.nav-item.meta-video-nav:hover { background:#cff0f6; color:#086678; }
.bottom-nav { overflow-x:auto; scrollbar-width:thin; }
.bottom-nav .nav-btn { min-width:68px; flex:0 0 auto; }
.bottom-nav .meta-video-mobile-nav { border:0; font:inherit; background:transparent; color:inherit; }
.bottom-nav .meta-video-mobile-nav.active { color:#087f8c; }
.meta-video-page { color:#183346; }
.meta-video-page *, .meta-video-page *::before, .meta-video-page *::after { box-sizing:border-box; }
.meta-video-page [hidden] { display:none !important; }
.mv-intro { padding:6px 0 22px; }
.mv-eyebrow { font-size:10px; letter-spacing:1.4px; font-weight:800; color:#087582; }
.mv-intro h2 { margin:9px 0; font-size:25px; letter-spacing:-.5px; }
.mv-intro p { margin:0; font-size:14px; line-height:1.6; color:#4b6273; }
.mv-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:18px; align-items:start; }
.mv-card { padding:22px; border:1px solid #d6e5ec; border-radius:18px; background:#fff; box-shadow:0 3px 14px rgba(37,82,112,.04); }
.mv-section-title { display:flex; align-items:center; gap:9px; margin-bottom:18px; }
.mv-section-title h3, .mv-history-heading h3 { margin:0; font-size:16px; color:#183346; }
.mv-step { display:grid; place-items:center; flex:none; width:27px; height:27px; border-radius:9px; background:#ddf8f4; color:#09665b; font-weight:800; font-size:12px; }
.mv-section-gap { margin-top:24px; }
.mv-label { display:block; margin:14px 0 7px; font-size:12px; font-weight:700; color:#294658; }
.mv-input { display:block; width:100%; min-height:44px; border:1px solid #bfd2dd; border-radius:10px; padding:11px 12px; background:#fff; color:#183346; font:inherit; font-size:13px; }
.mv-help { margin:8px 0; color:#526879; font-size:11.5px; line-height:1.6; }
.mv-upload { margin-top:18px; padding:14px; background:#f5fbff; border:1px dashed #76bdcd; border-radius:12px; }
.mv-upload .mv-label { margin-top:0; }
.mv-file { width:100%; color:#294658; font:inherit; font-size:12px; }
.mv-file::file-selector-button { padding:9px 13px; margin:0 9px 7px 0; border:1px solid #9ebccc; border-radius:8px; background:#fff; color:#185a77; font:inherit; font-weight:700; cursor:pointer; }
.mv-upload-state { margin:9px 0 0; color:#086a61; font-size:11.5px; line-height:1.6; }
.mv-targets { display:grid; gap:9px; border:0; padding:0; margin:0; min-width:0; }
.mv-target { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid #d6e5ec; border-radius:12px; cursor:pointer; background:#fff; }
.mv-target.is-selected { border-color:#078290; background:#f0fcfc; }
.mv-target.is-unavailable { background:#f5f7fa; cursor:default; }
.mv-target input { width:18px; height:18px; flex:none; accent-color:#087f8c; }
.mv-platform-icon { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; flex:none; font-size:22px; font-weight:800; }
.mv-facebook { color:#1762d2; background:#eaf1ff; }
.mv-instagram { color:#a82763; background:#fff0f6; }
.mv-target-text { display:grid; gap:4px; min-width:0; }
.mv-target-text strong { font-size:12px; }
.mv-target-text > span { font-size:10.5px; line-height:1.5; color:#526879; overflow-wrap:anywhere; }
.mv-account-actions { display:flex; flex-wrap:wrap; gap:5px 18px; margin-top:10px; }
.mv-link-button { border:0; background:transparent; padding:5px 0; font:inherit; font-size:11px; font-weight:700; color:#096879; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.mv-credit-box { padding:13px 14px; margin:19px 0 14px; border:1px solid #cce5d9; border-radius:12px; background:#f1fbf5; }
.mv-credit-box strong { font-size:12px; color:#14623d; }
.mv-credit-box p { font-size:11px; line-height:1.7; color:#375d49; margin:7px 0 0; }
.mv-publish, .mv-secondary { min-height:44px; padding:11px 14px; border:1px solid #08727d; border-radius:10px; font:inherit; font-weight:700; cursor:pointer; }
.mv-publish { width:100%; color:#fff; background:#087f8c; font-size:13px; }
.mv-publish:hover:enabled { background:#086874; }
.mv-publish:disabled { background:#e4edf1; color:#516879; border-color:#c7d7df; cursor:default; }
.mv-secondary { color:#086879; background:#fff; font-size:11px; flex:none; }
.meta-video-page :is(button,input,select,textarea,a):focus-visible, .meta-video-nav:focus-visible, .meta-video-mobile-nav:focus-visible { outline:3px solid #1a87e1; outline-offset:3px; }
.mv-notice { margin-top:13px; padding:11px 13px; font-size:12px; line-height:1.7; border-radius:10px; background:#eaf5ff; color:#1d5378; overflow-wrap:anywhere; }
.mv-notice.is-error { background:#fff1ee; color:#962f1b; }
.mv-preview-card { position:sticky; top:18px; }
.mv-video-shell { width:min(100%,252px); aspect-ratio:9/16; margin:0 auto; display:grid; place-items:center; border:1px solid #cbdde7; border-radius:14px; overflow:hidden; background:#f3f9fd; }
.mv-preview-empty { padding:22px; text-align:center; }
.mv-preview-empty > span { display:block; color:#0a8796; font-size:46px; margin-bottom:18px; }
.mv-preview-empty strong { display:block; font-size:13px; line-height:1.5; }
.mv-preview-empty p { color:#526879; font-size:11px; line-height:1.7; margin-top:10px; }
.mv-video { width:100%; height:100%; object-fit:contain; background:#f3f9fd; }
.mv-caption { resize:vertical; min-height:160px; line-height:1.7; background:#f9fbfd; }
.mv-history { margin-top:20px; }
.mv-history-heading { display:flex; justify-content:space-between; gap:15px; align-items:center; }
.mv-history-heading p { font-size:11px; line-height:1.6; color:#526879; margin:6px 0 0; }
.mv-jobs-empty { text-align:center; padding:30px 12px; font-size:12px; color:#526879; background:#f8fbfd; border:1px dashed #d6e5ec; border-radius:11px; margin-top:14px; }
.mv-job { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px 12px; padding:16px 0; border-top:1px solid #e1ebf1; }
.mv-job-title { margin:0; color:#294658; font-size:12px; font-weight:700; overflow-wrap:anywhere; }
.mv-job-meta, .mv-job-message { margin:5px 0 0; color:#526879; font-size:10.5px; line-height:1.6; overflow-wrap:anywhere; }
.mv-job-detail { grid-column:1/-1; }
.mv-job-link { display:inline-block; color:#076978; font-size:11px; font-weight:700; margin-top:6px; text-underline-offset:3px; }
.mv-status { align-self:start; font-size:10px; font-weight:700; padding:5px 8px; border-radius:7px; line-height:1.5; }
.mv-status-pending { color:#865006; background:#fff4d5; }
.mv-status-published { color:#0d633c; background:#def8e9; }
.mv-status-failed { color:#982f28; background:#fff0ed; }
.mv-status-uncertain { color:#604182; background:#f1eafa; }
@media (max-width:650px) {
  .mv-grid { grid-template-columns:1fr; }
  .mv-card { padding:18px; }
  .mv-preview-card { position:static; }
  .mv-intro h2 { font-size:22px; }
  .mv-history-heading { align-items:start; }
  .mv-secondary { max-width:100px; }
}