/* Consumer-only compatibility bridge. Rebind aliases at EVERY theme boundary. */
:root, [data-theme] {
  --space-1: var(--space-xs); --default-space-1: var(--space-xs);
  --space-2: var(--space-sm); --default-space-2: var(--space-sm);
  --title-font-family: var(--font-body); --default-title-font-family: var(--font-body);
  --read-font-family: var(--font-body); --default-read-font-family: var(--font-body);
  --font-size-medium: var(--typography-body-font-size); --default-font-size-medium: var(--typography-body-font-size);
  --font-size-small: var(--typography-small-font-size); --default-font-size-small: var(--typography-small-font-size);
  --font-size-large: var(--typography-h2-font-size, var(--typography-body-font-size)); --default-font-size-large: var(--typography-h2-font-size, var(--typography-body-font-size));
  /* Legacy consumer compatibility; generated pane components use scoped styles. */
  --pane-border-radius: var(--radius-md); --default-pane-border-radius: var(--radius-md);
  --button-border-radius: var(--radius-md); --default-button-border-radius: var(--radius-md);
  --box-shadow: var(--shadow-sm); --default-box-shadow: var(--shadow-sm);
}
html, body, [data-theme] { background-color: var(--color-background); color: var(--color-text); }
body {
  font-family: var(--font-body); font-size: var(--typography-body-font-size);
  font-weight: var(--typography-body-font-weight); line-height: var(--typography-body-line-height);
}
[hidden] { display: none !important; }
pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
.visually-hidden {
  position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important;
  overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}
.navbar, .navbar-inverse, .pane, .toolbar, .panel, .well, .modal-content, .shell-action-menu-list, .console_header {
  background: var(--color-surface); color: var(--color-text); border: var(--border-control);
}
/* Legacy .pane rules keep older authored components and browser fixtures compatible.
   Generated pane components receive their authoritative scoped rules after this bridge. */
