/* Selected crimson film-studio identity. Brand-only overlay; no app behavior changes. */
.logo > i {
  background: url('/assets/hotaistar-magenta-20260929/icon.png') center / contain no-repeat !important;
  border-radius: 0 !important;
  flex-shrink: 0;
}
.logo > i::before, .logo > i > b { display: none !important; }
.logo > strong {
  color: transparent !important;
  background: url('/assets/hotaistar-magenta-20260929/wordmark.webp') center / contain no-repeat !important;
}
@media (forced-colors: active) {
  .logo > strong { color: CanvasText !important; background: none !important; }
}

/* Magenta accents: color-only overrides, no application layout changes. */
:root{--hotaistar-accent:#EC4ADE;--hotaistar-accent-fold:#9F1A95}
button:focus-visible,a:focus-visible{outline:2px solid #EC4ADE!important}
input:focus,textarea:focus,select:focus{border-color:#EC4ADE!important}
.mint{color:#EC4ADE!important}
.eyebrow{color:#EC4ADE!important}
.promo>button{color:#EC4ADE!important}
.main-nav nav .active{color:#EC4ADE!important}
.mega-tabs button.selected{color:#EC4ADE!important}
.template-options .selected .template-num{color:#EC4ADE!important}
.template-options>button>span:last-child{color:#EC4ADE!important}
.case-poster small{color:#EC4ADE!important}
.case-poster span{color:#EC4ADE!important}
.carousel-controls .dot.selected{background:#EC4ADE!important}
.step-number{color:#EC4ADE!important}
.floating-help{color:#EC4ADE!important}
.new-project{background:#EC4ADE!important}
.project-link>span{color:#EC4ADE!important}
.studio-tabs button.active{color:#EC4ADE!important;border-color:#EC4ADE!important}
.project-banner .primary{background:#EC4ADE!important}
.workflow-steps>button>span{color:#EC4ADE!important}
.panel>.primary{background:#EC4ADE!important}
.model-selector button.active{border-color:#EC4ADE!important}
.generator .primary{background:#EC4ADE!important}
.flow-line{background:#EC4ADE!important}
.node-type{color:#EC4ADE!important}
.flow-node button{color:#EC4ADE!important}
.content-toolbar .primary{background:#EC4ADE!important}
.shot-actions .primary{background:#EC4ADE!important}
.status.queued,.status.running,.status.generating{color:#EC4ADE!important}
.reference-picker button.selected{border:2px solid #EC4ADE!important}
.review-actions .primary{background:#EC4ADE!important}
.progress i{background:#EC4ADE!important}
.workspace-welcome .primary{background:#EC4ADE!important}
.generic-media a{color:#EC4ADE!important}
.demo-bar b{color:#EC4ADE!important}
.demo-timeline small{color:#EC4ADE!important}
.reuse-grid label.selected{border-color:#EC4ADE!important}
.reuse-grid input[type=checkbox],.series-projects input[type=checkbox]{accent-color:#EC4ADE!important}
/* Dark ink on bright primary surfaces. */
.new-project,.project-banner .primary,.panel>.primary,.generator .primary,.content-toolbar .primary,.shot-actions .primary,.review-actions .primary,.workspace-welcome .primary{color:#230B22!important}
/* A darker glass tint keeps magenta readable over bright movie frames. */
.main-nav{background:rgba(16,12,18,.90)!important}
.step-number{background:linear-gradient(135deg,#351331,#221020)!important}
.reference-picker button.selected,.reuse-grid label.selected{background-color:#32142E!important}