/* Opt-in public pages share the homepage's black, white and gray palette.
   Scope beats workspace.css and app-locale.css when loaded by production-shell. */
body.site-page.site-dark {
  --site-ink:#fff;
  --site-muted:#8e8e93;
  --site-line:#1c1c1e;
  --site-paper:#000;
  --site-surface:#0b0b0c;
  --ws-bg:#000;
  --ws-ink:#fff;
  --ws-muted:#a1a1a6;
  --ws-line:#2c2c2e;
  color-scheme:dark;
  background:var(--site-paper);
  color:var(--site-ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang SC","Hiragino Sans GB","Helvetica Neue",sans-serif;
}
body.site-dark ::selection {background:#3a3a3c;color:#fff}
body.site-dark :is(button,a,input,textarea,select,summary):focus-visible {outline:2px solid #fff;outline-offset:4px}
body.site-dark .site-skip {background:#fff;color:#000}
body.site-dark .site-nav {
  position:sticky;top:0;z-index:20;min-height:78px;padding:0 32px;
  background:rgb(0 0 0 / 82%);border-bottom:1px solid var(--site-line);
  backdrop-filter:saturate(140%) blur(18px);-webkit-backdrop-filter:saturate(140%) blur(18px);
}
body.site-dark .site-brand {gap:9px;font-size:24px;letter-spacing:-.8px}
body.site-dark .site-brand img {width:28px;height:28px;filter:none}
body.site-dark .site-brand span {color:#fff}
body.site-dark .site-nav a:not(.site-brand):not(.site-button) {color:var(--site-muted)}
body.site-dark .site-nav a:not(.site-brand):not(.site-button):is(:hover,[aria-current=page]) {color:#fff}
body.site-dark .site-nav-actions {gap:16px}
body.site-page.site-dark .site-button {
  background:transparent!important;border-color:#3a3a3c!important;color:#fff!important;box-shadow:none!important;
  min-height:44px;padding:10px 22px;border-radius:999px;
}
body.site-page.site-dark .site-button:hover:not(:disabled) {background:#1c1c1e!important;border-color:#636366!important}
body.site-page.site-dark .site-button.site-primary {background:#fff!important;border-color:#fff!important;color:#000!important}
body.site-page.site-dark .site-button.site-primary:hover:not(:disabled) {background:#e5e5ea!important;border-color:#e5e5ea!important;color:#000!important}
body.site-page.site-dark .site-button:disabled {background:#161618!important;border-color:#2c2c2e!important;color:#8e8e93!important;opacity:1}
body.site-page.site-dark .site-button.jelly-pressed:not(:disabled) {box-shadow:none!important}
body.site-page.site-dark .site-nav .site-button {min-height:38px;padding:8px 18px;font-size:12px;white-space:nowrap}
body.site-page.site-dark .auth-account {background:#0b0b0c!important;border-color:#2c2c2e!important;color:#c7c7cc!important}
body.site-dark .auth-account button {color:#c7c7cc!important;background:transparent;border:0}
body.site-dark .site-footer {max-width:1104px;margin:0 auto;padding:28px 0 36px;color:#8e8e93;flex-wrap:wrap}
body.site-dark .site-footer > div {display:flex;gap:20px;flex-wrap:wrap}
body.site-dark .site-footer a:hover {color:#fff}
body.site-dark:has(header [data-app-language-toggle]) .workspace-floating-nav {display:none}
body.site-dark .app-language-toggle {background:#1c1c1e;border-color:#1c1c1e;color:#8e8e93;box-shadow:none}
body.site-dark .app-language-toggle:hover {border-color:#48484a;box-shadow:none}
body.site-dark .app-language-thumb {background:#fff;border-color:#fff;box-shadow:none}
body.site-dark .app-language-toggle[data-locale=zh] [data-lang=zh],
body.site-dark .app-language-toggle[data-locale=en] [data-lang=en] {color:#000;text-shadow:none}

/* Account tabs and the content rendered into them use the same neutral surfaces. */
body.site-dark .workspace-main {max-width:1160px;margin:56px auto 80px;padding:0 28px;min-width:0;outline:none}
body.site-dark .workspace-heading {gap:24px;align-items:center;margin-bottom:30px}
body.site-dark .workspace-step {color:#8e8e93;font-size:10px;letter-spacing:.16em}
body.site-dark .workspace-heading h1 {font-size:clamp(32px,4.4vw,48px);font-weight:350;letter-spacing:-1.6px;line-height:1.3;margin:16px 0}
body.site-dark .workspace-heading p {color:#8e8e93;font-size:14px;line-height:1.9;margin:0}
body.site-dark .workspace-tabs {display:flex;gap:6px;margin:32px 0 26px;padding:6px;border:1px solid #1c1c1e;border-radius:22px;background:#0b0b0c;width:fit-content;max-width:100%}
body.site-dark .workspace-tabs a,
body.site-dark .workspace-tool-link,
body.site-dark .locale-switch {border:1px solid #2c2c2e;background:transparent;color:#a1a1a6;font-size:13px;padding:9px 16px;transition:background .2s,color .2s,border-color .2s}
body.site-dark .workspace-tabs a {border-color:transparent}
body.site-dark .workspace-tabs a:hover,
body.site-dark .workspace-tool-link:hover,
body.site-dark .locale-switch:hover {background:#1c1c1e;color:#fff}
body.site-dark .workspace-tabs a[aria-current=page] {background:#fff;border-color:#fff;color:#000}
body.site-dark .locale-switch {border-radius:999px;white-space:nowrap;flex-shrink:0;min-height:38px;padding:7px 14px}
body.site-dark .workspace-card {min-width:0;padding:28px;border:1px solid #1c1c1e;border-radius:20px;background:#0b0b0c;box-shadow:none;margin:18px 0;color:#fff}
body.site-dark .workspace-card h2 {margin:0 0 18px;font-size:21px;font-weight:500;letter-spacing:-.5px;line-height:1.5}
body.site-dark .workspace-card p,
body.site-dark .workspace-note {color:#a1a1a6;line-height:1.9;font-size:13px;overflow-wrap:anywhere}
body.site-dark .workspace-card strong {color:#fff;font-weight:550}
body.site-dark .workspace-stats .workspace-card {padding:24px}
body.site-dark .workspace-stats strong {font-size:34px;font-weight:450;letter-spacing:-1px;font-variant-numeric:tabular-nums}
body.site-dark .workspace-form {gap:20px}
body.site-dark .workspace-form label {color:#c7c7cc;font-size:13px;min-width:0}
body.site-dark .workspace-form input:not([type=checkbox]),
body.site-dark .workspace-form textarea,
body.site-dark .workspace-form select {
  min-width:0;max-width:100%;border:1px solid #3a3a3c;border-radius:10px;background:#111113;color:#fff;
  padding:11px 13px;font:inherit;transition:background .2s,border-color .2s;
}
body.site-dark .workspace-form :is(input,textarea,select):hover {border-color:#636366}
body.site-dark .workspace-form :is(input,textarea,select):focus {border-color:#8e8e93;background:#161618}
body.site-dark .workspace-form :is(input,textarea)::placeholder {color:#8e8e93}
body.site-dark .workspace-form :is(input,textarea,select):disabled {background:#1c1c1e;color:#8e8e93;cursor:not-allowed}
body.site-dark .workspace-form input[type=checkbox] {accent-color:#fff;width:16px;height:16px}
body.site-dark .workspace-form input[type=color] {width:100%;height:46px;padding:6px}
body.site-dark .workspace-form input::file-selector-button {font:inherit;border:1px solid #48484a;border-radius:6px;background:#2c2c2e;color:#fff;padding:5px 10px;margin-right:10px;cursor:pointer}
body.site-dark .workspace-form option {background:#111113;color:#fff}
body.site-dark .workspace-form input:is(:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus) {-webkit-text-fill-color:#fff;caret-color:#fff;-webkit-box-shadow:0 0 0 100px #111113 inset;box-shadow:0 0 0 100px #111113 inset}
body.site-dark .workspace-table {color:#c7c7cc}
body.site-dark .workspace-table :is(th,td) {border-color:#2c2c2e;padding:16px 12px}
body.site-dark .workspace-table th {font-size:12px;color:#8e8e93;white-space:nowrap}
body.site-dark .workspace-table small {color:#8e8e93;overflow-wrap:anywhere}
body.site-dark .workspace-table a {color:#fff;text-underline-offset:4px}
body.site-dark .workspace-table a:hover {text-decoration:underline}
body.site-dark .workspace-table button {border:1px solid #3a3a3c;border-radius:999px;background:transparent;color:#c7c7cc;padding:6px 12px;white-space:nowrap;transition:background .2s}
body.site-dark .workspace-table button:hover:not(:disabled) {background:#2c2c2e;color:#fff}
body.site-dark .workspace-table button:disabled {color:#636366;cursor:not-allowed}
body.site-dark .workspace-table progress {accent-color:#c7c7cc}
body.site-dark .workspace-empty {color:#8e8e93}
body.site-dark .workspace-json {background:#111113;border:1px solid #2c2c2e;border-radius:10px;padding:16px;color:#a1a1a6}
body.site-dark #workspace-message {color:#a1a1a6;font-size:13px;overflow-wrap:anywhere}
body.site-dark #workspace-message:empty {display:none}
body.site-dark #workspace-message.error {color:#ffb4ab}
body.site-dark .workspace-danger {border-color:#543333}
body.site-page.site-dark .workspace-danger .site-button {border-color:#75413d!important;color:#ffb4ab!important}
body.site-page.site-dark .workspace-danger .site-button:hover:not(:disabled) {background:#211515!important}
body.site-dark dialog.workspace-card {width:min(540px,calc(100vw - 36px));max-height:calc(100dvh - 48px);overflow:auto;margin:auto;border-color:#3a3a3c;background:#111113}
body.site-dark dialog.workspace-card::backdrop {background:#000b;backdrop-filter:blur(6px)}
body.site-dark dialog.workspace-card h3 {font-size:21px;font-weight:500;margin:0 0 16px}
body.site-dark dialog.workspace-card .workspace-actions button {min-height:42px;padding:9px 20px;border:1px solid #48484a;border-radius:999px;background:transparent;color:#fff;font:inherit;transition:background .2s}
body.site-dark dialog.workspace-card .workspace-actions button:hover {background:#2c2c2e}
body.site-dark dialog.workspace-card .workspace-actions button:not([type=button]) {color:#ffb4ab;border-color:#75413d}

/* Static help cards use the same grid and spacing as homepage feature cards. */
body.site-dark.help-page .workspace-main {margin-top:58px}
body.site-dark.help-page .workspace-heading {margin-bottom:36px}
body.site-dark.help-page .workspace-heading h1 {margin-bottom:0}
body.site-dark .help-guides {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.site-dark .help-guides .workspace-card {margin:0;padding:30px}
body.site-dark .help-guides .workspace-card:first-child {grid-column:1/-1}
body.site-dark .help-guides .workspace-card p {margin:0;max-width:880px}
body.site-dark .help-index {display:block;margin:0 0 23px;color:#636366;font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums}
body.site-dark .help-actions {margin-top:32px}

@media(max-width:1160px) {
  body.site-dark .site-footer {margin-inline:28px}
}
@media(max-width:760px) {
  body.site-dark .site-nav {min-height:72px;padding:16px 20px;gap:12px}
  body.site-dark .site-brand {font-size:22px;gap:7px}
  body.site-dark .site-brand img {width:24px;height:24px}
  body.site-dark .site-nav-actions {gap:10px}
  body.site-page.site-dark .site-nav .site-button {min-height:36px;padding:8px 12px;font-size:11px}
  body.site-dark .app-language-toggle {width:72px;flex-basis:72px;height:34px;min-height:34px;font-size:10px}
  body.site-dark .workspace-main {margin:32px auto 56px;padding:0 20px}
  body.site-dark .workspace-heading h1 {font-size:34px;letter-spacing:-1px}
  body.site-dark .workspace-heading p {font-size:13px}
  body.site-dark .workspace-tabs {gap:4px;margin:24px 0;border-radius:20px}
  body.site-dark .workspace-tabs a {padding:8px 12px;font-size:12px}
  body.site-dark .workspace-card {padding:22px}
  body.site-dark .workspace-card h2 {font-size:19px}
  body.site-dark .workspace-form :is(input,textarea,select) {font-size:16px}
  body.site-dark .site-footer {margin-inline:20px;padding:24px 0;font-size:11px}
  body.site-dark .site-footer > div {gap:14px}
  body.site-dark .help-guides {grid-template-columns:minmax(0,1fr);gap:16px}
  body.site-dark .help-guides .workspace-card {padding:24px}
  body.site-dark.help-page .workspace-main {margin-top:36px}
  body.site-dark .help-index {margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce) {
  body.site-dark *,body.site-dark *::before,body.site-dark *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}