.pane, .panel, .well { padding: var(--space-lg); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
.toolbar {
  display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; box-sizing: border-box;
  gap: var(--space-sm); padding: var(--space-sm); margin: 1vh 1vw; border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.navbar { border-radius: 0; }
.navbar-brand, .navbar-inverse .navbar-brand, h1, h2, h3, h4, h5, h6, label, legend, .panel-heading { color: var(--color-text); font-family: var(--font-body); }
.navbar .container-fluid { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-lg); }
.navbar-header { margin-right: auto; }
.side_navigation, .console_content { background: var(--color-background); }
.menu, .menu a, .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a { color: var(--color-text); background: var(--color-surface); }
.menu a:hover, .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:hover { background: var(--color-surface-alt); color: var(--color-text); }
a { color: var(--color-text); text-decoration: underline; text-decoration-color: var(--color-brand); text-underline-offset: .2em; }
a:hover, a:focus { color: var(--color-text); text-decoration-thickness: .15em; }
.text-muted, small, .help-block { color: var(--color-text-secondary); }
input, select, textarea, .form-control {
  background: var(--color-surface); color: var(--color-text); border: var(--border-control);
  border-radius: var(--radius-md); padding: var(--space-sm); font: inherit;
  border-color: var(--color-text-secondary);
}
input::placeholder, textarea::placeholder { color: var(--color-text-secondary); opacity: 1; }
button, .btn, .btn-primary, .btn-default, submit-button {
  background: var(--color-surface); color: var(--color-text); border: var(--border-control);
  border-radius: var(--radius-md); padding: var(--space-sm) var(--space-lg);
  font-family: var(--font-body); font-size: var(--typography-button-font-size); font-weight: var(--typography-button-font-weight);
}
.btn-primary { border-color: var(--color-text-secondary); border-width: 2px; box-shadow: inset 4px 0 var(--color-brand); }
button:hover, .btn:hover, .btn-primary:hover, .btn:focus { background: var(--color-surface-alt); color: var(--color-text); }
:disabled, [aria-disabled="true"], .btn.disabled { cursor: not-allowed; opacity: 1; background: var(--color-surface-alt); color: var(--color-text); }
:focus-visible { outline: 2px solid var(--color-text); outline-offset: 3px; }
.alert, .notification { background: var(--color-surface); color: var(--color-text); border: var(--border-control); border-left-width: 4px; }
.alert-success, .btn-success { border-color: var(--color-success); }
.alert-danger, .btn-danger { border-color: var(--color-error); }
.alert-warning, .btn-warning { border-color: var(--color-warning); }
.alert-info, .btn-info { border-color: var(--color-info); }
.btn-success, .btn-danger, .btn-warning, .btn-info { background: var(--color-surface); color: var(--color-text); }
.design-system-logo { background: var(--image-logo) center / contain no-repeat; width: 9rem; height: 3rem; }
.design-system-menu-logo { background: var(--image-logo) center / contain no-repeat; width: 9rem; height: 3rem; }
.design-system-header-actions { display: flex; align-items: center; justify-content: flex-end; padding: var(--space-sm); }
/* Header chrome only; its structure, flow, growth and alignment use linked tokens. */
.app-header { box-sizing: border-box; background: var(--color-surface); color: var(--color-text); border-bottom: var(--border-control); padding: var(--space-sm) var(--space-lg); }
.component-image { display: block; flex-shrink: 0; background-position: center; background-size: contain; background-repeat: no-repeat; }
/* Visibility remains shell-owned: activating the console hides its loading state. */
.console { display: none; }
.loading { display: block; }
/* Legacy colors have conflicting foreground/background roles: override consumers, never alias --white/--graytone globally. */
body .console, body .fullscreenbackgroundcolor { background: var(--color-background); color: var(--color-text); }
body .explainer-background, body .billboard, body .search-results { background: var(--color-surface); color: var(--color-text); }
body .side_navigation { background: var(--color-surface); color: var(--color-text); }
body .console_header { color: var(--color-text); border-color: var(--color-border); }
body .side_navigation .dropdown > span, body .side_navigation a,
body shell-menu:not([data-style="header-menu"]) shell-menu-item,
body shell-menu:not([data-style="header-menu"]) shell-menu-item a,
body shell-menu:not([data-style="header-menu"]) shell-menu-item a:hover { color: var(--color-text); }
body shell-menu:not([data-style="header-menu"]) shell-menu-item.active { background-color: var(--color-surface-alt); border-color: var(--color-brand); }
body .shell-action-menu-list li a { background: var(--color-surface); color: var(--color-text); }
body .shell-action-menu-list li a:hover, body .shell-action-menu-list li a:focus { background: var(--color-surface-alt); color: var(--color-text); }
body .shell-action-menu-list li:not(:first-child), body .responsive-list li, body .search-results li, body .pane .inline-form { border-color: var(--color-border); }
body .responsive-list a { color: var(--color-text); }
body .pane.rounded { padding: var(--space-lg); }
body .inline-form, body .inline-form table, body .inline-form table tr { background: var(--color-surface) !important; color: var(--color-text); }
body :is(input, textarea, select, .form-control) { font: inherit; background: var(--color-surface); color: var(--color-text); border: var(--border-control); border-color: var(--color-text-secondary); border-radius: var(--radius-md); padding: var(--space-sm); }
body :is(button, .btn, submit-button), body a.button, body a.action, body a.button.primary {
  background: var(--color-surface); color: var(--color-text); border: var(--border-control); border-color: var(--color-text-secondary);
  border-radius: var(--radius-md); padding: var(--space-sm) var(--space-lg); font-family: var(--font-body); font-weight: var(--typography-button-font-weight);
}
body a.button.primary { box-shadow: inset 4px 0 var(--color-brand); }
body :is(button, .btn):hover, body a.button:hover, body a.action:hover { background: var(--color-surface-alt); color: var(--color-text); border-color: var(--color-text-secondary); }
body :is(input, textarea, select, button):disabled, body .btn.disabled, body a.action.disabled, body [aria-disabled="true"] {
  background: var(--color-surface-alt); color: var(--color-text); opacity: 1; cursor: not-allowed;
}
body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) :is(small,.small) { color: var(--color-text-secondary); }
body h1, body .h1 { font-size: var(--typography-h1-font-size, inherit); font-weight: var(--typography-h1-font-weight, inherit); }
body h2, body .h2 { font-size: var(--typography-h2-font-size, inherit); font-weight: var(--typography-h2-font-weight, inherit); }
body :is(.blue,.red,.green,.orange,.gray,.darkgray,.white,.yellow) { background-color: var(--color-surface) !important; color: var(--color-text) !important; }
body .blue { border-left: 4px solid var(--color-brand); }
body .red { border-left: 4px solid var(--color-error); }
body .green { border-left: 4px solid var(--color-success); }
body :is(.orange,.yellow) { border-left: 4px solid var(--color-warning); }
body .slider, body input:checked:not([disabled]) + .slider { background: var(--color-text-secondary); }
body .slider::before { background: var(--color-surface); }
body input:focus-visible + .slider { outline: 2px solid var(--color-text); outline-offset: 3px; }
body .checkbox .checkbox-visual, body .checkbox input:checked ~ .checkbox-visual { background: var(--color-surface); border-color: var(--color-text-secondary); }
body .checkbox input:checked ~ .checkbox-visual::after, body .checkbox input:checked ~ .checkbox-visual.circular::after { border-color: var(--color-text); }
body .loading img, body .blue .loading img, body .gray .loading img { content: none; display: none; }
body .loading::after { content: 'Loading…'; color: var(--color-text-secondary); padding: var(--space-lg); }
@media (max-width: 640px) { .console_content, .pane-spacer { width: 100%; margin: 0; } .side_navigation { position: static; width: 100%; } }
@media (max-width: 640px) {
  .app-header { gap: var(--space-sm); padding: var(--space-xs) var(--space-sm); }
  .app-header > .design-system-logo { width: 6rem; height: 2rem; }
  .app-header shell-menu .design-system-menu-logo { width: 3rem; height: 2rem; }
}
/* Shared application error-message style from the UI graph. */
:root, [data-theme] {
  --application-error-message-background: var(--color-surface);
  --application-error-message-foreground: var(--color-text);
  --application-error-message-border: var(--border-control);
  --application-error-message-border-color: var(--color-error);
  --application-error-message-border-inline-start-width: var(--space-xs);
  --application-error-message-padding: var(--space-sm);
  --application-error-message-radius: var(--radius-md);
  --application-error-message-shadow: var(--shadow-md);
  --application-error-message-min-inline-size: var(--layout-error-message-min-inline-size);
  --application-error-message-max-inline-size: var(--layout-error-message-max-inline-size);
  --application-error-message-box-sizing: border-box;
  --application-error-message-line-height: 1.3;
  --application-error-message-inline-size: max-content;
}
/* Shared shell notification styles from the UI graph. */
:root, [data-theme] {
  --shell-notification-error-background: var(--color-error);
  --shell-notification-error-foreground: var(--palette-white);
  --shell-notification-error-padding: var(--space-md);
  --shell-notification-error-margin: var(--space-md);
  --shell-notification-error-radius: var(--radius-full);
  --shell-notification-error-shadow: var(--shadow-sm);
  --shell-notification-error-height: var(--space-two-xl);
  --shell-notification-warning-background: var(--color-warning);
  --shell-notification-warning-foreground: var(--palette-white);
  --shell-notification-warning-padding: var(--space-md);
  --shell-notification-warning-margin: var(--space-md);
  --shell-notification-warning-radius: var(--radius-full);
  --shell-notification-warning-shadow: var(--shadow-sm);
  --shell-notification-warning-height: var(--space-two-xl);
  --shell-notification-info-background: var(--color-info);
  --shell-notification-info-foreground: var(--palette-white);
  --shell-notification-info-padding: var(--space-md);
  --shell-notification-info-margin: var(--space-md);
  --shell-notification-info-radius: var(--radius-full);
  --shell-notification-info-shadow: var(--shadow-sm);
  --shell-notification-info-height: var(--space-two-xl);
}
/* Generated component token bindings. */
body [data-component="79d2598e367b4499172375e04830a368c236ad6921ab10b9fe8d5ce5061dd4bd"] {
  display: flex;
  flex-direction: var(--layout-direction-column);
  gap: var(--space-xs);
  padding: var(--space-xs);
  background: var(--color-surface);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  min-inline-size: min(var(--space-three-xl), calc(100vw - 2 * var(--space-sm)));
  position: absolute;
  inset-block-start: 100%;
  inset-block-end: auto;
  inset-inline-end: 0;
  inset-inline-start: auto;
  max-inline-size: calc(100vw - 2 * var(--space-sm));
  box-sizing: border-box;
  z-index: 1000;
}
body [data-component="118cbbd742f01b46614c13bf5d8190eaaa895e1e9d0c1dc37f514c48b09b7b64"] {
  text-align: var(--alignment-text-center);
  padding: var(--space-none);
  background: var(--color-surface-alt);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-full);
  font-weight: var(--font-weight-button);
  width: var(--space-two-xl);
  height: var(--space-two-xl);
  cursor: pointer;
}
body [data-component="118cbbd742f01b46614c13bf5d8190eaaa895e1e9d0c1dc37f514c48b09b7b64"]:hover {
  background: var(--color-surface);
  color: var(--color-text);
}
body [data-component="118cbbd742f01b46614c13bf5d8190eaaa895e1e9d0c1dc37f514c48b09b7b64"]:focus-visible { outline: var(--border-control); outline-offset: var(--space-xs); }
body [data-component="b80330b76260506a261d562b0460dc7d246ee6905eb2ec951d9563b908e2ed74"] {
  padding: var(--space-sm);
  background: var(--color-transparent);
  color: var(--color-text);
  border: var(--border-none);
  border-radius: var(--radius-sm);
  min-block-size: var(--space-two-xl);
  cursor: pointer;
}
body [data-component="b80330b76260506a261d562b0460dc7d246ee6905eb2ec951d9563b908e2ed74"]:hover {
  background: var(--color-surface-alt);
  color: var(--color-text);
}
body [data-component="b80330b76260506a261d562b0460dc7d246ee6905eb2ec951d9563b908e2ed74"]:focus-visible { outline: var(--border-control); outline-offset: var(--space-xs); }
body [data-component="4384c73e5e4f71462abbd20a84cfe66f08d97aaee37e44315a9c2bdeab1fccd0"] {
  padding: var(--space-sm);
  background: var(--color-transparent);
  color: var(--color-text);
  border: var(--border-none);
  border-radius: var(--radius-sm);
  min-block-size: var(--space-two-xl);
  cursor: pointer;
}
body [data-component="4384c73e5e4f71462abbd20a84cfe66f08d97aaee37e44315a9c2bdeab1fccd0"]:hover {
  background: var(--color-surface-alt);
  color: var(--color-text);
}
body [data-component="4384c73e5e4f71462abbd20a84cfe66f08d97aaee37e44315a9c2bdeab1fccd0"]:focus-visible { outline: var(--border-control); outline-offset: var(--space-xs); }
body [data-component="26ccaff66ba48223b7a98d415524d4fc46bce5dc20a2cce6e756467ce5f41add"] {
  text-align: var(--alignment-text-center);
}
body [data-component="8c0b6734baec753b5df23c7de90d240e992a3a59d73cb1d68678f5b487ff1ba4"] {
  text-align: var(--alignment-text-center);
  padding-block: var(--space-sm);
  padding-inline: var(--space-lg);
  background: var(--color-text);
  color: var(--color-surface);
  border: var(--border-none);
  border-radius: var(--radius-full);
  font-weight: var(--font-weight-button);
  height: var(--space-two-xl);
  cursor: pointer;
  box-sizing: border-box;
  line-height: 1.2;
}
body [data-component="8c0b6734baec753b5df23c7de90d240e992a3a59d73cb1d68678f5b487ff1ba4"]:hover {
  background: var(--color-text-secondary);
  color: var(--color-surface);
}
body [data-component="8c0b6734baec753b5df23c7de90d240e992a3a59d73cb1d68678f5b487ff1ba4"]:focus-visible { outline: var(--border-control); outline-offset: var(--space-xs); }
body [data-component="25a5bd7cf778e864b77c5054e9c2b0f544d5f0605be193473388e0d49a1146be"] {
  padding: var(--space-sm);
  background: var(--color-transparent);
  color: var(--color-text);
  border: var(--border-none);
  border-radius: var(--radius-sm);
  min-block-size: var(--space-two-xl);
  cursor: pointer;
}
body [data-component="25a5bd7cf778e864b77c5054e9c2b0f544d5f0605be193473388e0d49a1146be"]:hover {
  background: var(--color-surface-alt);
  color: var(--color-text);
}
body [data-component="25a5bd7cf778e864b77c5054e9c2b0f544d5f0605be193473388e0d49a1146be"]:focus-visible { outline: var(--border-control); outline-offset: var(--space-xs); }
body [data-component="a4ce66a613a4891162d295cd11134a04976557200e4f61bdc568ae37dd92c76b"] {
  padding: var(--space-sm);
  background: var(--color-surface);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  min-inline-size: min(var(--layout-error-message-min-inline-size), calc(100vw - 2 * var(--space-sm)));
  max-inline-size: min(var(--layout-error-message-max-inline-size), calc(100vw - 2 * var(--space-sm)));
  box-sizing: border-box;
  line-height: 1.3;
  inline-size: max-content;
  position: absolute;
  inset-block-start: 100%;
  inset-block-end: auto;
  inset-inline-end: 0;
  inset-inline-start: auto;
  z-index: 1000;
}
body [data-component="a8fe7dc7b620a2261c22f72b5dc9672b09a8b38f4785bcc88cd1d25f91168ad3"] {
  display: flex;
  flex-direction: var(--layout-direction-row);
  align-items: var(--alignment-vertical-center);
  gap: var(--space-xs);
  color: var(--color-text);
  font-family: var(--font-body);
  position: relative;
}
body [data-component="a95d829f668c731cea24a0dfdd8d6f72a1b1a7469afdd922ce33a710ab657cb5"] {
  padding: var(--space-sm);
  background: var(--color-transparent);
  color: var(--color-text);
  border: var(--border-none);
  border-radius: var(--radius-sm);
  min-block-size: var(--space-two-xl);
  cursor: pointer;
}
body [data-component="a95d829f668c731cea24a0dfdd8d6f72a1b1a7469afdd922ce33a710ab657cb5"]:hover {
  background: var(--color-surface-alt);
  color: var(--color-text);
}
body [data-component="a95d829f668c731cea24a0dfdd8d6f72a1b1a7469afdd922ce33a710ab657cb5"]:focus-visible { outline: var(--border-control); outline-offset: var(--space-xs); }
body [data-component="2843f00c84f8a05584f1b8c0b2daef464aba1fc3aff1403c4cbd1a3974daaca1"] {
  padding: var(--space-sm);
  background: var(--color-transparent);
  color: var(--color-text);
  border: var(--border-none);
  border-radius: var(--radius-sm);
  min-block-size: var(--space-two-xl);
  cursor: pointer;
}
body [data-component="2843f00c84f8a05584f1b8c0b2daef464aba1fc3aff1403c4cbd1a3974daaca1"]:hover {
  background: var(--color-surface-alt);
  color: var(--color-text);
}
body [data-component="2843f00c84f8a05584f1b8c0b2daef464aba1fc3aff1403c4cbd1a3974daaca1"]:focus-visible { outline: var(--border-control); outline-offset: var(--space-xs); }
body [data-component="0a662e51c1c042dd1a7cf626cd080575dbf114898dae29e02b5b3871f7a3e54a"] {
  position: relative;
}
body [data-component="4107d5ed6c47b8f83578c17a1edbd3b29921b3d9cc61c1fbc616dba4a6174829"] {
  display: flex;
  flex-direction: var(--layout-direction-row);
  align-items: var(--alignment-vertical-center);
  justify-content: var(--alignment-distribution-space-between);
  gap: var(--space-lg);
}
body [data-component="c206c9ea452d07e2dc5a2b8d8f31e96a4e732fbc68320d66066d0d870d3c853c"] {
  display: flex;
  flex-direction: var(--layout-direction-row);
  justify-content: var(--alignment-horizontal-end);
  align-items: var(--alignment-vertical-center);
  flex-grow: var(--layout-grow-fill);
  min-inline-size: var(--space-none);
  gap: var(--space-sm);
}
body [data-component="a440638a229419dca2b7f5065cd7d43b53850c7db6f909e7dcc7c85d56cd30e6"] {
  display: flex;
  flex-direction: var(--layout-direction-row);
  align-items: var(--alignment-vertical-center);
  justify-content: var(--alignment-distribution-start);
  gap: var(--space-none);
  padding: var(--space-none);
  margin: var(--space-none);
  background: var(--color-transparent);
  border: var(--border-none);
  cursor: pointer;
}
body [data-component="3371f9a78b6dc3089a2134a504fa8d63579228e53a995edd17d4a3637bf50337"] {
  background-image: var(--image-logo);
}
body [data-component="31fce9335c99479166e587d8ebba6ade10a76f8c265dbc54977a8969d19fa197"] .icon::before {
  background-image: var(--image-menu-design);
}
body [data-component="3e4c4a28334e042a3bbc426c57c33bb19ca4329025448288b58c59ad74613933"] .icon::before {
  background-image: var(--image-menu-discover);
}
body [data-component="fc68f60125833c36cc1d5d9f41b4faed684e45b88a4ec6c12c4aff05195058cc"] .icon::before {
  background-image: var(--image-menu-implement);
}
body [data-component="c4ef5e6de0ea51cfab7a64f0cfad217a19ceaba5666db82a0f1581e0782e6b24"] .icon::before {
  background-image: var(--image-menu-operate);
}
body [data-component="9cd4e872f22dfa4dea39233ca43e1ab3cca79376295dc68254b4ffb9cc604f83"] {
  padding: var(--space-lg);
  background: var(--color-surface);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
body [data-component="167b791857459c5315aec86bc64f0b7a1359fcbef429b10abf7fa9cf10da4938"] {
  display: flex;
  flex-direction: var(--layout-direction-row);
  align-items: var(--alignment-vertical-center);
  justify-content: var(--alignment-distribution-space-between);
  padding: var(--space-sm);
  margin: var(--space-none);
}
body [data-component="9155ad6e657e9d8d2dc8f2db239e21fe80fbe53ac8841268f9cb791bb64284a1"] {
  display: flex;
  flex-direction: var(--layout-direction-column);
  flex-grow: var(--layout-grow-fill);
  padding: var(--space-sm);
  margin: var(--space-none);
}
body [data-component="3657582a4c3593495c096f57bce4e3b57de62286949916250f978cfad8265a35"] {
  padding: var(--space-none);
  margin: var(--space-none);
  color: var(--color-text);
}
body [data-component="ce97b67b5d4784995d4e5445f12f3727f36c64e4353e4568ef34062c39ab41a8"] {
  display: flex;
  flex-direction: var(--layout-direction-row);
  justify-content: var(--alignment-horizontal-start);
  flex-grow: var(--layout-grow-fill);
  padding: var(--space-none);
  margin: var(--space-none);
}
body [data-component="6cb9284320d72921ce9dfc70d7312217ba781ac31fcefe412d36c995416e37e9"] {
  padding: var(--space-sm);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-sm);
  font-weight: var(--font-weight-button);
  display: table-cell;
}
body [data-component="af032fcced6134b26508e4a46f54e1cfa4f1f29f7449151b63667c87f0892500"] {
  padding: var(--space-sm);
  border: var(--border-control);
  font-weight: var(--font-weight-button);
  display: table-cell;
}
body [data-component="9c3b4ca4553a75fefe55cd55f232f1bccdad20678a25ff5ea0d80034f4100da5"] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
body [data-component="9c3b4ca4553a75fefe55cd55f232f1bccdad20678a25ff5ea0d80034f4100da5"]::part(semantic) {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
body [data-component="9dba6f11cee4605a222e1d3da29393a14e537426beda6a71e0abf19b2f2ad9e8"] {
  padding: var(--space-sm);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-sm);
  display: table-cell;
}
body [data-component="01bb3dd4a61bfe74be5c9ae7a3ce7520d107a2bad887d6bbab5fb1860d10ee32"] {
  inline-size: 100%;
  display: table;
}
body [data-component="067ad3e2394836d5b63cd99920ac2f42824be2c1499b5c0836f6fba2cc482086"] {
  display: table-row-group;
}
body [data-component="8725fb47a35faa3fe2eddbb490fe931101120cf4b7264bbc3398e3519f2b90d6"] {
  display: table-row;
}
body [data-component="bfc89dc42314738d0cfc76b2d65085da29174d154544b876d5df01d0eea555cc"] {
  display: flex;
  flex-direction: var(--layout-direction-column);
  gap: var(--space-sm);
  padding: var(--space-md);
  background: var(--color-surface);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
body [data-component="5cd125ea846a1f858d04b951f109a01f38baa2b2fb3da4d8f07cb017b5b9af2e"] {
  display: table-header-group;
}
body [data-component="740e1674b85a0ff05605251a90a1e1cae2e26360f929264050c2dda3c5e2f497"] {
  display: table-row;
}
body [data-component="6daabd1d3c59cdf926a1aaeb0c092eabd372655b34d6364c4b4c72da703beb06"] {
  padding: var(--space-sm);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-sm);
  font-weight: var(--font-weight-button);
  display: table-cell;
}
body [data-component="bc118fefbe6d10ad12628fea73823a1f898189ee9f60c6955ed2cb29ee7d3a93"] {
  padding: var(--space-sm);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-sm);
  font-weight: var(--font-weight-button);
  display: table-cell;
}
body [data-component="edf5795ba000618fd0c4e7d6a70ec3c40424400e96c5f7379d84f909fa81c976"] {
  padding: var(--space-sm);
  border: var(--border-control);
  font-weight: var(--font-weight-button);
  display: table-cell;
}
body [data-component="26575670fb06bfcd01dca2233f3ae0d9978bb9d5b63732781b51593fc42ca385"] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
body [data-component="26575670fb06bfcd01dca2233f3ae0d9978bb9d5b63732781b51593fc42ca385"]::part(semantic) {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
body [data-component="b5775583aa3937b8c889b9a71fef16c3474cc3fe74d7a574721a46337ff3e46c"] {
  padding: var(--space-sm);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-sm);
  display: table-cell;
}
body [data-component="c6c6257bf20ae3405122ebb5af1b693dbb16cf9ad23bfa85f43218366b0a3825"] {
  inline-size: 100%;
  display: table;
}
body [data-component="47c93e6bfc424e2f6f9a332099dc04714f678d123655316d799e3e145e77e800"] {
  display: table-row-group;
}
body [data-component="0d930307998a79cca299964490e8d2c57ede2f675cb969284ad1594af3b6e971"] {
  display: table-row;
}
body [data-component="01b43a6a4b28a723c929691ac75d968e78c607344fd107b96adec89b40473930"] {
  display: flex;
  flex-direction: var(--layout-direction-column);
  gap: var(--space-sm);
  padding: var(--space-md);
  background: var(--color-surface);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
body [data-component="9a51186bee23ecb76f874035e776874df9e48d49a7e74756dae18cbf9e1aaa35"] {
  display: table-header-group;
}
body [data-component="26d79b4731c21322ad6a11b737931b774a9c98cd3f722037bbd9c861810506ad"] {
  display: table-row;
}
body [data-component="0c8497f2b1b488c701c35ac2e314d3b4bcb97b6ec15436dbefd7740e7c5e3ee5"] {
  padding: var(--space-sm);
  color: var(--color-text);
  border: var(--border-control);
  border-radius: var(--radius-sm);
  font-weight: var(--font-weight-button);
  display: table-cell;
}
body [data-component="a22b2d44728516150401a13362de511daaeb05e05baaac7d5f235ca63c00da93"] {
  display: flex;
  flex-direction: var(--layout-direction-column);
  gap: var(--space-lg);
  padding: var(--space-lg);
  margin: var(--space-lg);
  color: var(--color-text);
  font-family: var(--font-body);
}
body [data-component="7c1c88ec5d3c387097c646134f6da82f3130d8c1f12c01e46be45c44acc6641d"] {
  display: flex;
  flex-direction: var(--layout-direction-column);
  gap: var(--space-lg);
}
@media (forced-colors: active) {
  [data-component]:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-component] { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}
/* factory-design-system-assets:start */
:root {
  --image-favicon: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/favicon.ico");
  --image-logo: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/brand/logo-light.svg");
  --image-menu-design: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/design.svg");
  --image-menu-discover: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/discover.svg");
  --image-menu-implement: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/implement.svg");
  --image-menu-operate: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/operate.svg");
}
[data-theme="dark"] {
  --image-favicon: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/favicon.ico");
  --image-logo: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/brand/logo-dark.svg");
  --image-menu-design: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/design-dark.svg");
  --image-menu-discover: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/discover-dark.svg");
  --image-menu-implement: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/implement-dark.svg");
  --image-menu-operate: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/operate-dark.svg");
}
[data-theme="light"] {
  --image-favicon: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/favicon.ico");
  --image-logo: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/brand/logo-light.svg");
  --image-menu-design: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/design.svg");
  --image-menu-discover: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/discover.svg");
  --image-menu-implement: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/implement.svg");
  --image-menu-operate: url("/js/@capablestudio/capable.studio.design.tokens/1.0.0-CI-20261028-195529372/img/menu/operate.svg");
}
/* factory-design-system-assets:end */