html[data-studio-theme="dark"] { color-scheme: dark; }
html[data-studio-theme="light"] { color-scheme: light; }
body.atelier .studio-theme-switch {
  display: inline-flex; flex: 0 0 auto; align-items: center; gap: 3px;
  padding: 4px; border: 1px solid #303444; border-radius: 11px;
  background: #191b24; color: #a1a6b7;
}
body.atelier .studio-theme-switch button {
  display: inline-flex; justify-content: center; align-items: center; gap: 6px;
  min-height: 34px; padding: 7px 10px; border: 1px solid transparent;
  border-radius: 7px; background: transparent; color: inherit;
  font: 500 12px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  cursor: pointer; box-shadow: none; white-space: nowrap;
}
body.atelier .studio-theme-switch button:hover { background: #242631; color: #e8eaf2; }
body.atelier .studio-theme-switch button[aria-pressed="true"] { background: #302742; color: #d0c4ff; border-color: #554570; }
body.atelier .studio-theme-switch button:focus-visible { outline: 2px solid #b8a7ff; outline-offset: 2px; }
body.atelier .studio-theme-switch svg { width: 15px; height: 15px; flex: 0 0 15px; }
body.atelier .studio-theme-login { position: absolute; top: 22px; right: 24px; z-index: 2; }
body.atelier .language-switch {
  display:inline-flex; flex:0 0 auto; align-items:center; gap:2px; padding:4px;
  border:1px solid #303444; border-radius:11px; background:#191b24; color:#a1a6b7;
}
body.atelier .language-switch button {
  min-width:34px; min-height:34px; padding:7px 8px; border:1px solid transparent;
  border-radius:7px; background:transparent; color:inherit; cursor:pointer;
  font:600 10px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing:.04em;
}
body.atelier .language-switch button:hover { background:#242631; color:#e8eaf2; }
body.atelier .language-switch button[aria-pressed="true"] { background:#302742; color:#d0c4ff; border-color:#554570; }
body.atelier .language-switch button:focus-visible { outline:2px solid #b8a7ff; outline-offset:2px; }
body.atelier .language-switch-login { position:absolute; top:22px; left:24px; z-index:2; }
html[data-studio-theme="light"] body.atelier .studio-theme-switch { background: #fff; border-color: #e1dfea; color: #656a78; }
html[data-studio-theme="light"] body.atelier .studio-theme-switch button:hover { background: #f5f3fb; color: #4c435f; }
html[data-studio-theme="light"] body.atelier .studio-theme-switch button[aria-pressed="true"] { background: #efecff; border-color: #ddd5fa; color: #5c4cd1; }
html[data-studio-theme="light"] body.atelier .language-switch { background:#fff; border-color:#e1dfea; color:#656a78; }
html[data-studio-theme="light"] body.atelier .language-switch button:hover { background:#f5f3fb; color:#4c435f; }
html[data-studio-theme="light"] body.atelier .language-switch button[aria-pressed="true"] { background:#efecff; border-color:#ddd5fa; color:#5c4cd1; }
@media (max-width: 700px) {
  body.atelier .shell > header { flex-wrap: wrap; }
  body.atelier .shell > header .atelier-breadcrumb { display: none; }
  body.atelier .shell > header .studio-theme-switch { margin-left: auto; order: 2; }
  body.atelier .shell > header .runpod-balance { order: 1; margin-right: auto; }
  body.atelier .studio-theme-switch button { min-height: 36px; padding: 7px 8px; font-size: 11px; }
  body.atelier .studio-theme-login { top: 14px; right: 16px; }
  body.atelier .language-switch-login { top:14px; left:16px; }
  body.atelier .login-gate { padding-top: 85px; }
}