/* The site follows the visitor's system appearance; the house keeps its own clock. */
:root{color-scheme:light;--site-bg:#f5f6f8;--site-surface:#fbfcfd;--site-soft:#eceff1;--site-ink:#29322f;--site-muted:#67736f;--site-line:#dce1df;--site-brand:#385adb;--site-mark:#6e9185;--site-active:#397561}
@media(prefers-color-scheme:dark){
  :root{color-scheme:dark;--site-bg:#171c21;--site-surface:#20272d;--site-soft:#283138;--site-ink:#e0e6e9;--site-muted:#b8c4ca;--site-line:#364149;--site-brand:#afc0ef;--site-mark:#a5cdb9;--site-active:#b1d8c4}
}
body.system-theme{background:var(--site-bg);color:var(--site-ink)}
body.system-theme .site-header{border-bottom-color:var(--site-line)}
body.system-theme .site-header .brand{color:var(--site-ink)}
body.system-theme .site-header .brand span{color:var(--site-brand)}
body.system-theme .site-version{color:var(--site-muted)}
body.system-theme .site-version:hover{color:var(--site-brand)}
body.system-theme .site-header .main-nav a,body.system-theme .site-header .mobile-menu-toggle,body.system-theme .site-header .home-link{color:var(--site-ink)}
body.system-theme .site-header .main-nav a:hover,body.system-theme .site-header .home-link:hover{color:var(--site-active)}
body.system-theme .site-header .main-nav a:hover{background:transparent}
body.system-theme .site-credit{color:var(--site-muted);border-color:var(--site-line)}
.lab-mark,.game-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:28px;color:var(--site-mark,#6e9185);flex:none}
.lab-mark svg,.game-mark svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
body.system-theme .site-header .main-nav .small-mark{color:var(--site-mark)}
@media(max-width:680px){
  body.system-theme .header.menu-ready .main-nav{background:var(--site-surface);border-color:var(--site-line);box-shadow:0 12px 32px #0002}
  body.system-theme .header.menu-ready .main-nav a:hover{background:var(--site-soft)}
  .lab-mark,.lab-mark svg,.game-mark,.game-mark svg{width:21px;height:23px}
}
body.system-theme.history-page .history-card{color:var(--site-ink)}
body.system-theme.history-page .history-gallery h1{color:var(--site-muted)}
body.system-theme.history-page .history-image{background:var(--site-surface);border-color:var(--site-line)}
body.system-theme.history-page .history-card h2 svg{stroke:var(--site-mark)}
@media(prefers-color-scheme:dark){
  body.system-theme:has(.studio-layout){--paper:var(--site-bg);--ink:var(--site-ink);--muted:var(--site-muted);--line:var(--site-line)}
  .system-theme .viewer-wrap{background:radial-gradient(ellipse at 48% 48%,#293239 0%,#171c2100 72%)}
  .system-theme .model-loader{background:#171c21f2;color:var(--site-muted)}
  .system-theme .loading-ring{border-color:var(--site-line);border-top-color:var(--site-mark)}
  .system-theme .collection .project-link:hover,.system-theme .collection .project-link.active,.system-theme .collection-toggle{background:var(--site-soft);border-color:var(--site-line)}
  .system-theme .collection .project-list{background:var(--site-bg);border-color:var(--site-line)}
  .system-theme .collection .project-link.active{box-shadow:inset 2px 0 var(--site-mark)}
  .system-theme :is(.collection-heading>span,.project-number,.project-copy>span,.mobile-current small,.mobile-total,.view-topline,.view-bottomline,.eyebrow,.model-heading h2 span,.demo-footnote,.spec-label,.material small,.dimensions strong,.gesture-hints,.view-presets button,.demo-stages button){color:var(--site-muted)}
  .system-theme #demo-actions button{background:var(--site-surface);border-color:var(--site-line);color:var(--site-ink)}
  .system-theme #demo-actions button:first-child{background:transparent;color:var(--site-muted)}
  .system-theme #demo-replay,.system-theme .view-presets button[aria-pressed=true],.system-theme .demo-stages button[aria-current=true]{color:var(--site-active);border-color:var(--site-line)}
  .system-theme .view-presets button[aria-pressed=true]{background:var(--site-soft)}
  .system-theme .demo-stages button{border-color:var(--site-line)}
  .system-theme .gesture-divider,.system-theme .demo-track{background:var(--site-line)}
  .system-theme .collection-toggle svg{stroke:var(--site-muted)}
  .system-theme .draft-grid{background-image:linear-gradient(#b0c2c316 1px,transparent 1px),linear-gradient(90deg,#b0c2c316 1px,transparent 1px)}
  .system-theme .studio-name .small-mark{color:var(--site-mark)}
}