/* Readable rose accents. No filters on generated media; no canvas overrides. */
:root{--purple:#a92f62;--ink:#292534;--muted:#63596a;--soft:#fceaf2;--line:#eadce4;--bg:#fffafd}
html body .welcome-screen{background:#fff8fc!important;color:#292534!important}html body .welcome-video-shade{background:linear-gradient(100deg,rgba(255,248,252,.98),rgba(255,239,247,.93))!important}html body .welcome-copy h1,html body .welcome-copy h1 em{color:#352538!important;text-shadow:none!important}html body .welcome-copy h1 em{color:#a92f62!important}html body .welcome-copy p{color:#514654!important;text-shadow:none!important;font-size:16px;line-height:1.85}html body .welcome-nav{background:#fffafcf0!important;border-bottom:1px solid #ecdde5!important}html body .welcome-nav :is(.runway-links button,.quiet-link){color:#4d3f4d!important}html body :is(.welcome-kicker,.form-eyebrow){color:#873a60!important}html body .welcome-cta,html body .login-submit{background:#a92f62!important;color:#fff!important;border:1px solid #a92f62!important;box-shadow:0 6px 18px #a92f6226!important;border-radius:12px!important}html body .welcome-cta:hover,html body .login-submit:hover{background:#8d2351!important}html body .welcome-brand .brand-logo,html body .sidebar .brand-logo{background:#a92f62;border-radius:10px;padding:5px}
html body .login-panel{background:#fffafd!important;color:#292534!important}html body .login-form-wrap h1{color:#352538!important}html body :is(.form-muted,.login-note,.back-link){color:#63596a!important}html body .login-form-wrap label{color:#493d4a!important}html body .login-form-wrap input{color:#292534!important;background:#fff!important;border-color:#d9c5d1!important}html body .auth-switch{background:#f9eaf1!important}html body .auth-switch button{color:#644859!important}html body .auth-switch button.active{background:#a92f62!important;color:#fff!important}
html body.video-workspace .app-shell,html body.video-workspace .app-shell .main,html body.video-workspace .app-shell #createView{background:#fff9fc!important;color:#292534!important}html body.video-workspace .app-shell .topbar{background:#fff!important;color:#292534!important;border-bottom:1px solid #eadce4!important}html body.video-workspace .app-shell #createView :is(.composer,.preview,.task-sidebar){background:#fff!important;border:1px solid #eadce4!important;border-radius:18px!important;box-shadow:0 6px 22px #77355009!important}html body.video-workspace .app-shell #createView :is(.panel-head h3,.field-label,.control label,.workflow-reference-heading,.task-sidebar strong,.preview strong){color:#292534!important}html body.video-workspace .app-shell #createView :is(.muted,#videoModelMeta,#assetCount,.asset-help-note,#videoTools summary,.side-task-row small,.side-task-row em,.preview .panel-head .muted){color:#63596a!important}html body.video-workspace .app-shell #createView :is(#videoModelSelect,.control select,#prompt,input,textarea){color:#292534!important;background:#fff!important;border-color:#cdb9c7!important}html body.video-workspace .app-shell #createView #prompt{line-height:1.8;font-size:15px}html body.video-workspace .app-shell #createView #prompt::placeholder{color:#746a79!important}html body.video-workspace .app-shell #createView #generateBtn,html body.video-workspace .app-shell #createView #videoWorkspaceSwitch button[aria-pressed="true"]{background:#a92f62!important;color:#fff!important;border-color:#a92f62!important}html body.video-workspace .app-shell #createView #generateBtn:hover:not(:disabled){background:#8d2351!important}html body.video-workspace .app-shell #createView ::selection{background:#a92f62!important;color:white!important}html body.video-workspace .app-shell #createView :is(.upload-tile,.workflow-reference-picker){background:#fff9fc!important;border-color:#d9b6ca!important;color:#5c4353!important}html body.video-workspace .sidebar{background:#fff!important;border-right:1px solid #eadce4!important}html body.video-workspace .sidebar .nav-item{color:#584957!important}html body.video-workspace .sidebar .nav-item.active{background:#fbe6f0!important;color:#8d2351!important}html body.video-workspace .sidebar .new-btn{background:#a92f62!important;color:white!important;box-shadow:0 5px 14px #a92f6220!important}html body.video-workspace .topbar :is(h1,#pageTitle){color:#292534!important}html body.video-workspace .topbar p{color:#63596a!important}html body.video-workspace .hero-copy h2{color:#352538!important}html body.video-workspace .hero-copy h2 span{color:#a92f62!important}html body.video-workspace .hero-copy p{color:#63596a!important}html body.video-workspace .credit-chip{color:#8d2351!important;background:#fceaf2!important;border-color:#e5bfd1!important}
html body :is(input,textarea,select):focus-visible{outline:2px solid #a92f62!important;outline-offset:2px}html body button:focus-visible,html body a:focus-visible{outline:3px solid #a92f62!important;outline-offset:3px}html body dialog{border-color:#e6c6d6;border-radius:18px}html body dialog :is(input,textarea,select){color:#292534;background:#fff}html body #kokoAgentContactDialog{border:1px solid #e6c6d6!important;color:#292534!important;background:white!important}html body #kokoAgentContactDialog button{background:#a92f62;color:#fff;border-radius:9px;padding:9px 20px}
@media(prefers-reduced-motion:reduce){html body .welcome-cta{transition:none!important}}

html:root body #welcomeView #welcomeDemo{color:#514654!important;text-shadow:none!important}
html:root body #welcomeView :is(#welcomeCreate,#welcomeStart){background:#a92f62!important;color:#fff!important;border:1px solid #a92f62!important;text-shadow:none!important}
html:root body #loginView .login-panel{background:#fffafd!important;color:#292534!important}
html:root body #loginView .login-form-wrap :is(h1,label){color:#352538!important}
html:root body #loginView :is(.form-muted,.login-note,.back-link){color:#63596a!important}
html:root body #loginView .login-form-wrap :is(input,textarea){background:#fff!important;color:#292534!important;border:1px solid #cdb9c7!important}
html:root body #loginView input::placeholder{color:#706473!important}
html:root body #loginView .login-submit{background:#a92f62!important;color:#fff!important;border:1px solid #a92f62!important}
html:root body #loginView .form-eyebrow{color:#873a60!important}
html:root body #loginView .auth-switch button{background:transparent!important;color:#5e4657!important}
html:root body #loginView .auth-switch button.active{background:#a92f62!important;color:#fff!important}
html:root body #loginView #authAsideEyebrow{color:#f5cfdf!important}
html:root body #loginView #authAsideTitle{color:#fff!important}
html:root body #loginView #authAsideTitle em{color:#f1b3ce!important}
html:root body #loginView #authAsideCopy{color:#eee6ec!important}
html:root body.video-workspace #createView #generateBtn{background:#a92f62!important;color:white!important}

/* Strong, readable sidebar navigation — 20261016 */
html:root body .app-shell > .sidebar{background:#fff7fb!important;border-right:1px solid #e5bfd1!important;box-shadow:3px 0 16px #78244308!important}
html:root body .app-shell > .sidebar .nav-list{gap:7px!important}
html:root body .app-shell > .sidebar .nav-list .nav-item{min-height:46px!important;font-size:15px!important;font-weight:700!important;color:#493040!important;background:#fff!important;border:1px solid #ecd6e1!important;border-radius:11px!important;text-decoration:none!important;padding-left:13px!important;box-shadow:0 2px 5px #76324c05!important}
html:root body .app-shell > .sidebar .nav-list .nav-item .nav-icon{color:#934566!important;font-size:18px!important;opacity:1!important}
html:root body .app-shell > .sidebar .nav-list .nav-item:hover{background:#f9e5ee!important;border-color:#ce86a6!important;color:#7e2049!important}
html:root body .app-shell > .sidebar .nav-list .nav-item.active{background:#a92f62!important;color:#fff!important;border-color:#a92f62!important;box-shadow:0 5px 12px #a92f6224!important}
html:root body .app-shell > .sidebar .nav-list .nav-item.active .nav-icon{color:#fff!important}
html:root body .app-shell > .sidebar .nav-list .nav-item:before{display:none!important}
html:root body .app-shell > .sidebar .nav-list .nav-item em{background:#f7dce8!important;color:#7e2049!important;font-weight:800!important;border:1px solid #e8bad0!important}
html:root body .app-shell > .sidebar .nav-list .nav-item.active em{background:#fff!important;color:#8d2351!important}
html:root body .app-shell > .sidebar #sidebarMemberBtn{color:#754c1a!important;background:#fff9eb!important;border-color:#e8d5ad!important}
html:root body .app-shell > .sidebar #sidebarAgentBtn{color:#87364f!important;background:#ffedf3!important;border-color:#dfa3bb!important}
html:root body .app-shell > .sidebar .nav-list #sidebarMemberBtn .nav-icon{color:#85591d!important}
html:root body .app-shell > .sidebar .nav-list #sidebarAgentBtn .nav-icon{color:#a92f62!important}
html:root body .app-shell > .sidebar .status-pill{color:#66515f!important}
