/* Shared Surfstats palette: matches Landing1 in both theme modes. */
html.ss-studio-palette[data-bs-theme="dark"]{--ss-home-bg:#101114;--ss-home-panel:#1b1c21;--ss-home-text:#f5f4f1;--ss-home-muted:#a5a5af;--ss-home-line:#303138;--ss-home-accent:#d8fc72;--ss-home-link:#d8fc72;--ss-home-accent-rgb:216,252,114;--ss-home-bg-rgb:16,17,20;--ss-home-text-rgb:245,244,241}
html.ss-studio-palette[data-bs-theme="light"]{--ss-home-bg:#f7f7f2;--ss-home-panel:#fff;--ss-home-text:#1b1c21;--ss-home-muted:#62636d;--ss-home-line:#deded8;--ss-home-accent:#c3ec56;--ss-home-link:#63851d;--ss-home-accent-rgb:195,236,86;--ss-home-bg-rgb:247,247,242;--ss-home-text-rgb:27,28,33}
html.ss-studio-palette[data-bs-theme]{--bs-body-bg:var(--ss-home-bg);--bs-body-bg-rgb:var(--ss-home-bg-rgb);--bs-body-color:var(--ss-home-text);--bs-body-color-rgb:var(--ss-home-text-rgb);--bs-emphasis-color:var(--ss-home-text);--bs-secondary-color:var(--ss-home-muted);--bs-secondary-bg:var(--ss-home-panel);--bs-tertiary-bg:var(--ss-home-panel);--bs-border-color:var(--ss-home-line);--bs-border-color-translucent:var(--ss-home-line);--bs-primary:var(--ss-home-link);--bs-primary-rgb:var(--ss-home-accent-rgb);--bs-primary-bg-subtle:rgba(var(--ss-home-accent-rgb),.12);--bs-primary-border-subtle:var(--ss-home-line);--bs-link-color:var(--ss-home-link);--bs-link-color-rgb:var(--ss-home-accent-rgb);--bs-link-hover-color:var(--ss-home-text);--vq-bg:var(--ss-home-bg);--vq-bg-2:var(--ss-home-panel);--vq-surface:var(--ss-home-panel);--vq-surface-2:var(--ss-home-panel);--vq-surface-solid:var(--ss-home-panel);--vq-surface-elev:var(--ss-home-panel);--vq-text:var(--ss-home-text);--vq-muted:var(--ss-home-muted);--vq-border:var(--ss-home-line);--vq-primary:var(--ss-home-accent);--vq-primary-2:var(--ss-home-accent)}
html.ss-studio-palette[data-bs-theme],html.ss-studio-palette[data-bs-theme] body.vq-body{background:var(--ss-home-bg)!important;color:var(--ss-home-text)!important}
html.ss-studio-palette[data-bs-theme] .navbar.vq-nav,html.ss-studio-palette[data-bs-theme] footer{background:var(--ss-home-bg)!important;border-color:var(--ss-home-line)!important;box-shadow:none!important}
html.ss-studio-palette[data-bs-theme] .card,html.ss-studio-palette[data-bs-theme] .dropdown-menu,html.ss-studio-palette[data-bs-theme] .accordion-item,html.ss-studio-palette[data-bs-theme] .form-control,html.ss-studio-palette[data-bs-theme] .form-select{background-color:var(--ss-home-panel)!important;border-color:var(--ss-home-line)!important;color:var(--ss-home-text)!important}
html.ss-studio-palette[data-bs-theme] .card{--bs-card-bg:var(--ss-home-panel);--bs-card-border-color:var(--ss-home-line);--bs-card-color:var(--ss-home-text)}
html.ss-studio-palette[data-bs-theme] .btn.btn-primary,html.ss-studio-palette[data-bs-theme] .btn.btn-dark,html.ss-studio-palette[data-bs-theme] .btn.btn-success{--bs-btn-color:#162000;--bs-btn-bg:var(--ss-home-accent);--bs-btn-border-color:var(--ss-home-accent);--bs-btn-hover-color:#162000;--bs-btn-hover-bg:var(--ss-home-accent);--bs-btn-hover-border-color:var(--ss-home-accent);--bs-btn-active-color:#162000;--bs-btn-active-bg:var(--ss-home-accent);background:var(--ss-home-accent)!important;color:#162000!important;border-color:var(--ss-home-accent)!important;box-shadow:none!important}
html.ss-studio-palette[data-bs-theme] .btn.btn-primary:hover,html.ss-studio-palette[data-bs-theme] .btn.btn-dark:hover,html.ss-studio-palette[data-bs-theme] .btn.btn-success:hover{filter:brightness(.92)}
html.ss-studio-palette[data-bs-theme] .btn.btn-outline-primary{--bs-btn-color:var(--ss-home-link);--bs-btn-border-color:var(--ss-home-line);--bs-btn-hover-color:#162000;--bs-btn-hover-bg:var(--ss-home-accent);--bs-btn-hover-border-color:var(--ss-home-accent);background:transparent!important;color:var(--ss-home-link)!important;border-color:var(--ss-home-line)!important}
html.ss-studio-palette[data-bs-theme] .btn.btn-outline-primary:hover{background:var(--ss-home-accent)!important;color:#162000!important}
html.ss-studio-palette[data-bs-theme] .navbar .nav-link,html.ss-studio-palette[data-bs-theme] .navbar-brand{color:var(--ss-home-text)!important}
html.ss-studio-palette[data-bs-theme] .navbar .nav-link:hover{color:var(--ss-home-link)!important}
html.ss-studio-palette[data-bs-theme] .text-primary,html.ss-studio-palette[data-bs-theme] .ss-product-eyebrow,html.ss-studio-palette[data-bs-theme] .home-start-icon{color:var(--ss-home-link)!important}
html.ss-studio-palette[data-bs-theme] .text-secondary,html.ss-studio-palette[data-bs-theme] .text-body-secondary{color:var(--ss-home-muted)!important}
html.ss-studio-palette[data-bs-theme] .form-control:focus,html.ss-studio-palette[data-bs-theme] .form-select:focus{border-color:var(--ss-home-accent)!important;box-shadow:0 0 0 .2rem rgba(var(--ss-home-accent-rgb),.2)!important}
/* Shared app shell and neutral controls. Status colors retain their meaning. */
html.ss-studio-palette[data-bs-theme] body,html.ss-studio-palette[data-bs-theme] .vq-app-shell,html.ss-studio-palette[data-bs-theme] .vq-main,html.ss-studio-palette[data-bs-theme] .vq-app-content{background-color:var(--ss-home-bg)!important;color:var(--ss-home-text)}
html.ss-studio-palette[data-bs-theme] .vq-sidebar,html.ss-studio-palette[data-bs-theme] .vq-app-topbar,html.ss-studio-palette[data-bs-theme] .modal-content,html.ss-studio-palette[data-bs-theme] .offcanvas,html.ss-studio-palette[data-bs-theme] .accordion-button,html.ss-studio-palette[data-bs-theme] .list-group-item,html.ss-studio-palette[data-bs-theme] .preview-hero,html.ss-studio-palette[data-bs-theme] .preview-card{background:var(--ss-home-panel)!important;border-color:var(--ss-home-line)!important;color:var(--ss-home-text)!important}
html.ss-studio-palette[data-bs-theme] .vq-sidebar .vq-side-link{color:var(--ss-home-text)!important;box-shadow:none!important}
html.ss-studio-palette[data-bs-theme] .vq-sidebar .vq-side-link.active,html.ss-studio-palette[data-bs-theme] .vq-sidebar .vq-side-link:hover,html.ss-studio-palette[data-bs-theme] .vq-sidebar .vq-side-link:focus,html.ss-studio-palette[data-bs-theme] .vq-sidebar .vq-side-link.vq-side-link-featured{background:rgba(var(--ss-home-accent-rgb),.10)!important;border-color:rgba(var(--ss-home-accent-rgb),.3)!important;color:var(--ss-home-link)!important;box-shadow:none!important}
html.ss-studio-palette[data-bs-theme] .vq-sidebar .vq-side-link.active{box-shadow:inset 3px 0 0 var(--ss-home-accent)!important}
html.ss-studio-palette[data-bs-theme] .vq-sidebar .vq-featured-icon,html.ss-studio-palette[data-bs-theme] .vq-sidebar .vq-featured-badge{color:var(--ss-home-link)!important;background:rgba(var(--ss-home-accent-rgb),.1)!important;border-color:var(--ss-home-line)!important}
html.ss-studio-palette[data-bs-theme] .btn.btn-outline-secondary,html.ss-studio-palette[data-bs-theme] .btn.btn-secondary,html.ss-studio-palette[data-bs-theme] .btn.btn-light{background:var(--ss-home-panel)!important;color:var(--ss-home-text)!important;border-color:var(--ss-home-line)!important;box-shadow:none!important}
html.ss-studio-palette[data-bs-theme] .btn.btn-outline-secondary:hover,html.ss-studio-palette[data-bs-theme] .btn.btn-secondary:hover,html.ss-studio-palette[data-bs-theme] .btn.btn-light:hover{background:var(--ss-home-bg)!important;border-color:var(--ss-home-muted)!important}
html.ss-studio-palette[data-bs-theme] .nav-pills .nav-link.active,html.ss-studio-palette[data-bs-theme] .page-item.active .page-link,html.ss-studio-palette[data-bs-theme] .form-check-input:checked{background:var(--ss-home-accent)!important;border-color:var(--ss-home-accent)!important;color:#162000!important}
html.ss-studio-palette[data-bs-theme] .page-link,html.ss-studio-palette[data-bs-theme] .dropdown-item{background-color:var(--ss-home-panel);color:var(--ss-home-text);border-color:var(--ss-home-line)}
html.ss-studio-palette[data-bs-theme] .dropdown-item:hover,html.ss-studio-palette[data-bs-theme] .dropdown-item.active{background:rgba(var(--ss-home-accent-rgb),.12);color:var(--ss-home-link)}
html.ss-studio-palette[data-bs-theme] .table{--bs-table-color:var(--ss-home-text);--bs-table-bg:var(--ss-home-panel);--bs-table-border-color:var(--ss-home-line);--bs-table-striped-color:var(--ss-home-text);--bs-table-striped-bg:rgba(var(--ss-home-accent-rgb),.035);--bs-table-hover-color:var(--ss-home-text);--bs-table-hover-bg:rgba(var(--ss-home-accent-rgb),.07)}
html.ss-studio-palette[data-bs-theme] .form-control::placeholder{color:var(--ss-home-muted);opacity:1}
html.ss-studio-palette[data-bs-theme] .workflow-box,html.ss-studio-palette[data-bs-theme] .asset-badge,html.ss-studio-palette[data-bs-theme] .asset-preview{background:var(--ss-home-bg);color:var(--ss-home-text);border-color:var(--ss-home-line)}
html.ss-studio-palette[data-bs-theme] .review-box{background:rgba(var(--ss-home-accent-rgb),.04);border-color:rgba(var(--ss-home-accent-rgb),.3)}
html.ss-studio-palette[data-bs-theme]{--bs-primary-text-emphasis:var(--ss-home-link);--bs-focus-ring-color:rgba(var(--ss-home-accent-rgb),.25);--bs-secondary-bg-rgb:var(--ss-home-bg-rgb);--bs-tertiary-bg-rgb:var(--ss-home-bg-rgb);--bs-emphasis-color-rgb:var(--ss-home-text-rgb);scrollbar-color:var(--ss-home-line) var(--ss-home-bg)}
html.ss-studio-palette[data-bs-theme] ::-webkit-scrollbar-track{background:var(--ss-home-bg)}
html.ss-studio-palette[data-bs-theme] ::-webkit-scrollbar-thumb{background:var(--ss-home-line);border:3px solid var(--ss-home-bg);border-radius:12px}

/* All /app page buttons match the muted Create · Video heading in both themes. */
html.ss-studio-palette.ss-app-button-text[data-bs-theme] main .btn,
html.ss-studio-palette.ss-app-button-text[data-bs-theme] .modal .btn{
  --bs-btn-color:var(--ss-home-muted);--bs-btn-hover-color:var(--ss-home-muted);--bs-btn-active-color:var(--ss-home-muted);--bs-btn-disabled-color:var(--ss-home-muted);
  color:var(--ss-home-muted)!important;
}
html.ss-studio-palette.ss-app-button-text[data-bs-theme] main .btn *,
html.ss-studio-palette.ss-app-button-text[data-bs-theme] .modal .btn *{color:inherit!important}
/* Dark-mode grey labels on lime-filled app buttons: 30% darker than #a5a5af. */
html.ss-studio-palette.ss-app-button-text[data-bs-theme="dark"]{--ss-filled-button-text:#74747b;--ss-filled-button-text:color-mix(in srgb,var(--ss-home-muted) 70%,#000 30%)}
html.ss-studio-palette.ss-app-button-text[data-bs-theme="dark"] main .btn:is(.btn-primary,.btn-success,.btn-dark),
html.ss-studio-palette.ss-app-button-text[data-bs-theme="dark"] .modal .btn:is(.btn-primary,.btn-success,.btn-dark),
html.ss-studio-palette.ss-app-button-text[data-bs-theme="dark"] main .btn.btn-outline-primary:is(:hover,:focus,:active,.active),
html.ss-studio-palette.ss-app-button-text[data-bs-theme="dark"] .modal .btn.btn-outline-primary:is(:hover,:focus,:active,.active){
 --bs-btn-color:var(--ss-filled-button-text);--bs-btn-hover-color:var(--ss-filled-button-text);--bs-btn-active-color:var(--ss-filled-button-text);--bs-btn-disabled-color:var(--ss-filled-button-text);
 color:var(--ss-filled-button-text)!important;
}
/* Primary labels: 50% darker than their previous color in each scope/theme. */
html.ss-studio-palette[data-bs-theme]{--ss-primary-button-text:#0b1000;--ss-primary-button-text:color-mix(in srgb,#162000 50%,#000 50%)}
html.ss-studio-palette.ss-app-button-text[data-bs-theme="light"]{--ss-primary-button-text:#313237;--ss-primary-button-text:color-mix(in srgb,var(--ss-home-muted) 50%,#000 50%)}
html.ss-studio-palette.ss-app-button-text[data-bs-theme="dark"]{--ss-primary-button-text:#3a3a3d;--ss-primary-button-text:color-mix(in srgb,var(--ss-home-muted) 35%,#000 65%)}
html.ss-studio-palette[data-bs-theme] body .btn.btn-primary,
html.ss-studio-palette.ss-app-button-text[data-bs-theme] main .btn.btn-primary,
html.ss-studio-palette.ss-app-button-text[data-bs-theme] .modal .btn.btn-primary{
 --bs-btn-color:var(--ss-primary-button-text);--bs-btn-hover-color:var(--ss-primary-button-text);--bs-btn-active-color:var(--ss-primary-button-text);--bs-btn-disabled-color:var(--ss-primary-button-text);
 color:var(--ss-primary-button-text)!important;
}
html.ss-studio-palette[data-bs-theme] body .btn.btn-primary *{color:inherit!important}

/* Compact landing showcase playback buttons. */
.ss-landing-latest button[data-home-play-video]{height:28px!important;min-height:0!important;padding:4px 10px!important;font-size:12px!important;line-height:18px!important;align-self:flex-start;flex:0 0 auto}