.StageToolbar-module__qUqm-G__toolbar{height:var(--layout-toolbar-height);align-items:center;gap:var(--gap-md);padding:0 var(--padding-lg);z-index:30;background:color-mix(in srgb, var(--color-bg-container-primary) 70%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:var(--border-xs) solid var(--color-divider);display:flex;position:fixed;top:0;left:0;right:0}.StageToolbar-module__qUqm-G__trail{align-items:center;gap:var(--gap-md);flex:1;min-width:0;display:flex}.StageToolbar-module__qUqm-G__actions{flex:1;justify-content:flex-end;align-items:center;display:flex}.StageToolbar-module__qUqm-G__logo{flex-shrink:0;align-items:center;display:flex}.StageToolbar-module__qUqm-G__crumb{align-items:center;min-width:0;display:flex}@media (max-width:699px){.StageToolbar-module__qUqm-G__crumb{display:none}}
.page-module__CBXbcG__dsLayout{--rail-width:300px;width:calc(100% + var(--primitive-padding-xl) * 2);margin-inline:calc(-1 * var(--primitive-padding-xl));padding-left:var(--rail-width);padding-top:calc(var(--layout-toolbar-height) + var(--primitive-gap-xl));justify-content:center;display:flex}.page-module__CBXbcG__dsContent{gap:var(--gap-xxxl);flex-direction:column;flex:1;min-width:0;max-width:960px;display:flex}.page-module__CBXbcG__inlineLink{color:var(--color-action-primary-text-tertiary);text-underline-offset:3px;text-decoration:underline}.page-module__CBXbcG__controlRail{top:var(--layout-toolbar-height);width:var(--rail-width);z-index:15;background:color-mix(in srgb, var(--color-bg-container-primary) 82%, transparent);border-right:var(--border-xs) solid var(--color-bg-container-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;position:fixed;bottom:0;left:0;overflow:hidden}.page-module__CBXbcG__railScroll{scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--color-divider) transparent;gap:var(--gap-md);min-width:0;min-height:0;padding:var(--padding-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.page-module__CBXbcG__controlGroup{gap:var(--gap-sm);padding-bottom:var(--gap-md);border-bottom:var(--border-xs) solid var(--color-divider);flex-direction:column;display:flex}.page-module__CBXbcG__railTitle{font-size:var(--font-heading-3-size);font-weight:var(--font-heading-3-weight);line-height:var(--font-heading-3-line-height);color:var(--color-text-primary)}.page-module__CBXbcG__controlHeading{font-size:var(--font-paragraph-em-size);font-weight:var(--font-paragraph-em-weight);line-height:var(--font-paragraph-em-line-height);letter-spacing:var(--font-paragraph-em-letter-spacing);color:var(--color-text-primary)}.page-module__CBXbcG__controlNote{font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);color:var(--color-text-tertiary)}.page-module__CBXbcG__tintTitleToggle .ds-toggle-switch__label{font-weight:var(--font-paragraph-em-weight);letter-spacing:var(--font-paragraph-em-letter-spacing)}.page-module__CBXbcG__swatchGrid{gap:var(--gap-sm);padding:var(--primitive-padding-xxxs) 0;grid-template-columns:repeat(8,max-content);display:grid}.page-module__CBXbcG__customPickerActive .ds-colorpicker__trigger{border-color:var(--color-input-border-selected)}.page-module__CBXbcG__sliderRow{align-items:center;gap:var(--gap-sm-md);display:flex}.page-module__CBXbcG__sliderRow>:first-child{flex:1}.page-module__CBXbcG__sliderValue{text-align:right;min-width:44px;font-size:var(--font-paragraph-sm-size);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.page-module__CBXbcG__dropUp .ds-dropdown__menu{margin-top:0;margin-bottom:var(--gap-xxs);top:auto;bottom:100%}.page-module__CBXbcG__railFooter{gap:var(--gap-sm-md);flex-direction:column;display:flex}.page-module__CBXbcG__cssDialogBody{gap:var(--gap-md);flex-direction:column;min-width:0;display:flex}.page-module__CBXbcG__demoSection{gap:var(--primitive-gap-lg);flex-direction:column;display:flex}.page-module__CBXbcG__sectionNote{font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);color:var(--color-text-secondary)}.page-module__CBXbcG__sectionNote code{color:var(--color-text-primary)}.page-module__CBXbcG__demoRow{align-items:center;gap:var(--gap-sm-md);flex-wrap:wrap;display:flex}.page-module__CBXbcG__demoColumns{gap:var(--primitive-gap-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:1151px){.page-module__CBXbcG__demoColumns{grid-template-columns:1fr}}.page-module__CBXbcG__advBody{gap:var(--gap-md);flex-direction:column;display:flex}.page-module__CBXbcG__advGlobal{gap:var(--gap-sm);padding-bottom:var(--gap-md);border-bottom:var(--border-xs) solid var(--color-divider);flex-direction:column;display:flex}.page-module__CBXbcG__advSliderLabel{min-width:72px;font-size:var(--font-paragraph-sm-size);color:var(--color-text-secondary)}.page-module__CBXbcG__advGlobal .page-module__CBXbcG__sliderRow>:first-child{flex:none}.page-module__CBXbcG__advGlobal .page-module__CBXbcG__sliderRow>:nth-child(2){flex:1}.page-module__CBXbcG__advRamps{gap:var(--gap-sm);flex-direction:column;display:flex}.page-module__CBXbcG__advRampRow{align-items:center;gap:var(--gap-sm-md);display:flex}.page-module__CBXbcG__advRampLabel{min-width:72px;font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-em-weight);color:var(--color-text-primary)}.page-module__CBXbcG__advRamp{gap:var(--gap-xxs);flex:1;display:flex}.page-module__CBXbcG__advCell{border-radius:var(--radius-xxs);border:var(--border-xs) solid var(--color-bg-container-border);flex:1;height:24px}.page-module__CBXbcG__advCellKey{outline:var(--border-md) solid var(--color-input-border-selected);outline-offset:1px}.page-module__CBXbcG__advRampPicker .ds-colorpicker__panel{left:auto;right:0}.page-module__CBXbcG__advRampReset{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;--icon-size:var(--icon-size-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.page-module__CBXbcG__advRampReset:hover:not(:disabled){background-color:var(--color-bg-container-secondary);color:var(--color-text-primary)}.page-module__CBXbcG__advRampReset:disabled{opacity:.4;cursor:not-allowed}.page-module__CBXbcG__controlsFab{bottom:var(--padding-lg);right:var(--padding-lg);z-index:25;border-radius:var(--radius-full);box-shadow:var(--shadow-floating);position:fixed}.page-module__CBXbcG__drawerControls{gap:var(--gap-md);flex-direction:column;display:flex}@media (max-width:1099px){.page-module__CBXbcG__dsLayout{width:100%;padding-left:0;padding-bottom:calc(var(--padding-lg) * 2 + 40px);margin-inline:0}}
.ds-button{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-lg);border-radius:var(--radius-full);font-family:var(--font-paragraph-em-family);font-weight:var(--font-paragraph-em-weight);font-size:var(--font-paragraph-em-size);line-height:var(--font-paragraph-em-line-height);letter-spacing:var(--font-paragraph-em-letter-spacing);text-align:center;transition:background-color var(--motion-duration-base) var(--motion-ease-standard), border-color var(--motion-duration-base) var(--motion-ease-standard), opacity var(--motion-duration-base) var(--motion-ease-standard);cursor:pointer;color:inherit;border:none;text-decoration:none;display:inline-flex;overflow:hidden}.ds-button--compact{padding:var(--padding-xs) var(--padding-sm-md);font-size:var(--font-paragraph-sm-em-size);line-height:var(--font-paragraph-sm-em-line-height);letter-spacing:var(--font-paragraph-sm-em-letter-spacing)}.ds-button--compact .ds-button__icon{--icon-size:var(--icon-size-sm)}.ds-button--compact .ds-button__icon svg{width:20px;height:20px}.ds-button--primary{background-color:var(--color-action-primary-bg);border:none}.ds-button--primary .ds-button__text{color:var(--color-action-primary-text)}.ds-button--primary.ds-button--hover{background-color:var(--color-action-primary-bg-hover)}.ds-button--primary.ds-button--hover .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--primary.ds-button--active{background-color:var(--color-action-primary-bg-active)}.ds-button--primary.ds-button--active .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--primary.ds-button--disabled{background-color:var(--color-action-primary-bg);opacity:.4;cursor:not-allowed}.ds-button--secondary{border:var(--border-xs) solid var(--color-action-primary-border);background-color:#0000}.ds-button--secondary .ds-button__text{color:var(--color-text-primary)}.ds-button--secondary.ds-button--default{border:var(--border-xs) solid var(--color-action-primary-border);background-color:#0000}.ds-button--secondary.ds-button--hover{border:var(--border-xs) solid var(--color-action-primary-border);background-color:var(--color-action-primary-bg-hover)}.ds-button--secondary.ds-button--hover .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--secondary.ds-button--active{background-color:var(--color-action-primary-bg-active);border:var(--border-xs) solid var(--color-action-primary-border)}.ds-button--secondary.ds-button--active .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--secondary.ds-button--disabled{border:var(--border-xs) solid var(--color-action-primary-border);opacity:.4;cursor:not-allowed;background-color:#0000}.ds-button--tertiary{background-color:var(--color-action-passive-bg);border:none}.ds-button--tertiary .ds-button__text{color:var(--color-action-passive-text)}.ds-button--tertiary.ds-button--default{background-color:var(--color-action-passive-bg)}.ds-button--tertiary.ds-button--hover{background-color:var(--color-action-passive-bg-hover)}.ds-button--tertiary.ds-button--active{background-color:var(--color-action-passive-bg-active)}.ds-button--tertiary.ds-button--disabled{background-color:var(--color-action-passive-bg);opacity:.4;cursor:not-allowed}.ds-button--destructive{border:var(--border-xs) solid var(--color-core-accent-coral);background-color:#0000}.ds-button--destructive .ds-button__text{color:var(--color-core-accent-coral)}.ds-button--destructive.ds-button--default{border:var(--border-xs) solid var(--color-core-accent-coral);background-color:#0000}.ds-button--destructive.ds-button--hover{border:var(--border-xs) solid var(--color-core-accent-coral);background-color:var(--color-core-accent-coral)}.ds-button--destructive.ds-button--hover .ds-button__text{color:var(--color-status-error-bg)}.ds-button--destructive.ds-button--active{border:var(--border-xs) solid var(--color-core-accent-coral);background-color:var(--color-core-accent-coral)}.ds-button--destructive.ds-button--active .ds-button__text{color:var(--color-status-error-bg)}.ds-button--destructive.ds-button--disabled{border:var(--border-xs) solid var(--color-core-accent-coral);opacity:.4;cursor:not-allowed;background-color:#0000}.ds-button__icon{--icon-size:var(--icon-size-md);flex-shrink:0;line-height:1}.ds-button__icon svg{width:24px;height:24px}.ds-button--primary .ds-button__icon{color:var(--color-action-primary-text)}.ds-button--primary.ds-button--active .ds-button__icon,.ds-button--primary.ds-button--hover .ds-button__icon{color:var(--color-action-primary-text-active)}.ds-button--secondary .ds-button__icon{color:var(--color-action-icon-default)}.ds-button--secondary.ds-button--active .ds-button__icon,.ds-button--secondary.ds-button--hover .ds-button__icon{color:var(--color-action-icon-active)}.ds-button--tertiary .ds-button__icon{color:var(--color-icon-primary)}.ds-button--destructive .ds-button__icon{color:var(--color-core-accent-coral)}.ds-button--destructive.ds-button--hover .ds-button__icon,.ds-button--destructive.ds-button--active .ds-button__icon{color:var(--color-status-error-bg)}.ds-button__text{flex-shrink:0}.ds-button--primary:not(.ds-button--disabled):hover{background-color:var(--color-action-primary-bg-hover)}.ds-button--primary:not(.ds-button--disabled):hover .ds-button__text,.ds-button--primary:not(.ds-button--disabled):hover .ds-button__icon{color:var(--color-action-primary-text-active)}.ds-button--secondary:not(.ds-button--disabled):hover{background-color:var(--color-action-primary-bg-hover)}.ds-button--secondary:not(.ds-button--disabled):hover .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--secondary:not(.ds-button--disabled):hover .ds-button__icon{color:var(--color-action-icon-active)}.ds-button--tertiary:not(.ds-button--disabled):hover{background-color:var(--color-action-passive-bg-hover)}.ds-button--destructive:not(.ds-button--disabled):hover{background-color:var(--color-core-accent-coral)}.ds-button--destructive:not(.ds-button--disabled):hover .ds-button__text,.ds-button--destructive:not(.ds-button--disabled):hover .ds-button__icon{color:var(--color-status-error-bg)}.ds-button--primary:not(.ds-button--disabled):active{background-color:var(--color-action-primary-bg-active)}.ds-button--primary:not(.ds-button--disabled):active .ds-button__text,.ds-button--primary:not(.ds-button--disabled):active .ds-button__icon{color:var(--color-action-primary-text-active)}.ds-button--secondary:not(.ds-button--disabled):active{background-color:var(--color-action-primary-bg-active)}.ds-button--secondary:not(.ds-button--disabled):active .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--secondary:not(.ds-button--disabled):active .ds-button__icon{color:var(--color-action-icon-active)}.ds-button--tertiary:not(.ds-button--disabled):active{background-color:var(--color-action-passive-bg-active)}.ds-button--destructive:not(.ds-button--disabled):active{background-color:var(--color-core-accent-coral)}.ds-button--destructive:not(.ds-button--disabled):active .ds-button__text,.ds-button--destructive:not(.ds-button--disabled):active .ds-button__icon{color:var(--color-status-error-bg)}.ds-button--loading{cursor:progress;pointer-events:none}.ds-button .ds-button__icon .ds-spinner__circle{width:100%;height:100%}.ds-button:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px}