/* Shared black canvas; page controls select a restrained normal or Docs accent. */
:root {
  color-scheme: dark;
  --bg: #000000 !important;
  --surface: #08090b !important;
  --surface-2: #0d0f12 !important;
  --surface2: #0d0f12 !important;
  --line: #202328 !important;
  --line-2: #30353c !important;
  --line2: #30353c !important;
  --text: #ffffff !important;
  --fg: #ffffff !important;
  --muted: #a3aab3 !important;
  --fg2: #a3aab3 !important;
  --accent: #91a7bd !important;
  --acc: #91a7bd !important;
  --acc2: #b2c0ce !important;
  --focus: #91a7bd !important;
  --accent-soft: rgba(145,167,189,.12) !important;
  --accm: rgba(145,167,189,.12) !important;
  --canvas: #000000 !important; --surface-elevated: #08090b !important; --surface-inset: #030405 !important;
  --carbon-950: #000000 !important; --carbon-900: #030405 !important; --carbon-850: #08090b !important;
  --carbon-800: #0d0f12 !important; --carbon-750: #111317 !important; --carbon-700: #171a1e !important;
  --graphite-600: #202328 !important; --graphite-500: #30353c !important;
  --line-800: #202328 !important; --line-700: #30353c !important; --line-600: #454b53 !important;
  --fg-primary: #ffffff !important; --fg-secondary: #a3aab3 !important; --fg-muted: #808892 !important;
  --accent-strong: #b2c0ce !important; --accent-muted: rgba(145,167,189,.12) !important;
  --border-subtle: #202328 !important; --border-default: #30353c !important; --border-strong: #454b53 !important;
  --c950: #000000 !important; --c900: #030405 !important;
  --c850: #08090b !important; --c800: #0d0f12 !important;
  --c750: #111317 !important; --c700: #171a1e !important;
  --g600: #202328 !important; --g500: #30353c !important;
  --l800: #202328 !important; --l700: #30353c !important;
  --l600: #454b53 !important;
}
html, body { background-color: #000000 !important; }
body { color: #ffffff; }
:is(.topbar, .sdk-site-header, .shell-header, .app-header, .site-header, .header, .sidebar, .toc, .mode-panel, .shell-mobile-panel) {
  background-color: #000000 !important;
  border-color: #202328 !important;
}
:is(.card, .feature, .tool-card, .panel, .step, .composer, .message-body, .fact, .pill, .search-box, .code, .terminal, .window, .login, .view) {
  border-color: #30353c;
}
:is(.card, .feature, .tool-card, .panel, .step, .composer, .message-body, .search-box, .terminal, .window) {
  background-color: #08090b;
}
:is(.card, .feature, .tool-card, .panel, .step, .terminal, .window):hover { border-color: #526273; }
:is(a, button, input, textarea, select):focus-visible { outline-color: #91a7bd !important; }
::selection { background: #354555; color: #fff; }
:where(input, textarea, select) { color-scheme: dark; }
:where(pre, .code pre, .content pre) { background-color: #000000; }
:where(.btn-primary, button.primary, button.run, .send-button, .primary) { border-color: #91a7bd; }
.theme-toggle {
  flex: none; border: 1px solid #30353c; border-radius: 8px; padding: 7px 10px;
  color: #d6dce2; background: #000000; font: inherit; font-size: .72rem; line-height: 1; font-weight: 700; cursor: pointer;
}
.theme-toggle:hover { border-color: #526273; color: #ffffff; }
.theme-toggle:focus-visible { outline: 2px solid #91a7bd; outline-offset: 2px; }
.theme-toggle-label { color: #a3aab3; font-weight: 600; }
:is(.tab, [role="tab"]) { background-color: #000000 !important; opacity: 1 !important; }
[data-theme="docs"] {
  --accent: #70568f !important; --acc: #70568f !important; --acc2: #9276b3 !important;
  --focus: #9276b3 !important; --accent-strong: #9276b3 !important;
  --accent-soft: rgba(112,86,143,.14) !important; --accm: rgba(112,86,143,.14) !important;
  --accent-muted: rgba(112,86,143,.14) !important;
  --line: #28242e !important; --line-800: #28242e !important; --line-700: #393341 !important;
  --line-2: #393341 !important; --line2: #393341 !important; --border-subtle: #28242e !important;
  --border-default: #393341 !important; --border-strong: #51465e !important;
  --graphite-600: #28242e !important; --graphite-500: #393341 !important;
  --l800: #28242e !important; --l700: #393341 !important; --l600: #51465e !important;
}
[data-theme="docs"] :is(a, button, input, textarea, select):focus-visible { outline-color: #9276b3 !important; }
[data-theme="docs"] .theme-toggle { border-color: #393341; }
[data-theme="docs"] .theme-toggle:hover { border-color: #70568f; }
.cw {
  --cw-bg: #050607; --cw-bar: #090a0c; --cw-line: #30353c;
  --cw-dim: #838b95; --cw-text: #e7ebef; --cw-accent: #91a7bd;
  box-shadow: 0 18px 44px -18px rgba(0,0,0,.88), inset 0 1px 0 rgba(145,167,189,.07);
}
.cw-tab { background: #000000; box-shadow: none; }
.cw-gutter { border-right-color: #202328; color: #747c86; }
.cw-status { background: #030405; }
.tk-keyword, .tk-def { color: #91a7bd; }
.tk-string { color: #a7c894; }
.tk-func { color: #a9b5c4; }
.tk-type, .tk-property, .tk-flag { color: #b2c0ce; }
.tk-constant, .tk-number, .tk-variable { color: #c7bd9c; }


/* Optional owner-requested font trial. Local face until a licensed webfont is supplied. */
@font-face { font-family: "Kantalad Trial"; src: local("Kantalad Cnd Bold"), local("KantaladCnd-Bold"); font-weight: 700; font-style: normal; font-display: swap; }
:root { --sdk-content-font: "Kantalad Trial", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body.sdk-layout { font-family: var(--sdk-content-font); }
.sdk-layout :is(main, .content, .view, .login) :is(p, li, h1, h2, h3, label, button, .card, .lead, .lede) { font-family: var(--sdk-content-font); }
.sdk-header-row :is(.brand, .brand-link, .page-title, .sdk-brand) { font-size: 12px; letter-spacing: -.02em; }
.sdk-header-row :is(.brand, .page-title, .sdk-brand, .brand-link strong) { gap: 4px; }
.sdk-header-row .page-title span { margin-left: -2px; }
.sdk-layout :is(pre, code, kbd, samp, .cw, .cw *) { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.sdk-layout .reading-intro { max-width: 65ch; color: var(--muted); line-height: 1.7; }


/* SDKSPACE reference palette: blue-black surfaces with a restrained ice-blue accent. */
:root:not([data-theme="docs"]) {
  --bg: #050812 !important; --canvas: #050812 !important;
  --surface: #090f1b !important; --surface-elevated: #090f1b !important;
  --surface-2: #0c1423 !important; --surface2: #0c1423 !important; --surface-inset: #030509 !important;
  --line: #18243a !important; --line-800: #18243a !important; --border-subtle: #18243a !important;
  --line-2: #263751 !important; --line2: #263751 !important; --line-700: #263751 !important; --border-default: #263751 !important;
  --line-600: #3b5a83 !important; --border-strong: #3b5a83 !important;
  --carbon-950: #050812 !important; --c950: #050812 !important;
  --carbon-900: #030509 !important; --c900: #030509 !important;
  --carbon-850: #090f1b !important; --c850: #090f1b !important;
  --carbon-800: #0c1423 !important; --c800: #0c1423 !important;
  --carbon-750: #111b2d !important; --c750: #111b2d !important;
  --carbon-700: #17243a !important; --c700: #17243a !important;
  --graphite-600: #18243a !important; --g600: #18243a !important;
  --graphite-500: #263751 !important; --g500: #263751 !important;
  --text: #f3f6fc !important; --fg: #f3f6fc !important; --fg-primary: #f3f6fc !important;
  --muted: #929bad !important; --fg2: #929bad !important; --fg-secondary: #929bad !important; --fg-muted: #7f8ba0 !important;
  --accent: #4da3ff !important; --acc: #4da3ff !important; --focus: #4da3ff !important;
  --acc2: #8fc4ff !important; --accent-strong: #8fc4ff !important;
  --accent-soft: rgba(77,163,255,.14) !important; --accm: rgba(77,163,255,.14) !important; --accent-muted: rgba(77,163,255,.14) !important;
}
html:not([data-theme="docs"]) body.sdk-layout {
  color: #f3f6fc !important; background-color: #050812 !important;
  background-image: radial-gradient(ellipse 140% 60% at 50% 0%, #0d1a2e 0%, #060a12 45%, #030509 100%) !important;
  background-attachment: fixed !important;
}
html:not([data-theme="docs"]) body.sdk-layout :is(.topbar, .sdk-site-header, .shell-header, .app-header, .site-header, .header, .sidebar, .toc, .mode-panel, .shell-mobile-panel) {
  background-color: rgba(5,8,18,.96) !important; border-color: #18243a !important;
}
html:not([data-theme="docs"]) body.sdk-layout :is(.card, .feature, .tool-card, .panel, .step, .composer, .message-body, .fact, .pill, .search-box, .code, .terminal, .window, .login, .view) {
  border-color: #18243a;
}
html:not([data-theme="docs"]) body.sdk-layout :is(.card, .feature, .tool-card, .panel, .step, .composer, .message-body, .search-box, .terminal, .window) {
  background-color: #090f1b;
}
html:not([data-theme="docs"]) body.sdk-layout :is(.card, .feature, .tool-card, .panel, .step, .terminal, .window):hover { border-color: #3b5a83; }
html:not([data-theme="docs"]) body.sdk-layout :is(a, button, input, textarea, select):focus-visible { outline-color: #4da3ff !important; }
html:not([data-theme="docs"]) body.sdk-layout :where(pre, .code pre, .content pre) { background-color: #030509; }
html:not([data-theme="docs"]) body.sdk-layout .theme-toggle { border-color: #263751; color: #dbe8f8; background: #0c1423; }
html:not([data-theme="docs"]) body.sdk-layout :is(.btn-primary, button.primary, button.run, .send-button, .exa-form button) {
  color: #ffffff !important; background: linear-gradient(90deg,#4da3ff,#2f6fe0) !important;
  border-color: #4da3ff !important; box-shadow: 0 6px 24px rgba(45,110,224,.28);
}
html:not([data-theme="docs"]) body.sdk-layout .theme-toggle:hover { border-color: #4da3ff; }