/* Homepage modal and document surfaces. The editor retains its existing style. */
body.home-mode{background:#080a0c;color:#f5f5f7}
body.home-mode[data-home-theme="light"]{background:#fbfbfd;color:#14161b}
.home-mode .loading-shell{color:#a8aaae;background:transparent}
.cinematic-home h2,.cinematic-home h3{color:var(--theatre-ink)}
.home-mode dialog{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;border-radius:18px}
.home-mode dialog .btn.primary{background:#0872ff;border-color:#0872ff;box-shadow:none}
.home-mode dialog .btn.primary:hover{background:#0067e9;border-color:#0067e9}
.home-mode dialog::backdrop{background:#080a0c99;backdrop-filter:blur(10px)}
.home-mode[data-home-theme="dark"] dialog{--ink:#e8eaf0;--muted:#a3a9b3;--line:#39404b;background:#181c23;color:#e8eaf0;border-color:#353c47;box-shadow:0 28px 100px #0009}
.home-mode[data-home-theme="dark"] dialog h2{color:#f5f5f7}
.home-mode[data-home-theme="dark"] .modal-header,.home-mode[data-home-theme="dark"] .modal-footer{border-color:#323842}
.home-mode[data-home-theme="dark"] .modal-footer{background:#151920}
.home-mode[data-home-theme="dark"] .modal-header .icon-btn{background:#282f39;color:#e3e7ee}
.home-mode[data-home-theme="dark"] .modal-intro,.home-mode[data-home-theme="dark"] .form-note{color:#b0b7c3}
.home-mode[data-home-theme="dark"] .field>span{color:#c7cdd6}
.home-mode[data-home-theme="dark"] .field input:not([type="checkbox"]),.home-mode[data-home-theme="dark"] .field select{background:#10151c;color:#e8eaf0;border-color:#394350;color-scheme:dark}
.home-mode[data-home-theme="dark"] .field input:focus,.home-mode[data-home-theme="dark"] .field select:focus{border-color:#579aff;box-shadow:0 0 0 3px #2678ff20}
.home-mode[data-home-theme="dark"] .template-option,.home-mode[data-home-theme="dark"] .account-option{background:#1b222d;border-color:#394350;color:#e8eaf0}
.home-mode[data-home-theme="dark"] .template-option strong,.home-mode[data-home-theme="dark"] .account-option strong{color:#e8eaf0}
.home-mode[data-home-theme="dark"] .template-option small,.home-mode[data-home-theme="dark"] .account-option small{color:#aab3c2}
.home-mode[data-home-theme="dark"] .template-option.active,.home-mode[data-home-theme="dark"] .account-option.active{border-color:#579aff;background:#202e43}
.home-mode[data-home-theme="dark"] .modal-footer>.btn:not(.primary){background:#282f39;color:#e8eaf0;border-color:#3b4553}
@media(max-width:600px){
  .cinematic-title-continuation{display:block}
  .cinematic-theme-toggle,.cinematic-account{min-height:40px;min-width:40px}
  .cinematic-account{width:40px;height:40px}
}
@media(min-width:601px) and (max-width:1100px){
  .cinematic-stage,.theme-light .cinematic-stage{height:480px;min-height:0}
  .cinematic-picture img{object-fit:contain;object-position:center bottom}
  .cinematic-hero-copy{padding-bottom:0;padding-top:110px}
  .cinematic-stage-shade{background:linear-gradient(90deg,#080a0ce6 0%,#080a0cc9 25%,#080a0c40 43%,transparent 60%),linear-gradient(0deg,#080a0c,transparent 9%)}
  .theme-light .cinematic-stage-shade{background:linear-gradient(180deg,#fbfbfd,transparent 30%),linear-gradient(0deg,#fbfbfd,transparent 9%)}
}