:root{--purple-5: #F7F4FB;--purple-10: #ECE6F5;--purple-20: #D9CCEA;--purple-30: #C7B3E0;--purple-40: #B499D6;--purple-50: #A180CC;--purple-60: #8E66C1;--purple-70: #7B4DB7;--purple-80: #6933AD;--purple-90: #561AA2;--purple-100: #430098;--light-purple-5: #FBF7FF;--light-purple-10: #F7F0FF;--light-purple-20: #EFE0FF;--light-purple-30: #E7D1FF;--light-purple-40: #DFC1FF;--light-purple-50: #D7B2FF;--light-purple-60: #CFA3FF;--light-purple-70: #C793FF;--light-purple-80: #BF84FF;--light-purple-90: #B774FF;--light-purple-100: #AF65FF;--dark-purple-5: #F4F3F6;--dark-purple-10: #E8E6ED;--dark-purple-20: #D1CCDA;--dark-purple-30: #BAB3C8;--dark-purple-40: #A399B5;--dark-purple-50: #8C80A3;--dark-purple-60: #756690;--dark-purple-70: #5E4D7E;--dark-purple-80: #47336B;--dark-purple-90: #301A59;--dark-purple-100: #190046;--black-overlay-light: rgba(0, 0, 0, .5);--black-overlay-dark: rgba(0, 0, 0, .6);--black-0: #FFFFFF;--black-5: #F5F5F5;--black-10: #E8E8E8;--black-20: #D1D1D1;--black-30: #BABABA;--black-40: #A3A3A3;--black-50: #8C8C8C;--black-60: #757575;--black-70: #5E5E5E;--black-80: #474747;--black-90: #303030;--black-100: #191919;--grey-5: #FDFDFD;--grey-10: #FAFAFA;--grey-20: #F6F6F6;--grey-30: #F0F0F0;--grey-40: #E6E6E6;--grey-50: #E9EAEB;--grey-60: #E1E1E1;--red-5: #FFF2F4;--red-10: #FBE8EA;--red-20: #F7D1D5;--red-30: #F3BAC0;--red-40: #EFA3AB;--red-50: #EC8C96;--red-60: #E87580;--red-70: #E45E6B;--red-80: #E04756;--red-90: #DC3041;--red-100: #D8192C;--green-5: #F2FDF6;--green-10: #D8F8E5;--green-20: #BAF3D1;--green-30: #9BEDBE;--green-40: #7CE9A9;--green-50: #5EE495;--green-60: #43DF84;--green-70: #25DA70;--green-80: #21C063;--green-90: #1BA755;--green-100: #148F47;--amber-5: #FEFBF6;--amber-10: #FCF3E3;--amber-20: #FAE9CC;--amber-30: #F8DDB0;--amber-40: #F5D194;--amber-50: #F2C373;--amber-60: #EFB652;--amber-70: #EBA62D;--amber-80: #E19614;--amber-90: #C5810D;--amber-100: #AE7004}:root{--brand-primary: var(--purple-100);--brand-primary-hover: var(--purple-90);--brand-primary-active: var(--purple-80);--brand-primary-focus: var(--purple-60);--brand-primary-disabled: var(--purple-40);--brand-primary-muted: var(--purple-10);--brand-primary-subtle: var(--purple-5);--brand-secondary: var(--dark-purple-100);--content-primary: var(--black-100);--content-secondary: var(--black-60);--content-tertiary: var(--black-40);--content-disabled: var(--black-20);--content-inverse: var(--black-0);--content-on-brand: var(--black-0);--icon-default: var(--black-80);--icon-muted: var(--black-60);--icon-brand: var(--brand-primary);--icon-on-brand: var(--purple-20);--icon-success: var(--green-100);--icon-warning: var(--amber-100);--icon-danger: var(--red-100);--background-page: #fbfbfb;--background-default: var(--black-0);--background-surface: var(--black-0);--background-subtle: var(--grey-20);--background-raised: var(--black-0);--background-overlay: var(--black-overlay-light);--background-brand: var(--brand-primary);--background-brand-subtle: var(--brand-primary-subtle);--border-default: var(--grey-60);--border-subtle: var(--grey-30);--border-strong: var(--black-40);--border-brand: var(--brand-primary);--border-focus: var(--purple-80);--border-danger: var(--red-80);--focus-width: 2px;--focus-offset: 2px;--status-success-content: var(--green-100);--status-success-bg: var(--green-5);--status-success-border: var(--green-80);--status-warning-content: var(--amber-100);--status-warning-bg: var(--amber-5);--status-warning-border: var(--amber-80);--status-danger-content: var(--red-100);--status-danger-bg: var(--red-5);--status-danger-border: var(--red-60);--status-danger-bg-hover: var(--red-10);--status-danger-bg-active: var(--red-20);--status-danger-border-hover: var(--red-90);--status-danger-border-active: var(--red-100);--status-info-content: var(--brand-primary);--status-info-bg: var(--brand-primary-subtle);--status-info-border: var(--purple-60)}:root{--button-primary-bg-default: var(--brand-primary);--button-primary-bg-hover: var(--brand-primary-hover);--button-primary-bg-active: var(--brand-primary-active);--button-primary-bg-focused: var(--brand-primary);--button-primary-bg-disabled: var(--purple-30);--button-primary-text-default: var(--content-on-brand);--button-primary-text-disabled: var(--content-on-brand);--button-primary-icon-default: var(--content-on-brand);--button-primary-icon-hover: var(--content-on-brand);--button-primary-icon-active: var(--content-on-brand);--button-primary-icon-focused: var(--content-on-brand);--button-primary-icon-disabled: var(--content-on-brand);--button-primary-border-focused: var(--border-focus);--button-secondary-color-bg-default: var(--background-surface);--button-secondary-color-bg-hover: var(--brand-primary-subtle);--button-secondary-color-bg-active: var(--brand-primary-muted);--button-secondary-color-bg-focused: var(--background-surface);--button-secondary-color-bg-disabled: var(--background-surface);--button-secondary-color-text-default: var(--content-primary);--button-secondary-color-text-hover: var(--brand-primary);--button-secondary-color-text-active: var(--brand-primary);--button-secondary-color-text-disabled: var(--content-disabled);--button-secondary-color-icon-default: var(--icon-default);--button-secondary-color-icon-hover: var(--brand-primary);--button-secondary-color-icon-active: var(--brand-primary);--button-secondary-color-icon-focused: var(--icon-default);--button-secondary-color-icon-disabled: var(--content-disabled);--button-secondary-color-border-default: var(--border-default);--button-secondary-color-border-hover: var(--brand-primary);--button-secondary-color-border-active: var(--brand-primary);--button-secondary-color-border-focused: var(--border-focus);--button-secondary-color-border-disabled: var(--border-default);--button-secondary-gray-bg-default: var(--background-surface);--button-secondary-gray-bg-hover: var(--background-subtle);--button-secondary-gray-bg-focused: var(--background-surface);--button-secondary-gray-bg-disabled: var(--background-surface);--button-secondary-gray-text-default: var(--content-secondary);--button-secondary-gray-text-hover: var(--content-primary);--button-secondary-gray-text-disabled: var(--content-disabled);--button-secondary-gray-icon-default: var(--content-secondary);--button-secondary-gray-icon-hover: var(--content-primary);--button-secondary-gray-icon-active: var(--content-primary);--button-secondary-gray-icon-focused: var(--content-secondary);--button-secondary-gray-icon-disabled: var(--content-disabled);--button-secondary-gray-border-default: var(--border-default);--button-secondary-gray-border-hover: var(--content-tertiary);--button-secondary-gray-border-focused: var(--border-focus);--button-secondary-gray-border-disabled: var(--border-default);--button-tertiary-color-bg-hover: var(--brand-primary-subtle);--button-tertiary-color-bg-active: var(--brand-primary-muted);--button-tertiary-color-text-default: var(--brand-primary);--button-tertiary-color-text-disabled: var(--content-disabled);--button-tertiary-color-icon-default: var(--brand-primary);--button-tertiary-color-icon-hover: var(--brand-primary);--button-tertiary-color-icon-active: var(--brand-primary);--button-tertiary-color-icon-focused: var(--brand-primary);--button-tertiary-color-icon-disabled: var(--content-disabled);--button-tertiary-gray-bg-hover: var(--background-subtle);--button-tertiary-gray-bg-active: var(--grey-30);--button-tertiary-gray-text-default: var(--content-secondary);--button-tertiary-gray-text-hover: var(--content-primary);--button-tertiary-gray-text-disabled: var(--content-disabled);--button-tertiary-gray-icon-default: var(--content-secondary);--button-tertiary-gray-icon-hover: var(--content-primary);--button-tertiary-gray-icon-active: var(--content-primary);--button-tertiary-gray-icon-focused: var(--content-secondary);--button-tertiary-gray-icon-disabled: var(--content-disabled);--button-link-color-text-default: var(--brand-primary);--button-link-color-text-hover: var(--brand-primary-hover);--button-link-color-text-disabled: var(--content-disabled);--button-link-color-icon-default: var(--brand-primary);--button-link-color-icon-hover: var(--brand-primary-hover);--button-link-color-icon-active: var(--brand-primary-hover);--button-link-color-icon-focused: var(--brand-primary);--button-link-color-icon-disabled: var(--content-disabled);--button-link-gray-text-default: var(--content-secondary);--button-link-gray-text-hover: var(--content-primary);--button-link-gray-text-disabled: var(--content-disabled);--button-link-gray-icon-default: var(--content-secondary);--button-link-gray-icon-hover: var(--content-primary);--button-link-gray-icon-active: var(--content-primary);--button-link-gray-icon-focused: var(--content-secondary);--button-link-gray-icon-disabled: var(--content-disabled);--button-destructive-bg-default: var(--status-danger-bg);--button-destructive-bg-hover: var(--red-10);--button-destructive-bg-disabled: var(--status-danger-bg);--button-destructive-text-default: var(--status-danger-content);--button-destructive-text-disabled: var(--red-40);--button-destructive-icon-default: var(--status-danger-content);--button-destructive-icon-hover: var(--status-danger-content);--button-destructive-icon-active: var(--status-danger-content);--button-destructive-icon-focused: var(--status-danger-content);--button-destructive-icon-disabled: var(--red-40);--button-destructive-border-default: var(--red-30);--button-destructive-border-hover: var(--red-60);--button-destructive-border-disabled: var(--red-40);--component-button-height-sm: var(--spacing-32);--component-button-height-md: var(--spacing-36);--component-button-height-lg: var(--spacing-40);--component-button-padding-x-sm: var(--spacing-12);--component-button-padding-x-md: var(--spacing-16);--component-button-padding-x-lg: var(--spacing-20);--component-button-gap: var(--spacing-6);--component-button-gap-sm: var(--spacing-6);--component-button-gap-md: var(--spacing-6);--component-button-gap-lg: var(--spacing-8);--component-button-icon-size-sm: var(--icon-size-sm);--component-button-icon-size-md: var(--icon-size-md);--component-button-icon-size-lg: var(--icon-size-lg);--component-button-radius: var(--radius-lg);--component-button-border-width: 2px;--component-button-focus-ring: var(--spacing-4);--component-button-focus-width: 2px;--component-button-focus-offset: 2px;--input-icon: var(--content-secondary);--input-icon-focus: var(--purple-30);--input-icon-error: var(--icon-danger);--input-text-placeholder: var(--content-tertiary);--input-text-value: var(--content-primary);--input-label-default: var(--black-70);--input-label-focus: var(--brand-primary);--input-label-disabled: var(--content-disabled);--input-hint: var(--content-tertiary);--input-hint-error: var(--status-danger-content);--input-bg-default: var(--background-surface);--input-border-default: var(--grey-40);--input-border-hover: var(--black-30);--input-border-focus: var(--purple-30);--input-border-error: var(--red-60);--input-focus-ring: rgba(199, 179, 224, .25);--input-focus-ring-error: rgba(224, 71, 86, .16);--toggle-thumb-bg-default: var(--content-inverse);--toggle-thumb-bg-disabled: var(--grey-5);--toggle-track-bg-on: var(--brand-primary);--toggle-track-bg-off: var(--grey-40);--toggle-track-bg-on-hover: var(--purple-90);--toggle-track-bg-off-hover: var(--grey-50);--toggle-track-bg-disabled: var(--grey-20);--toggle-track-border-off: var(--grey-50);--toggle-track-border-off-hover: var(--border-default);--toggle-track-border-disabled: var(--grey-40);--toggle-text-label: var(--content-primary);--toggle-text-supporting: var(--black-50);--toggle-text-label-disabled: var(--grey-40);--toggle-text-supporting-disabled: var(--grey-40);--toggle-focus-ring: var(--brand-primary-subtle);--breadcrumb-text-default: var(--black-50);--breadcrumb-text-hover: var(--black-80);--breadcrumb-text-active: var(--brand-primary);--breadcrumb-icon-default: var(--black-50);--breadcrumb-icon-hover: var(--black-80);--breadcrumb-icon-active: var(--brand-primary);--breadcrumb-separator: var(--border-default);--table-header-bg: var(--grey-10);--table-header-text: var(--black-70);--table-header-icon: var(--content-tertiary);--table-header-icon-active: var(--brand-primary);--table-header-border: var(--border-subtle);--table-footer-bg: var(--grey-5);--table-footer-text: var(--black-50);--table-footer-border: var(--grey-20);--table-row-bg-default: var(--background-surface);--table-row-bg-hover: var(--grey-10);--table-row-bg-striped: var(--grey-5);--table-row-bg-selected: var(--brand-primary-subtle);--table-row-bg-selected-hover: var(--brand-primary-muted);--table-row-text-default: var(--content-primary);--table-row-text-secondary: var(--black-50);--table-row-text-disabled: var(--grey-40);--table-row-icon: var(--black-50);--table-row-icon-disabled: var(--grey-40);--table-checkbox-bg: var(--background-surface);--table-checkbox-border: var(--grey-40);--table-border-row: var(--border-subtle);--table-border-column: var(--border-subtle);--table-border-outline: var(--border-subtle);--tab-badge-bg-default: var(--grey-10);--tab-badge-bg-hover: var(--grey-20);--tab-badge-bg-active: var(--brand-primary-muted);--tab-badge-bg-disabled: var(--grey-5);--tab-badge-text-default: var(--content-secondary);--tab-badge-text-hover: var(--black-70);--tab-badge-text-active: var(--brand-primary);--tab-badge-text-disabled: var(--grey-40);--tab-underline-container-border: var(--grey-20);--tab-underline-item-bg-default: var(--background-surface);--tab-underline-item-bg-hover: var(--grey-5);--tab-underline-item-bg-active: var(--background-surface);--tab-underline-item-bg-disabled: var(--background-surface);--tab-underline-item-text-default: var(--black-50);--tab-underline-item-text-hover: var(--purple-60);--tab-underline-item-text-active: var(--brand-primary);--tab-underline-item-text-disabled: var(--grey-40);--tab-underline-item-icon-default: var(--content-tertiary);--tab-underline-item-icon-hover: var(--purple-60);--tab-underline-item-icon-active: var(--brand-primary);--tab-underline-item-icon-disabled: var(--grey-40);--tab-underline-indicator-default: var(--background-surface);--tab-underline-indicator-hover: var(--purple-60);--tab-underline-indicator-active: var(--brand-primary);--tab-underline-indicator-disabled: var(--background-surface);--tab-line-container-border: var(--grey-20);--tab-line-item-bg-default: var(--background-surface);--tab-line-item-bg-hover: var(--grey-5);--tab-line-item-bg-active: var(--background-surface);--tab-line-item-bg-disabled: var(--background-surface);--tab-line-item-text-default: var(--black-50);--tab-line-item-text-hover: var(--black-80);--tab-line-item-text-active: var(--brand-primary);--tab-line-item-text-disabled: var(--grey-40);--tab-line-item-icon-default: var(--content-tertiary);--tab-line-item-icon-hover: var(--black-70);--tab-line-item-icon-active: var(--brand-primary);--tab-line-item-icon-disabled: var(--grey-40);--tab-line-indicator-default: var(--background-surface);--tab-line-indicator-hover: var(--purple-60);--tab-line-indicator-active: var(--brand-primary);--tab-line-indicator-disabled: var(--background-surface);--tab-button-border-container-bg: var(--grey-20);--tab-button-border-container-border: var(--grey-40);--tab-button-border-item-bg-default: var(--grey-20);--tab-button-border-item-bg-hover: var(--grey-20);--tab-button-border-item-bg-active: var(--background-surface);--tab-button-border-item-bg-disabled: var(--grey-20);--tab-button-border-item-text-default: var(--black-50);--tab-button-border-item-text-hover: var(--content-primary);--tab-button-border-item-text-active: var(--content-primary);--tab-button-border-item-text-disabled: var(--grey-60);--tab-button-border-item-icon-default: var(--content-tertiary);--tab-button-border-item-icon-hover: var(--purple-60);--tab-button-border-item-icon-active: var(--brand-primary);--tab-button-border-item-icon-disabled: var(--grey-40);--tab-button-gray-container-bg: var(--background-surface);--tab-button-gray-item-bg-default: var(--background-surface);--tab-button-gray-item-bg-hover: var(--background-surface);--tab-button-gray-item-bg-active: var(--grey-20);--tab-button-gray-item-bg-disabled: var(--background-surface);--tab-button-gray-item-text-default: var(--black-50);--tab-button-gray-item-text-hover: var(--content-primary);--tab-button-gray-item-text-active: var(--content-primary);--tab-button-gray-item-text-disabled: var(--grey-40);--tab-button-gray-item-icon-default: var(--content-tertiary);--tab-button-gray-item-icon-hover: var(--black-70);--tab-button-gray-item-icon-active: var(--content-primary);--tab-button-gray-item-icon-disabled: var(--grey-40);--tab-button-brand-container-bg: var(--grey-5);--tab-button-brand-item-bg-default: var(--grey-5);--tab-button-brand-item-bg-hover: var(--brand-primary-subtle);--tab-button-brand-item-bg-active: var(--brand-primary-subtle);--tab-button-brand-item-bg-disabled: var(--grey-5);--tab-button-brand-item-text-default: var(--black-50);--tab-button-brand-item-text-hover: var(--purple-60);--tab-button-brand-item-text-active: var(--brand-primary);--tab-button-brand-item-text-disabled: var(--grey-40);--tab-button-brand-item-icon-default: var(--content-tertiary);--tab-button-brand-item-icon-hover: var(--purple-60);--tab-button-brand-item-icon-active: var(--brand-primary);--tab-button-brand-item-icon-disabled: var(--grey-40);--counter-filled-bg-default: var(--brand-primary);--counter-filled-bg-hover: var(--purple-90);--counter-filled-bg-active: var(--brand-primary);--counter-filled-bg-disabled: var(--grey-20);--counter-filled-text-default: var(--content-inverse);--counter-filled-text-hover: var(--content-inverse);--counter-filled-text-active: var(--content-inverse);--counter-filled-text-disabled:var(--grey-40);--counter-filled-gray-bg-default: var(--grey-20);--counter-filled-gray-bg-hover: var(--grey-30);--counter-filled-gray-bg-active: var(--brand-primary-muted);--counter-filled-gray-bg-disabled: var(--grey-10);--counter-filled-gray-text-default: var(--black-80);--counter-filled-gray-text-hover: var(--black-90);--counter-filled-gray-text-active: var(--brand-primary);--counter-filled-gray-text-disabled: var(--grey-40);--counter-ghost-bg-default: var(--grey-10);--counter-ghost-bg-hover: var(--grey-20);--counter-ghost-bg-active: var(--brand-primary-muted);--counter-ghost-bg-disabled: var(--grey-5);--counter-ghost-text-default: var(--black-60);--counter-ghost-text-hover: var(--black-80);--counter-ghost-text-active: var(--brand-primary);--counter-ghost-text-disabled: var(--grey-40);--counter-outline-bg-default: var(--background-surface);--counter-outline-bg-hover: var(--grey-5);--counter-outline-bg-active: var(--brand-primary-subtle);--counter-outline-bg-disabled: var(--background-surface);--counter-outline-text-default: var(--brand-primary);--counter-outline-text-hover: var(--purple-90);--counter-outline-text-active: var(--brand-primary);--counter-outline-text-disabled: var(--grey-40);--counter-outline-border-default: var(--purple-40);--counter-outline-border-hover: var(--purple-90);--counter-outline-border-active: var(--brand-primary);--counter-outline-border-disabled: var(--grey-20);--toast-bg: var(--black-100);--toast-text-title: var(--content-inverse);--toast-text-description: var(--black-30);--toast-icon-default: var(--black-10);--toast-icon-success: var(--icon-success);--toast-icon-warning: var(--icon-warning);--toast-icon-error: var(--icon-danger);--toast-icon-loading: var(--icon-brand);--toast-close-default: var(--content-tertiary);--toast-close-hover: var(--icon-default);--toast-action-bg-default: var(--background-surface);--toast-action-bg-hover: var(--grey-10);--toast-action-text-default: var(--content-secondary);--toast-action-text-hover: var(--content-primary);--toast-action-text-disabled: var(--content-disabled);--toast-action-border-default: var(--grey-40);--toast-action-border-hover: var(--content-tertiary);--modal-overlay-bg: var(--black-overlay-dark);--modal-divider: var(--grey-20);--modal-container-bg: var(--background-surface);--modal-container-border: var(--grey-40);--modal-container-shadow: var(--black-20);--modal-header-text-title: var(--content-primary);--modal-header-text-description: var(--black-50);--modal-header-close-default: var(--content-tertiary);--modal-header-close-hover: var(--icon-default);--modal-header-close-bg-hover: var(--grey-10);--modal-featured-icon-icon-default: var(--brand-primary);--modal-featured-icon-icon-warning: var(--icon-warning);--modal-featured-icon-icon-destructive: var(--icon-danger);--modal-featured-icon-bg-default: var(--brand-primary-subtle);--modal-featured-icon-bg-warning: var(--status-warning-bg);--modal-featured-icon-bg-destructive: var(--status-danger-bg);--modal-featured-icon-border-default: var(--purple-20);--modal-featured-icon-border-warning: var(--amber-20);--modal-featured-icon-border-destructive: var(--red-20);--avatar-image-bg: var(--grey-10);--avatar-image-border-default: var(--background-surface);--avatar-image-border-hover: var(--grey-40);--avatar-image-border-focused: var(--brand-primary);--avatar-text-bg-default: var(--brand-primary-muted);--avatar-text-bg-hover: var(--purple-20);--avatar-text-bg-focused: var(--purple-30);--avatar-text-color-default: var(--brand-primary);--avatar-text-color-hover: var(--brand-primary);--avatar-text-color-focused: var(--brand-primary);--avatar-text-border-default: var(--background-surface);--avatar-text-border-hover: var(--purple-40);--avatar-text-border-focused: var(--brand-primary);--avatar-placeholder-bg-default: var(--grey-10);--avatar-placeholder-bg-hover: var(--grey-20);--avatar-placeholder-bg-focused: var(--brand-primary-subtle);--avatar-placeholder-icon-default: var(--content-tertiary);--avatar-placeholder-icon-hover: var(--black-70);--avatar-placeholder-icon-focused: var(--brand-primary);--avatar-placeholder-border-default: var(--background-surface);--avatar-placeholder-border-hover: var(--grey-40);--avatar-placeholder-border-focused: var(--brand-primary);--avatar-status-online-bg: var(--green-100);--avatar-status-online-border: var(--background-surface);--avatar-focus-ring: var(--brand-primary-subtle);--pagination-container-bg: var(--grey-5);--pagination-container-border: var(--border-subtle);--pagination-ellipsis: var(--content-tertiary);--pagination-info-text: var(--black-50);--pagination-button-bg-default: var(--background-surface);--pagination-button-bg-hover: var(--grey-5);--pagination-button-bg-active: var(--brand-primary-subtle);--pagination-button-bg-disabled: var(--background-surface);--pagination-button-text-default: var(--black-70);--pagination-button-text-hover: var(--content-primary);--pagination-button-text-active: var(--brand-primary);--pagination-button-text-disabled: var(--grey-40);--pagination-button-border-default: var(--border-subtle);--pagination-button-border-hover: var(--grey-40);--pagination-button-border-active: var(--purple-20);--pagination-button-border-disabled: var(--grey-10);--select-field-bg-default: var(--background-surface);--select-field-bg-disabled: var(--grey-10);--select-field-border-default: var(--grey-40);--select-field-border-hover: var(--black-30);--select-field-border-focus: var(--purple-30);--select-field-border-error: var(--red-60);--select-field-border-disabled: var(--grey-40);--select-field-placeholder-default: var(--content-tertiary);--select-field-value-default: var(--content-primary);--select-field-value-disabled: var(--content-disabled);--select-field-label-default: var(--black-70);--select-field-label-focus: var(--black-70);--select-field-label-disabled: var(--content-disabled);--select-field-hint-default: var(--content-tertiary);--select-field-hint-error: var(--status-danger-content);--select-field-focus-ring-default: var(--brand-primary-subtle);--select-chevron-default: var(--content-secondary);--select-chevron-focus: var(--purple-30);--select-chevron-disabled: var(--content-disabled);--select-icon-default: var(--content-secondary);--select-icon-hover: var(--icon-default);--select-icon-focus: var(--icon-default);--select-icon-disabled: var(--content-disabled);--select-icon-error: var(--status-danger-content);--select-dropdown-bg: var(--background-surface);--select-dropdown-border: var(--black-10);--select-option-bg-default: var(--grey-10);--select-option-bg-hover: var(--grey-10);--select-option-bg-disabled: var(--background-surface);--select-option-text-default: var(--black-80);--select-option-text-hover: var(--content-primary);--select-option-text-focus: var(--black-80);--select-option-text-disabled: var(--content-disabled);--select-option-text-selected-default: var(--black-80);--select-option-text-selected-hover: var(--content-secondary);--select-option-text-selected-focus: var(--black-80);--select-option-text-selected-disabled: var(--content-disabled);--select-option-supporting-default: var(--content-secondary);--select-option-supporting-hover: var(--black-70);--select-option-supporting-focus: var(--content-secondary);--select-option-supporting-disabled: var(--content-disabled);--select-option-supporting-selected-default: var(--content-secondary);--select-option-supporting-selected-hover: var(--content-secondary);--select-option-supporting-selected-focus: var(--content-secondary);--select-option-supporting-selected-disabled: var(--content-disabled);--select-option-icon-default: var(--icon-muted);--select-option-icon-hover: var(--black-70);--select-option-icon-disabled: var(--content-disabled);--select-option-icon-selected-default: var(--content-secondary);--select-option-icon-selected-hover: var(--black-70);--select-option-icon-selected-focus: var(--content-secondary);--select-option-icon-selected-disabled: var(--content-disabled);--select-option-check-icon-default: var(--brand-primary);--select-option-check-icon-hover: var(--brand-primary-active);--select-option-check-icon-focus: var(--brand-primary);--select-option-check-icon-disabled: var(--content-disabled);--select-scroll-bar-default: var(--black-10);--select-scrollbar-thumb: var(--black-10);--select-scrollbar-thumb-hover:var(--black-20);--select-scrollbar-track: var(--background-surface);--dropdown-panel-bg: var(--background-surface);--dropdown-panel-border: var(--black-10);--dropdown-option-bg-default: var(--background-surface);--dropdown-option-bg-hover: var(--grey-10);--dropdown-option-bg-focus: var(--grey-10);--dropdown-option-bg-disabled: var(--background-subtle);--dropdown-option-text-default: var(--black-80);--dropdown-option-text-hover: var(--content-primary);--dropdown-option-text-focus: var(--content-primary);--dropdown-option-text-disabled: var(--content-disabled);--dropdown-option-supporting-default: var(--content-tertiary);--dropdown-option-supporting-hover: var(--content-secondary);--dropdown-option-supporting-focus: var(--content-secondary);--dropdown-option-supporting-disabled: var(--content-disabled);--dropdown-option-icon-default: var(--content-secondary);--dropdown-option-icon-hover: var(--black-70);--dropdown-option-icon-focus: var(--black-70);--dropdown-option-icon-disabled: var(--content-disabled);--dropdown-option-check-icon-default: var(--brand-primary);--dropdown-option-check-icon-hover: var(--brand-primary);--dropdown-option-check-icon-focus: var(--brand-primary);--dropdown-option-check-icon-disabled: var(--content-disabled);--dropdown-scrollbar-track: var(--background-surface);--dropdown-scrollbar-thumb: var(--black-10);--dropdown-scrollbar-thumb-hover:var(--black-20);--divider-divider: var(--black-10);--checkbox-bg-default: var(--background-surface);--checkbox-bg-hover: var(--brand-primary-subtle);--checkbox-bg-checked: var(--brand-primary-subtle);--checkbox-bg-circle-checked:var(--brand-primary);--checkbox-bg-disabled: var(--grey-10);--checkbox-border-default: var(--grey-50);--checkbox-border-checked: var(--purple-60);--checkbox-border-focused: var(--purple-30);--checkbox-border-disabled: var(--grey-40);--checkbox-text-disabled: var(--black-30);--checkbox-focus-ring: var(--brand-primary-subtle);--checkbox-icon-default: var(--brand-primary);--checkbox-icon-disabled: var(--grey-40);--checkbox-icon-on-brand: var(--content-inverse);--checkbox-radio-dot: var(--brand-primary);--checkbox-radio-dot-disabled: var(--grey-40);--checkbox-label: var(--content-secondary);--checkbox-label-disabled: var(--content-disabled);--checkbox-supporting: var(--content-secondary);--checkbox-supporting-disabled:var(--content-disabled);--badge-default-bg: var(--brand-primary);--badge-default-text: var(--content-inverse);--badge-default-border: var(--brand-primary);--badge-default-icon: var(--content-inverse);--badge-secondary-bg: var(--brand-primary-subtle);--badge-secondary-text: var(--brand-primary);--badge-secondary-border: var(--purple-20);--badge-secondary-icon: var(--brand-primary);--badge-destructive-bg: var(--status-danger-bg);--badge-destructive-text: var(--status-danger-content);--badge-destructive-border: var(--red-60);--badge-destructive-icon: var(--status-danger-content);--badge-outline-bg: var(--background-surface);--badge-outline-text: var(--brand-primary);--badge-outline-border: var(--purple-30);--badge-outline-icon: var(--brand-primary);--badge-ghost-bg: transparent;--badge-ghost-text: var(--brand-primary);--badge-ghost-border: transparent;--badge-ghost-icon: var(--brand-primary);--tooltip-bg: var(--black-100);--tooltip-title: var(--content-inverse);--tooltip-supporting: var(--grey-60);--sidebar-container-bg: #fbfbfb;--sidebar-container-border: var(--grey-40);--sidebar-divider: var(--grey-20);--sidebar-item-bg-default: #fbfbfb;--sidebar-item-bg-hover: var(--brand-primary-subtle);--sidebar-item-bg-active-closed: var(--brand-primary-subtle);--sidebar-item-bg-active-opened: #fbfbfb;--sidebar-item-bg-disabled: var(--background-surface);--sidebar-item-text-default: var(--black-70);--sidebar-item-text-hover: var(--brand-primary-hover);--sidebar-item-text-active: var(--brand-primary-hover);--sidebar-item-text-disabled: var(--grey-40);--sidebar-item-icon-default: var(--content-secondary);--sidebar-item-icon-hover: var(--brand-primary-hover);--sidebar-item-icon-active: var(--brand-primary-hover);--sidebar-item-icon-disabled: var(--grey-40);--sidebar-item-chevron-default: var(--black-30);--sidebar-item-chevron-hover: var(--purple-70);--sidebar-item-chevron-active: var(--brand-primary-hover);--sidebar-sub-item-bg-default: #fbfbfb;--sidebar-sub-item-bg-hover: var(--brand-primary-subtle);--sidebar-sub-item-bg-active: var(--brand-primary-muted);--sidebar-sub-item-bg-disabled: var(--background-surface);--sidebar-sub-item-text-default: var(--black-70);--sidebar-sub-item-text-hover: var(--purple-60);--sidebar-sub-item-text-active: var(--brand-primary);--sidebar-sub-item-text-disabled: var(--grey-40);--sidebar-sub-item-icon-default: var(--black-30);--sidebar-sub-item-icon-hover: var(--purple-60);--sidebar-sub-item-icon-active: var(--brand-primary);--sidebar-sub-item-icon-disabled: var(--grey-40);--fab-bg: var(--brand-primary);--fab-bg-hover: var(--brand-primary-hover);--fab-icon: var(--content-on-brand);--fab-shadow: 0 8px 24px rgba(67,0,152,.35), 0 2px 6px rgba(0,0,0,.12);--fab-shadow-mini: 0 4px 14px rgba(67,0,152,.3);--fab-shadow-extended: 0 8px 24px rgba(67,0,152,.35);--tab-nav-bg: var(--black-0);--tab-nav-border: var(--black-10);--tab-nav-icon-active: var(--brand-primary);--tab-nav-icon-inactive: var(--black-30);--tab-nav-indicator: var(--brand-primary);--tab-nav-badge-bg: var(--status-danger-content);--tab-nav-badge-text: var(--content-on-brand);--tab-nav-ripple: var(--brand-primary);--priority-high-bg: var(--red-5);--priority-high-text: var(--red-100);--priority-high-border: var(--red-60);--priority-medium-bg: #FFF8EC;--priority-medium-text: #B45309;--priority-medium-border: #F6C060;--priority-low-bg: #F0FDF4;--priority-low-text: #16A34A;--priority-low-border: #86EFAC;--priority-none-bg: var(--grey-20);--priority-none-text: var(--content-secondary);--priority-none-border: var(--grey-60);--task-status-todo-bg: var(--grey-20);--task-status-todo-text: var(--content-secondary);--task-status-todo-border: var(--grey-60);--task-status-inprogress-bg: #EFF6FF;--task-status-inprogress-text: #0550AE;--task-status-inprogress-border: #93C5FD;--task-status-done-bg: var(--priority-low-bg);--task-status-done-text: var(--priority-low-text);--task-status-done-border: var(--priority-low-border);--task-status-blocked-bg: var(--priority-high-bg);--task-status-blocked-text: var(--priority-high-text);--task-status-blocked-border: var(--priority-high-border);--avatar-color-brand: var(--brand-primary);--avatar-color-blue: #0550AE;--avatar-color-green: #1A7F37;--avatar-color-amber: #B45309;--avatar-color-danger: var(--red-100);--avatar-color-neutral: #6B7280;--avatar-on-color: var(--content-on-brand);--avatar-overflow-bg: var(--black-20);--avatar-overflow-text: var(--content-secondary);--avatar-status-online: #16A34A;--avatar-status-away: #B45309;--avatar-status-offline: var(--black-40);--mobile-header-bg: var(--background-default);--mobile-header-border: var(--border-subtle);--mobile-header-avatar-bg: var(--brand-primary);--mobile-header-avatar-text: var(--content-on-brand);--mobile-header-tab-active-bg: var(--brand-primary);--mobile-header-tab-active-text: var(--content-on-brand);--mobile-header-tab-text: var(--content-secondary);--keypad-bg: var(--black-0);--keypad-key-bg: var(--black-0);--keypad-key-bg-press: var(--brand-primary-muted);--keypad-key-text: var(--black-100);--keypad-key-back-text: var(--black-40);--keypad-separator: var(--grey-30);--keypad-label: var(--black-40);--keypad-unit: var(--content-secondary);--keypad-confirm-bg: var(--brand-primary);--keypad-confirm-hover: var(--brand-primary-hover);--keypad-confirm-text: var(--content-on-brand);--keypad-success-bg: #F0FDF4;--keypad-success-icon: #16A34A;--keypad-success-text: #16A34A;--keypad-error: var(--status-danger-content);--scanner-bg: #0A0A0A;--scanner-ui-btn-bg: rgba(255,255,255,.12);--scanner-ui-text: var(--black-0);--scanner-corner-default: var(--black-0);--scanner-corner-success: #16A34A;--scanner-scan-line: var(--brand-primary);--scanner-scan-line-mid: #7B3FEF;--scanner-confirm-bg: var(--brand-primary);--scanner-confirm-text: var(--content-on-brand);--scanner-success-icon: #16A34A;--scanner-torch-active: #FFE066;--sheet-backdrop: rgba(0,0,0,.4);--sheet-bg: var(--background-default);--sheet-handle: var(--border-subtle);--sheet-title: var(--content-primary);--sheet-chip-active-bg: var(--brand-primary-muted);--sheet-chip-active-border: var(--purple-30);--sheet-chip-active-text: var(--brand-primary);--sheet-footer-primary-bg: var(--brand-primary);--sheet-footer-primary-text: var(--content-on-brand);--sheet-footer-secondary-text: var(--content-secondary)}:root{--component-input-height-sm: var(--spacing-32);--component-input-height-md: var(--spacing-36);--component-input-height-lg: var(--spacing-40);--component-input-padding-x-sm: var(--spacing-10);--component-input-padding-x-md: var(--spacing-12);--component-input-padding-x-lg: var(--spacing-16);--component-input-gap: var(--spacing-8);--component-input-icon-size-sm: var(--icon-size-sm);--component-input-icon-size-md: var(--icon-size-md);--component-input-icon-size-lg: var(--icon-size-lg);--component-input-radius: var(--radius-lg);--component-checkbox-size-sm: var(--icon-size-sm);--component-checkbox-size-md: var(--icon-size-md);--component-checkbox-radius-sm: var(--radius-sm);--component-checkbox-radius-md: var(--radius-md);--component-checkbox-radius-radio-sm: var(--radius-lg);--component-checkbox-radius-radio-md: 10px;--component-checkbox-gap: var(--spacing-8);--component-checkbox-label-gap: var(--spacing-2);--component-checkbox-input-padding-top: 2px;--component-checkbox-focus-ring-spread: var(--spacing-4);--component-checkbox-icon-size-sm: 12px;--component-checkbox-icon-size-md: 14px;--component-checkbox-radio-dot-sm: var(--spacing-6);--component-checkbox-radio-dot-md: var(--spacing-8);--component-badge-height-sm: var(--spacing-20);--component-badge-height-md: var(--spacing-24);--component-badge-padding-x-sm: var(--spacing-6);--component-badge-padding-x-md: var(--spacing-8);--component-badge-gap: var(--spacing-4);--component-badge-dot-sm: var(--spacing-6);--component-badge-dot-md: var(--spacing-8);--component-badge-icon-size-sm: 12px;--component-badge-icon-size-md: 12px;--component-badge-radius: var(--radius-full);--component-select-field-height-sm: var(--spacing-32);--component-select-field-height-md: var(--spacing-36);--component-select-field-height-lg: var(--spacing-40);--component-select-field-padding-x-sm: var(--spacing-10);--component-select-field-padding-x-md: var(--spacing-12);--component-select-field-padding-x-lg: var(--spacing-16);--component-select-field-gap: var(--spacing-8);--component-select-field-radius: var(--radius-lg);--component-select-field-focus-ring: var(--spacing-4);--component-select-field-icon-size-sm: var(--icon-size-sm);--component-select-field-icon-size-md: var(--icon-size-sm);--component-select-field-icon-size-lg: var(--icon-size-sm);--component-select-chevron-size: var(--icon-size-sm);--component-select-option-height-sm: var(--spacing-32);--component-select-option-height-md: var(--spacing-36);--component-select-option-height-lg: var(--spacing-40);--component-select-option-padding-x-sm: var(--spacing-10);--component-select-option-padding-x-md: var(--spacing-12);--component-select-option-padding-x-lg: var(--spacing-16);--component-select-option-gap: var(--spacing-8);--component-select-option-icon-size: var(--icon-size-sm);--component-select-dropdown-radius: var(--radius-lg);--component-select-dropdown-padding-y: var(--spacing-4);--component-select-dropdown-max-height: 240px;--component-select-scrollbar-width: 16px;--component-select-scrollbar-padding: var(--spacing-4);--component-select-scrollbar-bar-width: var(--spacing-8);--component-select-scrollbar-bar-radius: var(--radius-lg);--component-dropdown-panel-radius: var(--radius-lg);--component-dropdown-panel-padding-y: var(--spacing-4);--component-dropdown-panel-max-height: 240px;--component-dropdown-option-height-sm: var(--spacing-32);--component-dropdown-option-height-md: var(--spacing-36);--component-dropdown-option-height-lg: var(--spacing-40);--component-dropdown-option-padding-x-sm: var(--spacing-10);--component-dropdown-option-padding-x-md: var(--spacing-12);--component-dropdown-option-padding-x-lg: var(--spacing-16);--component-dropdown-option-padding-y-sm: var(--spacing-6);--component-dropdown-option-padding-y-md: var(--spacing-8);--component-dropdown-option-padding-y-lg: var(--spacing-10);--component-dropdown-option-gap: var(--spacing-8);--component-dropdown-option-icon-size: var(--icon-size-sm);--component-dropdown-option-check-icon-size: var(--icon-size-sm);--component-dropdown-scrollbar-width: 16px;--component-dropdown-scrollbar-padding: var(--spacing-4);--component-dropdown-scrollbar-bar-width: var(--spacing-8);--component-dropdown-scrollbar-bar-radius: var(--radius-lg);--component-toggle-track-width-sm: var(--spacing-36);--component-toggle-track-width-md: var(--spacing-48);--component-toggle-track-height-sm: var(--spacing-20);--component-toggle-track-height-md: var(--spacing-24);--component-toggle-thumb-size-sm: var(--icon-size-sm);--component-toggle-thumb-size-md: var(--icon-size-md);--component-toggle-thumb-inset: 2px;--component-toggle-track-radius: var(--radius-full);--component-toggle-track-border-width: 1.5px;--component-toggle-gap-sm: var(--spacing-8);--component-toggle-gap-md: var(--spacing-12);--component-toggle-label-gap-sm: var(--spacing-2);--component-toggle-label-gap-md: var(--spacing-4);--component-toggle-focus-ring-spread: var(--spacing-4);--component-breadcrumb-gap-sm: var(--spacing-4);--component-breadcrumb-icon-size-sm: var(--icon-size-sm);--component-breadcrumb-separator-size-sm: var(--icon-size-sm);--component-table-header-height: var(--spacing-40);--component-table-header-padding-x: var(--spacing-12);--component-table-header-gap: var(--spacing-4);--component-table-header-icon-size: 12px;--component-table-header-checkbox-gap: var(--spacing-12);--component-table-row-height: var(--spacing-48);--component-table-cell-padding-x: var(--spacing-12);--component-table-cell-gap: var(--spacing-12);--component-table-cell-icon-size: var(--icon-size-md);--component-table-cell-title-gap: var(--spacing-2);--component-table-border-width: 1px;--component-table-radius: var(--radius-lg);--component-table-footer-height: var(--spacing-56);--component-table-footer-padding-x: var(--spacing-16);--component-table-checkbox-column-width: var(--spacing-48);--component-tab-height: var(--spacing-32);--component-tab-padding-x: var(--spacing-12);--component-tab-gap: var(--spacing-6);--component-tab-icon-size: var(--icon-size-sm);--component-tab-badge-gap: var(--spacing-6);--component-tab-indicator-height: 2px;--component-tab-radius: var(--radius-md);--component-tab-border-width: 1px;--component-tab-item-gap: var(--spacing-4);--component-tab-container-padding: var(--spacing-4);--component-counter-size-sm: var(--icon-size-sm);--component-counter-size-md: var(--spacing-24);--component-counter-padding-x: var(--spacing-6);--component-counter-radius: var(--radius-full);--component-counter-border-width: 1px;--component-toast-padding-x: var(--spacing-16);--component-toast-padding-y: var(--spacing-12);--component-toast-gap: var(--spacing-12);--component-toast-title-gap: var(--spacing-4);--component-toast-action-gap: var(--spacing-12);--component-toast-radius: var(--radius-lg);--component-toast-border-width: 1px;--component-toast-icon-size: var(--icon-size-sm);--component-toast-close-size: var(--icon-size-sm);--component-modal-width-sm: 400px;--component-modal-width-md: 560px;--component-modal-width-lg: 720px;--component-modal-radius: var(--radius-xl);--component-modal-border-width: 1px;--component-modal-padding-x: var(--spacing-24);--component-modal-header-padding-y: var(--spacing-24);--component-modal-body-padding-y: var(--spacing-24);--component-modal-footer-padding-y: var(--spacing-12);--component-modal-header-gap: var(--spacing-24);--component-modal-header-title-gap: var(--spacing-8);--component-modal-footer-gap: var(--spacing-12);--component-modal-close-size: var(--icon-size-md);--component-modal-close-container-size: var(--spacing-28);--component-modal-close-radius: var(--radius-lg);--component-modal-featured-icon-size: var(--spacing-36);--component-modal-featured-icon-radius: var(--radius-full);--component-modal-featured-icon-border-width: 1px;--component-modal-featured-icon-icon-size: var(--icon-size-md);--component-avatar-size-xs: var(--spacing-24);--component-avatar-size-sm: var(--spacing-32);--component-avatar-size-md: var(--spacing-40);--component-avatar-size-lg: var(--spacing-48);--component-avatar-size-xl: var(--spacing-56);--component-avatar-size-2xl: var(--spacing-64);--component-avatar-radius: var(--radius-full);--component-avatar-border-width: 1px;--component-avatar-focus-ring-spread: var(--spacing-4);--component-avatar-status-size-sm: var(--spacing-8);--component-avatar-status-size-md: 12px;--component-avatar-status-border-width: 2px;--component-avatar-text-size-xs: 10px;--component-avatar-text-size-sm: 12px;--component-avatar-text-size-md: 14px;--component-avatar-text-size-lg: var(--icon-size-sm);--component-avatar-text-size-xl: var(--icon-size-md);--component-avatar-text-size-2xl: var(--icon-size-lg);--component-pagination-button-size: var(--spacing-24);--component-pagination-button-radius: var(--radius-md);--component-pagination-button-border-width: 1px;--component-pagination-gap: var(--spacing-4);--component-pagination-container-height: var(--spacing-56);--component-pagination-container-padding-x: var(--spacing-16);--component-pagination-container-radius: var(--radius-lg);--component-pagination-container-border-width: 1px;--component-sidebar-width: 260px;--component-sidebar-padding-x: var(--spacing-20);--component-sidebar-padding-y: var(--spacing-32);--component-sidebar-logo-height: var(--spacing-56);--component-sidebar-footer-height: var(--spacing-56);--component-sidebar-section-gap: var(--spacing-4);--component-sidebar-item-height: var(--spacing-28);--component-sidebar-item-radius: var(--radius-lg);--component-sidebar-item-padding-x: var(--spacing-8);--component-sidebar-item-gap: var(--spacing-2);--component-sidebar-item-icon-size: 14px;--component-sidebar-item-chevron-size: var(--icon-size-sm);--component-sidebar-item-chevron-gap: var(--spacing-8);--component-sidebar-item-item-gap: var(--spacing-8);--component-sidebar-item-width: 220px;--component-sidebar-sub-item-height: var(--spacing-28);--component-sidebar-sub-item-radius: var(--radius-lg);--component-sidebar-sub-item-indent: var(--spacing-16);--component-sidebar-sub-item-padding-x: var(--spacing-8);--component-sidebar-sub-item-gap: var(--spacing-10);--component-sidebar-sub-item-icon-size: var(--icon-size-sm);--component-sidebar-sub-item-item-gap: var(--spacing-8);--component-sidebar-sub-item-width: 190px;--component-sidebar-height: 945px}:root{--spacing-0: 0px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-36: 36px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-80: 80px;--spacing-96: 96px;--spacing-120: 120px;--spacing-160: 160px;--radius-0: 0px;--radius-2: 2px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-32: 32px;--radius-xs: var(--radius-2);--radius-sm: var(--radius-4);--radius-md: var(--radius-6);--radius-lg: var(--radius-8);--radius-xl: var(--radius-12);--radius-full: 9999px;--elevation-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--elevation-2: 0 4px 8px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);--elevation-3: 0 8px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.08);--elevation-4: 0 16px 40px rgba(0,0,0,.14), 0 6px 12px rgba(0,0,0,.1);--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--font-display: "Montserrat", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-2xs: 10px;--font-size-xs: 11px;--font-size-sm: var(--spacing-12);--font-size-md: var(--spacing-14);--font-size-lg: var(--spacing-16);--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.5;--lh-relaxed: 1.7;--sidebar-w: 256px;--sidebar-bg: #07070A;--sidebar-border: #151519;--topbar-h: 52px;--content-max: 100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font-body);color:var(--content-primary);background:var(--background-page);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4c8e8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b8a8d0}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar content";min-height:100vh}.content-inner{display:grid;grid-template-columns:1fr 200px;align-items:start;gap:0;max-width:1280px;margin:0 auto}.page-main{min-width:0}.sidebar{grid-area:sidebar;position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden;z-index:100}.sidebar-head{flex-shrink:0;padding:20px 20px 16px;border-bottom:1px solid var(--sidebar-border)}.sidebar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:2px}.sidebar-logo svg{flex-shrink:0}.sidebar-version{font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#88a;margin-top:6px}.sidebar-search{margin-top:12px;position:relative}.sidebar-search input{width:100%;background:#111118;border:1px solid #383850;border-radius:var(--radius-lg);padding:7px 12px 7px 32px;font-family:var(--font-body);font-size:12px;color:#c0c0d8;outline:none;transition:border-color .15s}.sidebar-search input::placeholder{color:#7070a0}.sidebar-search input:focus{border-color:#7b3fcc;color:#e0e0f0}.sidebar-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#7070a0;pointer-events:none}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 0 24px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section{margin-bottom:4px}.nav-section-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#88a;padding:12px 20px 4px}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 20px;font-size:13px;font-weight:400;color:#aaaac8;text-decoration:none;cursor:pointer;border-left:2px solid transparent;transition:color .12s,background .12s,border-color .12s;-webkit-user-select:none;user-select:none}.nav-item:hover{color:#d8d8f0;background:#ffffff0d}.nav-item.active{color:#d4aaff;background:#6428c82e;border-left-color:#9b5fec;font-weight:500}.nav-item-icon{width:14px;height:14px;flex-shrink:0;opacity:.6}.nav-item.active .nav-item-icon{opacity:1}.nav-item-tag{margin-left:auto;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:var(--radius-full)}.nav-item-tag.soon{background:#ffffff17;color:#8888b8}.nav-item-tag.new{background:#7832dc66;color:#d4aaff}.nav-sub{display:none}.nav-sub.open{display:block}.nav-sub-item{display:flex;align-items:center;gap:6px;padding:4px 20px 4px 40px;font-size:12px;color:#8888b8;text-decoration:none;cursor:pointer;transition:color .12s}.nav-sub-item:hover{color:#b8b8d8}.nav-sub-item.active{color:#d4aaff}.sidebar-footer{flex-shrink:0;padding:12px 20px;border-top:1px solid var(--sidebar-border);display:flex;align-items:center;gap:8px}.sidebar-footer-link{font-size:11px;color:#7878a8;text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .12s}.sidebar-footer-link:hover{color:#a8a8c8}.topbar{grid-area:topbar;position:sticky;top:0;height:var(--topbar-h);background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 40px;gap:12px;z-index:90}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--content-tertiary)}.topbar-breadcrumb-sep{opacity:.4}.topbar-breadcrumb-current{color:var(--content-primary);font-weight:500}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.topbar-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-family:var(--font-body);font-size:12px;font-weight:500;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--background-surface);color:var(--content-secondary);cursor:pointer;text-decoration:none;transition:border-color .12s,color .12s,background .12s}.topbar-btn:hover{border-color:var(--border-strong);color:var(--content-primary)}.topbar-btn.brand{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--content-on-brand)}.topbar-btn.brand:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.content{grid-area:content;min-height:calc(100vh - var(--topbar-h));background:#f8f7fb}.page{display:none}.page.active{display:block}.on-this-page{position:sticky;top:calc(var(--topbar-h) + 32px);padding:0 16px 0 24px;max-height:calc(100vh - var(--topbar-h) - 64px);overflow-y:auto;scrollbar-width:none}.on-this-page:empty{display:none}.on-this-page{position:sticky;top:calc(var(--topbar-h) + 32px);padding:0 24px;max-height:calc(100vh - var(--topbar-h) - 64px);overflow-y:auto;scrollbar-width:none;visibility:hidden}.on-this-page::-webkit-scrollbar{display:none}.otp-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--content-tertiary);margin-bottom:12px}.otp-label{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--content-tertiary);margin-bottom:10px;padding-left:10px}.otp-nav{display:flex;flex-direction:column;gap:2px}.otp-nav{display:flex;flex-direction:column;gap:1px}.otp-link{font-size:12px;color:var(--content-tertiary);text-decoration:none;padding:4px 8px;border-radius:6px;border-left:2px solid transparent;transition:color .12s,border-color .12s,background .12s;cursor:pointer;line-height:1.4}.otp-link{display:block;font-size:12px;color:var(--content-tertiary);text-decoration:none;padding:4px 10px;border-radius:var(--radius-sm);border-left:2px solid transparent;transition:color .12s,border-color .12s,background .12s;cursor:pointer;line-height:1.4}.otp-link:hover{color:var(--content-secondary);background:var(--background-subtle)}.otp-link.active{color:var(--brand-primary);border-left-color:var(--brand-primary);background:var(--brand-primary-muted);font-weight:500}.page-header{padding:32px 48px 24px;margin-bottom:32px;border-bottom:1px solid var(--border-subtle)}.page-header-eyebrow{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:8px}.page-header-dot{width:4px;height:4px;border-radius:50%;background:var(--brand-primary)}.page-header-title{font-family:Montserrat,sans-serif;font-size:28px;font-weight:800;color:var(--content-primary);letter-spacing:-.03em;line-height:1;margin-bottom:10px}.page-header-desc{font-size:13px;color:var(--content-secondary);max-width:560px;line-height:var(--lh-relaxed)}.page-header-meta{display:flex;gap:20px;margin-top:20px}.page-header-meta-item{display:flex;align-items:baseline;gap:6px}.page-header-meta-num{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:var(--content-primary);letter-spacing:-.02em}.page-header-meta-label{font-size:11px;color:var(--content-tertiary)}.nav-item-badge{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--component-button-gap);padding:0 var(--component-button-padding-x-md);height:var(--component-button-height-md);font-family:var(--font-body);font-size:var(--font-size-md);font-weight:600;letter-spacing:-.04em;border-radius:var(--component-button-radius);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap;text-decoration:none}.btn-sm{height:var(--component-button-height-sm);font-size:var(--font-size-sm);padding:0 var(--component-button-padding-x-sm)}.btn-lg{height:var(--component-button-height-lg);font-size:var(--font-size-lg);padding:0 var(--component-button-padding-x-lg)}.btn-primary{background:var(--brand-primary);color:var(--content-on-brand)}.btn-primary:hover{background:var(--brand-primary-hover)}.btn-primary:active{background:var(--brand-primary-active)}.btn-primary:disabled{background:var(--brand-primary-disabled);cursor:not-allowed;opacity:.5}.btn-primary:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-secondary{background:transparent;color:var(--content-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--brand-primary-subtle);border-color:var(--border-brand);color:var(--brand-primary)}.btn-secondary:active{background:var(--brand-primary-muted);border-color:var(--border-brand);color:var(--brand-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-gray{background:transparent;color:var(--content-secondary);border-color:var(--border-default)}.btn-secondary-gray:hover,.btn-secondary-gray:active{background:var(--background-subtle);border-color:var(--border-strong);color:var(--content-primary)}.btn-secondary-gray:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--brand-primary);border-color:transparent}.btn-ghost:hover{background:var(--brand-primary-subtle)}.btn-ghost:active{background:var(--brand-primary-muted)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed;color:var(--content-disabled)}.btn-tertiary-gray{background:transparent;color:var(--content-secondary);border-color:transparent}.btn-tertiary-gray:hover,.btn-tertiary-gray:active{background:var(--background-subtle);color:var(--content-primary)}.btn-tertiary-gray:disabled{opacity:.5;cursor:not-allowed}.btn-destructive{background:var(--status-danger-bg);color:var(--status-danger-content);border-color:var(--status-danger-border)}.btn-destructive:hover{background:var(--status-danger-bg-hover);border-color:var(--status-danger-border-hover)}.btn-destructive:active{background:var(--status-danger-bg-active);border-color:var(--status-danger-border-active)}.btn-destructive:disabled{opacity:.5;cursor:not-allowed}.btn-link{display:inline-flex;align-items:center;gap:var(--component-button-gap);padding:0;font-size:var(--font-size-md);font-weight:600;font-family:var(--font-body);background:none;border:none;cursor:pointer;text-decoration:none;transition:color .12s,text-decoration .12s}.btn-link:hover{text-decoration:underline}.btn-link-color{color:var(--brand-primary)}.btn-link-color:hover{color:var(--brand-primary-hover)}.btn-link-gray{color:var(--content-secondary)}.btn-link-gray:hover{color:var(--content-primary)}.btn-icon-lead,.btn-icon-trail{display:inline-flex;align-items:center;gap:var(--component-button-gap)}.btn-icon-only{padding:0!important;width:var(--component-button-height-lg);height:var(--component-button-height-lg);display:inline-flex;align-items:center;justify-content:center}.btn-icon-only.btn-icon-sm{width:var(--component-button-height-sm);height:var(--component-button-height-sm)}.btn-icon-only.btn-icon-lg{width:var(--component-button-height-lg);height:var(--component-button-height-lg)}.btn-loading{opacity:.75;cursor:not-allowed;display:inline-flex;align-items:center;gap:var(--component-button-gap-lg)}.btn-spinner{width:var(--spacing-14);height:var(--spacing-14);border:2px solid rgba(255,255,255,.3);border-top-color:var(--content-on-brand);border-radius:50%;animation:btn-spin .7s linear infinite;flex-shrink:0}.btn-spinner-dark{border:2px solid rgba(67,0,152,.2);border-top-color:var(--brand-primary)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-mode-toggle{display:inline-flex;align-items:center;gap:var(--component-button-gap);padding:var(--spacing-6) var(--spacing-12);font-size:var(--font-size-sm);font-weight:500;color:var(--content-secondary);background:var(--background-subtle);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all .12s;font-family:var(--font-body)}.btn-mode-toggle:hover{color:var(--content-primary);border-color:var(--border-strong)}.btn-mode-toggle.dark{background:#111118;color:#c0c0d8;border-color:#2e2e42}.btn-mode-toggle.dark:hover{border-color:#5a5a72}.btn-stage-dark{background:#111118!important;border-top:1px solid #1E1E28}.btn-stage-dark .btn-state-label{color:#5a5a72!important}.btn-preview-block{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:0}.btn-preview-stage{display:flex;align-items:center;justify-content:center;gap:var(--spacing-32);padding:40px 28px;background:var(--background-subtle);flex-wrap:wrap;transition:background .2s}.btn-state-group{display:flex;flex-direction:column;align-items:center;gap:10px}.btn-state-label{font-size:var(--font-size-2xs);color:var(--content-tertiary);font-family:var(--font-mono);letter-spacing:.02em}.btn-tokens-strip{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--background-surface)}.btn-token-item{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-10) var(--spacing-16);border-right:1px solid var(--border-subtle);flex:1 0 auto}.btn-token-swatch{width:var(--spacing-20);height:var(--spacing-20);border-radius:var(--radius-sm);flex-shrink:0}.btn-token-name{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--brand-primary);white-space:nowrap}.btn-token-label{font-size:var(--font-size-2xs);color:var(--content-tertiary);white-space:nowrap}.btn-section-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.btn-section-toolbar .doc-section-title{margin-bottom:0}.btn-section-toggle{display:inline-flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-10);font-size:var(--font-size-xs);font-weight:500;color:var(--content-secondary);background:var(--background-subtle);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all .12s;font-family:var(--font-body);flex-shrink:0}.btn-section-toggle:hover{color:var(--content-primary);border-color:var(--border-strong)}.btn-section-toggle.dark{background:#1a1a2e;color:#c0c0d8;border-color:#2e2e42}.btn-section-toggle.dark:hover{border-color:#5a5a72}.inp-wrap{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.inp-label{display:flex;align-items:center;gap:var(--spacing-4);font-size:var(--font-size-md);font-weight:500;color:var(--content-secondary);line-height:1.4}.inp-hint{font-size:var(--font-size-sm);color:var(--content-tertiary);line-height:1.5}.inp-hint-error{font-size:var(--font-size-sm);color:var(--status-danger-content);line-height:1.5;display:flex;align-items:center;gap:var(--spacing-4)}.inp-icon{color:var(--icon-muted);flex-shrink:0;display:flex;align-items:center;transition:color .15s}.inp-row{display:flex;width:100%}.inp-field{display:flex;align-items:center;gap:var(--component-input-gap);height:var(--component-input-height-md);padding:0 var(--component-input-padding-x-md);background:var(--background-surface);border:1px solid var(--border-default);border-radius:var(--component-input-radius);font-family:var(--font-body);font-size:var(--font-size-md);color:var(--content-primary);transition:border-color .15s,box-shadow .15s,opacity .15s;width:100%;box-sizing:border-box;outline:none}input.inp-field::placeholder{color:var(--content-tertiary)}.inp-field:hover:not(:focus):not(.inp-error):not(:disabled):not(.inp-disabled){border-color:var(--border-strong)}.inp-field:focus:not(.inp-error){border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--input-focus-ring)}.inp-field.inp-error{border-color:var(--status-danger-border)!important}.inp-field.inp-error:focus{box-shadow:0 0 0 3px var(--input-focus-ring-error)!important}.inp-field:disabled,.inp-field.inp-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.inp-sm{height:var(--component-input-height-sm)!important;font-size:var(--font-size-sm)!important;padding:0 var(--component-input-padding-x-sm)!important}.inp-lg{height:var(--component-input-height-lg)!important;font-size:var(--font-size-lg)!important;padding:0 var(--component-input-padding-x-lg)!important}.inp-addon{display:flex;align-items:center;gap:4px;padding:0 12px;height:36px;background:var(--background-subtle);border:1px solid var(--border-default);font-size:14px;color:var(--content-secondary);white-space:nowrap;flex-shrink:0;box-sizing:border-box;transition:border-color .15s}.inp-addon-left{border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.inp-addon-right{border-left:none;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.inp-joined-left{border-radius:0 var(--radius-lg) var(--radius-lg) 0!important}.inp-joined-right{border-radius:var(--radius-lg) 0 0 var(--radius-lg)!important;flex:1;min-width:0}.inp-trail{position:relative;width:100%}.inp-trail-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--icon-muted);padding:0;display:flex;align-items:center;transition:color .15s;z-index:2}.inp-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-6);min-height:var(--component-input-height-md);height:auto!important;padding:var(--spacing-6) var(--component-input-padding-x-md)!important;cursor:text}.inp-tag-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--brand-primary-subtle);border:1px solid var(--border-brand);border-radius:var(--radius-sm);font-size:12px;color:var(--brand-primary);white-space:nowrap}.inp-tag-remove{cursor:pointer;opacity:.5;display:flex;align-items:center}.inp-tag-remove:hover{opacity:1}.inp-section-demo{background:var(--background-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.inp-demo-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-subtle);gap:12px;flex-wrap:wrap;background:var(--background-surface)}.inp-demo-title{font-size:11px;font-weight:600;color:var(--content-tertiary);text-transform:uppercase;letter-spacing:.06em}.inp-demo-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inp-demo-meta{font-size:11px;color:var(--content-tertiary)}.inp-state-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:28px;padding:0 28px 0 10px;background:var(--background-subtle) url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23A3A3A3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--content-primary);cursor:pointer;transition:border-color .15s}.inp-state-select:focus{outline:none;border-color:var(--input-border-focus)}.inp-demo-stage{padding:40px 32px;display:flex;justify-content:center;align-items:flex-start;min-height:120px;background:var(--background-subtle)}.inp-demo-preview{width:100%;max-width:340px}.inp-state-strip{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--border-subtle);background:var(--background-surface);flex-wrap:wrap}.inp-state-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--content-tertiary)}.inp-state-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.inp-multi-stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--border-subtle)}.inp-multi-cell{background:var(--background-subtle);padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.inp-multi-label{font-size:11px;color:var(--content-tertiary)}.tok-table{width:100%;border-collapse:collapse}.tok-table thead tr{background:var(--background-subtle);border-bottom:1px solid var(--border-subtle)}.tok-table th{padding:8px 16px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--content-tertiary);text-align:left}.tok-table td{padding:10px 16px;border-bottom:1px solid var(--border-subtle);font-size:12px;vertical-align:middle}.tok-table tr:nth-child(2n) td{background:var(--background-subtle)}.tok-name{font-family:var(--font-mono);font-size:11px;color:var(--brand-primary)}.tok-use{color:var(--content-secondary)}.tok-alias{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-md);background:var(--background-subtle);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px;color:var(--content-secondary);cursor:pointer;position:relative;transition:background .1s,border-color .1s;-webkit-user-select:none;user-select:none}.tok-alias:hover{background:var(--background-surface);border-color:var(--border-default)}.tok-alias-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tok-alias-copied{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1c1c22;color:#fff;font-size:10px;font-family:var(--font-body);padding:4px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100}.tok-alias-copied:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1c1c22}.tok-alias.show-tip .tok-alias-copied{opacity:1}.tok-alias.copied-flash{background:var(--brand-primary-subtle)!important;border-color:var(--border-brand)!important}.cb-wrap{display:inline-flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.cb-wrap.cb-disabled{opacity:.5;pointer-events:none}.cb-box-wrap{position:relative;flex-shrink:0}.cb-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0;z-index:2}.cb-box{display:flex;align-items:center;justify-content:center;border:1px solid var(--checkbox-border-default);background:var(--checkbox-bg-default);box-sizing:border-box;transition:background .12s,border-color .12s,box-shadow .12s;pointer-events:none}.cb-box-wrap:hover .cb-box{background:var(--checkbox-bg-hover);border-color:var(--checkbox-border-checked)}.cb-input:focus-visible~.cb-box{box-shadow:0 0 0 4px var(--checkbox-focus-ring);border-color:var(--checkbox-border-focused);outline:none}.cb-input:checked~.cb-box{background:var(--checkbox-bg-checked);border-color:var(--checkbox-border-checked)}.cb-input:checked:focus-visible~.cb-box{background:var(--checkbox-bg-checked);border-color:var(--checkbox-border-checked);box-shadow:0 0 0 4px var(--checkbox-focus-ring)}.cb-icon{display:none;align-items:center;justify-content:center;pointer-events:none}.cb-input:checked~.cb-box .cb-icon{display:flex}.cb-input:checked~.cb-box.cb-circle{background:var(--checkbox-bg-circle-checked);border-color:var(--checkbox-border-checked)}.cb-box-wrap:hover .cb-input:checked~.cb-box.cb-circle{background:var(--checkbox-bg-circle-checked)}.cb-label-text{font-size:var(--font-size-lg);font-weight:500;color:var(--content-primary);font-family:var(--font-body);line-height:24px;margin:0}.cb-supporting-text{font-size:var(--font-size-lg);font-weight:400;color:var(--checkbox-supporting);font-family:var(--font-body);line-height:24px;margin:2px 0 0}.cb-wrap.cb-disabled .cb-label-text,.cb-wrap.cb-disabled .cb-supporting-text{color:var(--checkbox-text-disabled)}.cb-box.cb-s-hover{background:var(--checkbox-bg-hover)!important;border-color:var(--checkbox-border-checked)!important}.cb-box.cb-s-focused{box-shadow:0 0 0 4px var(--checkbox-focus-ring)!important;border-color:var(--checkbox-border-focused)!important}.cb-input:checked~.cb-box.cb-s-focused{border-color:var(--checkbox-border-checked)!important}.cb-box.cb-s-disabled{background:var(--checkbox-bg-disabled)!important;border-color:var(--checkbox-border-disabled)!important;box-shadow:none!important}.cb-input:checked~.cb-box.cb-s-disabled,.cb-circle.cb-s-disabled{background:var(--checkbox-bg-disabled)!important;border-color:var(--checkbox-border-disabled)!important}.cb-wrap.cb-disabled .cb-icon svg{stroke:var(--checkbox-border-disabled)!important}.cb-wrap.cb-disabled .cb-radio-dot{background:var(--checkbox-border-disabled)!important}.cb-input:indeterminate~.cb-box{background:var(--checkbox-bg-hover);border-color:var(--checkbox-border-checked)}.cb-input:indeterminate~.cb-box .cb-icon{display:none}.cb-input:indeterminate~.cb-box .cb-dash{display:block}.page-hero{background:var(--brand-primary);padding:56px 56px 48px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 100% at 95% 50%,rgba(191,132,255,.18) 0%,transparent 55%),radial-gradient(ellipse 40% 60% at 5% 80%,rgba(25,0,70,.5) 0%,transparent 60%);pointer-events:none}.page-hero-inner{position:relative}.page-hero-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6;margin-bottom:14px}.page-hero-dot{width:4px;height:4px;border-radius:50%;background:#d4aaff}.page-hero-title{font-family:Montserrat,sans-serif;font-size:40px;font-weight:800;color:var(--content-on-brand);letter-spacing:-.03em;line-height:1;margin-bottom:14px}.page-hero-desc{font-size:14px;color:var(--content-on-brand);max-width:480px;line-height:var(--lh-relaxed)}.page-hero-meta{display:flex;gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.25)}.hero-meta-num{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:var(--content-on-brand);letter-spacing:-.03em;line-height:1}.hero-meta-label{font-size:11px;color:#ffffffe6;margin-top:3px}.page-body{padding:40px 48px 80px}.doc-section{margin-bottom:56px}.doc-variant-block{margin-bottom:36px}.doc-variant-block:last-child{margin-bottom:0}.doc-variant-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--content-primary);letter-spacing:-.01em}.btn-section-toolbar .doc-variant-title{margin-bottom:0}.doc-section-header{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.doc-section-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--content-primary);letter-spacing:-.02em}.doc-section-badge{font-size:10px;font-weight:600;color:var(--brand-primary);background:var(--brand-primary-muted);padding:2px 8px;border-radius:var(--radius-full)}.doc-section-desc{font-size:13px;color:var(--content-secondary);line-height:var(--lh-relaxed);margin-bottom:20px;max-width:600px}.doc-divider{height:1px;background:var(--border-subtle);margin:40px 0}.subsection{margin-top:28px}.subsection-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--content-tertiary);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.card{background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--elevation-1)}.card-sm{border-radius:var(--radius-lg)}.color-chip{border-radius:var(--radius-xl);overflow:hidden;background:var(--background-surface);border:1px solid var(--border-subtle);box-shadow:var(--elevation-1);transition:transform .15s,box-shadow .15s;cursor:default}.color-chip:hover{transform:translateY(-2px);box-shadow:var(--elevation-2)}.color-swatch{height:64px;width:100%;position:relative}.color-swatch.bordered{border-bottom:1px solid var(--border-default)}.color-meta{padding:10px 12px}.color-label{font-size:11px;font-weight:600;color:var(--content-primary);margin-bottom:2px}.color-token{font-family:var(--font-mono);font-size:9px;color:var(--brand-primary);margin-bottom:4px}.color-hex{font-family:var(--font-mono);font-size:10px;color:var(--content-tertiary)}.color-hex-row{display:flex;flex-direction:column;gap:1px;margin-bottom:2px}.color-prim{font-family:var(--font-mono);font-size:9px;color:var(--brand-primary);opacity:.75}.color-dark-inner{display:flex;flex-direction:column;gap:1px;padding:4px 6px}.color-dark-prim{font-family:var(--font-mono);font-size:9px;letter-spacing:.01em}.color-dark-label{font-size:8px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--content-tertiary);margin-top:6px;margin-bottom:3px}.color-dark{display:flex;align-items:center;justify-content:center;margin-top:5px;border-radius:4px;padding:3px 7px;min-height:20px}.color-dark-dot{display:none}.color-dark-val{font-family:var(--font-mono);font-size:9px;font-weight:500}.status-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.status-card{padding:14px 16px;border-radius:var(--radius-xl);border:1px solid;display:flex;align-items:flex-start;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%;margin-top:3px;flex-shrink:0}.status-card-label{font-size:12px;font-weight:600;margin-bottom:4px}.status-card-tokens{font-family:var(--font-mono);font-size:9px;opacity:.6}.type-table{width:100%;background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--elevation-1)}.type-table-head{display:grid;grid-template-columns:190px 160px 1fr 180px;padding:10px 20px;border-bottom:1px solid var(--border-subtle);background:var(--background-subtle)}.type-col-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--content-tertiary)}.type-row{display:grid;grid-template-columns:190px 160px 1fr 180px;padding:16px 20px;border-bottom:1px solid var(--border-subtle);align-items:start;transition:background .1s}.type-row:last-child{border-bottom:none}.type-row:hover{background:var(--brand-primary-subtle)}.type-token-pill{font-family:var(--font-mono);font-size:10px;color:var(--brand-primary);background:var(--brand-primary-muted);padding:3px 8px;border-radius:var(--radius-sm);display:inline-block}.type-specs{font-size:11px;color:var(--content-secondary);line-height:1.6}.type-usage{font-size:11px;color:var(--content-secondary);line-height:var(--lh-relaxed)}.spacing-table{background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--elevation-1);width:100%}.spacing-row{display:grid;grid-template-columns:120px 56px 320px 1fr;align-items:center;padding:9px 20px;border-bottom:1px solid var(--border-subtle);transition:background .1s}.spacing-row:last-child{border-bottom:none}.spacing-row:hover{background:var(--brand-primary-subtle)}.spacing-row.header{background:var(--background-subtle);border-bottom:1px solid var(--border-default)}.sp-token{font-family:var(--font-mono);font-size:11px;color:var(--brand-primary)}.sp-value{font-size:12px;font-weight:600;color:var(--content-primary)}.sp-bar-wrap{display:flex;align-items:center}.sp-bar{height:7px;background:var(--brand-primary);border-radius:2px;opacity:.65;transition:opacity .12s}.spacing-row:hover .sp-bar{opacity:1}.sp-use{font-size:11px;color:var(--content-secondary)}.radius-card{background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--elevation-1);transition:transform .15s,box-shadow .15s}.radius-card:hover{transform:translateY(-2px);box-shadow:var(--elevation-2)}.radius-preview{height:48px;width:64px;background:var(--brand-primary-muted);border:2px solid var(--brand-primary);margin-bottom:14px;opacity:.8}.radius-name{font-family:var(--font-mono);font-size:11px;color:var(--brand-primary);font-weight:600;margin-bottom:3px}.radius-val{font-size:16px;font-weight:700;color:var(--content-primary);margin-bottom:3px;font-family:var(--font-display)}.radius-prim{font-family:var(--font-mono);font-size:9px;color:var(--content-tertiary);margin-bottom:8px}.radius-use{font-size:11px;color:var(--content-secondary);line-height:1.5}.elevation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.elevation-card{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden;background:var(--background-surface)}.elevation-stage{height:96px;background:#eee9f5;display:flex;align-items:center;justify-content:center;padding:20px}.elevation-surface{background:var(--background-surface);border-radius:var(--radius-lg);padding:10px 16px;font-size:12px;font-weight:500;color:var(--content-primary);width:100%;text-align:center}.elevation-info{padding:14px 16px}.elevation-name{font-size:12px;font-weight:600;color:var(--brand-primary);margin-bottom:4px}.elevation-use{font-size:11px;color:var(--content-secondary);margin-bottom:10px;line-height:1.5}.elevation-pair{font-family:var(--font-mono);font-size:9px;color:var(--brand-primary);opacity:.7}.elevation-css-val{font-family:var(--font-mono);font-size:9px;color:var(--content-tertiary);background:var(--background-subtle);border-radius:var(--radius-sm);padding:6px 8px;margin-top:6px;line-height:1.7;word-break:break-all}.ramp{margin-bottom:24px}.ramp-name{font-size:11px;font-weight:600;color:var(--content-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.ramp-stops{display:flex;gap:3px;border-radius:var(--radius-lg);overflow:hidden}.ramp-stop{flex:1;height:36px;position:relative;cursor:pointer;transition:transform .1s}.ramp-stop:hover{transform:scaleY(1.2);z-index:1}.ramp-stop:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#111;color:#eee;font-family:var(--font-mono);font-size:9px;padding:3px 7px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}.ramp-stop:hover:after{opacity:1}.weight-table{background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--elevation-1)}.weight-row{display:flex;align-items:baseline;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border-subtle);transition:background .1s}.weight-row:last-child{border-bottom:none}.weight-row:hover{background:var(--brand-primary-subtle)}.weight-meta{width:180px;flex-shrink:0}.weight-token-name{font-family:var(--font-mono);font-size:11px;color:var(--brand-primary)}.weight-val{font-size:10px;color:var(--content-tertiary);margin-top:2px}.weight-demo{font-size:20px;color:var(--content-primary);font-family:var(--font-body)}.lh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lh-card{background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:18px;box-shadow:var(--elevation-1)}.lh-token{font-family:var(--font-mono);font-size:10px;color:var(--brand-primary);margin-bottom:6px}.lh-value{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--content-primary);margin-bottom:10px}.lh-demo{font-size:13px;color:var(--content-primary)}.lh-use{font-size:10px;color:var(--content-tertiary);margin-top:8px;line-height:1.5}.component-stage{background:var(--background-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:40px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;min-height:120px;margin-bottom:20px}.component-stage.dark{background:#111118;border-color:#1e1e28}.prop-table{width:100%;background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--elevation-1);border-collapse:collapse}.prop-table thead tr{background:var(--background-subtle);border-bottom:1px solid var(--border-default)}.prop-table th{text-align:left;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--content-tertiary);padding:10px 16px}.prop-table td{padding:11px 16px;font-size:12px;color:var(--content-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:top}.prop-table tr:last-child td{border-bottom:none}.prop-table tr:hover td{background:var(--brand-primary-subtle)}.prop-name{font-family:var(--font-mono);font-size:11px;color:var(--brand-primary);font-weight:600}.prop-type{font-family:var(--font-mono);font-size:10px;color:var(--brand-primary-focus)}.prop-default{font-family:var(--font-mono);font-size:10px;color:var(--content-tertiary)}.do-dont{display:grid;grid-template-columns:1fr 1fr;gap:12px}.do-card,.dont-card{border-radius:var(--radius-xl);overflow:hidden;border:1px solid}.do-card{border-color:var(--status-success-border)}.dont-card{border-color:var(--status-danger-border)}.do-card-head,.dont-card-head{padding:8px 16px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.do-card-head{background:var(--status-success-bg);color:var(--status-success-content)}.dont-card-head{background:var(--status-danger-bg);color:var(--status-danger-content)}.do-card-body,.dont-card-body{background:var(--background-surface);padding:20px;font-size:12px;color:var(--content-secondary);line-height:1.6}.code-block{background:#070709;border-radius:var(--radius-xl);padding:20px 24px;border:1px solid #111118;overflow-x:auto;position:relative}.code-block pre{font-family:var(--font-mono);font-size:12px;color:#b8b8d8;line-height:1.75;white-space:pre}.code-copy{position:absolute;top:12px;right:12px;font-size:10px;font-weight:500;color:#4a4a64;background:#111118;border:1px solid #1E1E28;border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;transition:color .12s}.code-copy:hover,.ck{color:#bf84ff}.cv{color:#43df84}.cs{color:#efb652}.cc{color:#2a2a3a}.cp{color:#e87580}code{font-family:var(--font-mono);font-size:.9em;color:var(--brand-primary);background:var(--brand-primary-muted);padding:1px 5px;border-radius:var(--radius-sm)}.rule-card{background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--elevation-1)}.rule-card.accent{background:var(--brand-primary-subtle);border-color:#d4c8e8}.rule-card-title{font-size:13px;font-weight:600;color:var(--content-primary);margin-bottom:6px}.rule-card.accent .rule-card-title{color:var(--brand-primary)}.rule-card-body{font-size:12px;color:var(--content-secondary);line-height:1.65}.callout{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-xl);border:1px solid;font-size:13px;line-height:1.6}.callout.info{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-content)}.callout.warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-content)}.callout.success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-content)}.callout.danger{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger-content)}.callout-icon{flex-shrink:0;font-size:16px;line-height:1.4}.tag{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.tag-brand{background:var(--brand-primary-muted);color:var(--brand-primary)}.tag-success{background:var(--status-success-bg);color:var(--status-success-content)}.tag-warning{background:var(--status-warning-bg);color:var(--status-warning-content)}.tag-danger{background:var(--status-danger-bg);color:var(--status-danger-content)}.tag-neutral{background:var(--background-subtle);color:var(--content-secondary);border:1px solid var(--border-default)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.overview-card{background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;text-decoration:none;box-shadow:var(--elevation-1);display:block}.overview-card:hover{transform:translateY(-2px);box-shadow:var(--elevation-2);border-color:var(--border-brand)}.overview-card-icon{width:36px;height:36px;background:var(--brand-primary-muted);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:18px}.overview-card-title{font-size:14px;font-weight:600;color:var(--content-primary);margin-bottom:4px}.overview-card-desc{font-size:12px;color:var(--content-secondary);line-height:1.5}.overview-card-meta{margin-top:12px;font-size:10px;color:var(--content-tertiary)}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--elevation-1)}.coming-soon-icon{font-size:40px;margin-bottom:16px;opacity:.3}.coming-soon-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--content-primary);margin-bottom:6px}.coming-soon-desc{font-size:13px;color:var(--content-secondary);max-width:300px;line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page.active .page-hero,.page.active .page-body{animation:fadeUp .25s ease both}.playground{background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--elevation-1);overflow:hidden}.pg-toolbar{display:flex;align-items:center;gap:0;padding:0 20px;border-bottom:1px solid var(--border-subtle);background:var(--background-subtle);flex-wrap:wrap;min-height:52px}.pg-toolbar-group{display:flex;align-items:center;gap:8px;padding:10px 16px;border-right:1px solid var(--border-subtle)}.pg-toolbar-group:last-child{border-right:none}.pg-toolbar-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--content-tertiary);white-space:nowrap}.pg-toolbar-size{flex:1;min-width:180px}.pg-tab{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:transparent;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--content-secondary);cursor:pointer;transition:all .12s}.pg-tab:hover{border-color:var(--border-strong);color:var(--content-primary)}.pg-tab.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--content-on-brand)}.pg-toolbar-group input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:var(--border-default);border-radius:2px;outline:none;cursor:pointer;min-width:80px}.pg-toolbar-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brand-primary);cursor:pointer;border:2px solid var(--background-surface);box-shadow:0 0 0 1px var(--brand-primary)}.pg-toolbar-group input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brand-primary);cursor:pointer;border:2px solid var(--background-surface);box-shadow:0 0 0 1px var(--brand-primary)}.pg-val{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--content-primary);min-width:36px;text-align:right}.pg-color-dots{display:flex;gap:6px;align-items:center}.pg-color-dot-btn{width:20px;height:20px;border-radius:50%;cursor:pointer;transition:transform .12s,box-shadow .12s;flex-shrink:0}.pg-color-dot-btn:hover{transform:scale(1.15)}.pg-color-dot-btn.active{box-shadow:0 0 0 2px var(--background-surface),0 0 0 4px var(--brand-primary)}.pg-canvas{min-height:240px;padding:56px 48px;background:var(--background-surface);display:flex;align-items:center;justify-content:center;transition:background .2s}.pg-text{font-family:var(--font-body);font-size:20px;font-weight:600;letter-spacing:-.04em;color:var(--content-primary);text-align:center;outline:none;width:100%;cursor:text;word-break:break-word;line-height:normal}.pg-roles-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--border-subtle);background:var(--background-subtle);flex-wrap:wrap}.pg-roles-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--content-tertiary);white-space:nowrap;flex-shrink:0}.pg-presets{display:flex;flex-wrap:wrap;gap:5px;flex:1}.pg-preset{font-family:var(--font-mono);font-size:10px;padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--background-surface);color:var(--content-secondary);cursor:pointer;transition:border-color .12s,color .12s,background .12s;white-space:nowrap}.pg-preset:hover{border-color:var(--border-strong);color:var(--content-primary)}.pg-preset.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--content-on-brand)}.pg-output,.pg-out-key,.pg-out-val,.pg-out-token,.pg-color-btn,.pg-bg-btn,.pg-weight-btn,.pg-lh-btn,.pg-color-dot{display:none}.pg-script-btns{display:flex;flex-direction:column;gap:5px}.pg-script-btn{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:transparent;cursor:pointer;font-size:13px;font-weight:600;color:var(--content-secondary);transition:border-color .12s,background .12s,color .12s;gap:2px;min-width:120px}.pg-script-btn:hover{border-color:var(--border-strong);color:var(--content-primary)}.pg-script-btn.active{border-color:var(--brand-primary);background:var(--brand-primary-muted);color:var(--brand-primary)}.pg-script-sub{font-size:9px;font-weight:400;font-family:var(--font-mono);color:var(--content-tertiary);text-transform:none}.pg-script-btn.active .pg-script-sub{color:var(--brand-primary);opacity:.7}.prim-ramp{margin-bottom:32px}.prim-ramp-name{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--content-tertiary);margin-bottom:10px}.prim-swatches{display:flex;gap:0;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle)}.prim-swatch{flex:1;min-height:88px;display:flex;flex-direction:column;justify-content:flex-end;padding:8px 6px 7px;cursor:pointer;position:relative;transition:flex .15s ease,filter .1s;overflow:hidden;gap:1px}.prim-swatch:hover{flex:1.6;z-index:1}.prim-swatch:hover .prim-copy-hint{opacity:1!important}.prim-swatch:hover .prim-hex{opacity:0!important}.prim-stop{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.04em;line-height:1;display:block}.prim-hex{font-family:var(--font-mono);font-size:9px;font-weight:500;line-height:1;display:block;transition:opacity .1s;white-space:nowrap}.prim-copy-hint{font-family:var(--font-mono);font-size:9px;font-weight:700;line-height:1;display:block;position:absolute;bottom:7px;left:6px;opacity:0;transition:opacity .1s;text-transform:uppercase;letter-spacing:.05em}.a11y-contrast-table{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.a11y-table-head{display:grid;grid-template-columns:2.5fr 1fr 1fr .8fr 1fr 1fr;gap:0;padding:10px 16px;background:var(--background-subtle);border-bottom:1px solid var(--border-default);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--content-tertiary)}.a11y-table-row{display:grid;grid-template-columns:2.5fr 1fr 1fr .8fr 1fr 1fr;gap:0;padding:12px 16px;border-bottom:1px solid var(--border-subtle);align-items:center;font-size:12px;color:var(--content-primary)}.a11y-table-row:last-child{border-bottom:none}.a11y-table-row:nth-child(2n){background:var(--background-subtle)}.a11y-pair{display:flex;align-items:center;gap:8px}.a11y-swatch{width:16px;height:16px;border-radius:3px;flex-shrink:0}.a11y-pair-name{font-family:var(--font-mono);font-size:10px;color:var(--brand-primary)}.a11y-hex{font-family:var(--font-mono);font-size:11px;color:var(--content-secondary)}.a11y-ratio{font-family:var(--font-mono);font-size:12px}.a11y-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px}.a11y-badge.pass{background:var(--status-success-bg);color:var(--status-success-content)}.a11y-badge.fail{background:var(--status-danger-bg);color:var(--status-danger-content)}.a11y-badge.exempt{background:var(--background-subtle);color:var(--content-tertiary)}.type-preview-dual{display:flex;flex-direction:column;gap:12px}.type-preview-latin,.type-preview-arabic{display:flex;flex-direction:column;gap:5px}.type-preview-arabic{padding-top:12px;border-top:1px dashed var(--border-subtle)}.type-script-tag{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--content-tertiary);display:flex;align-items:center;gap:5px}.type-script-tag:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--content-tertiary);flex-shrink:0}.type-script-tag-ar{direction:rtl;color:var(--brand-primary-active);justify-content:flex-end}.type-script-tag-ar:before{background:var(--brand-primary-active);order:1}.type-ar-same{font-family:var(--font-mono);font-weight:400;color:var(--content-tertiary);text-transform:none;letter-spacing:0}.type-ar-bump{font-family:var(--font-mono);font-weight:700;color:var(--brand-primary);text-transform:none;letter-spacing:0;background:#f7f0ff;padding:1px 5px;border-radius:3px}.type-meta-font{font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--content-tertiary);opacity:.8}.type-ar-note{font-weight:400;color:var(--content-tertiary);font-family:var(--font-mono);font-size:9px;letter-spacing:0;text-transform:none;font-style:italic}.type-specs-col{display:flex;flex-direction:column;gap:4px;padding-right:8px}.type-spec-item{display:flex;align-items:baseline;gap:5px}.type-spec-val{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--content-primary)}.type-spec-bump{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--brand-primary)}.type-spec-key{font-size:10px;color:var(--content-tertiary);text-transform:uppercase;letter-spacing:.05em}.icon-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.icon-lib-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 12px;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--background-surface);cursor:default;transition:border-color .12s,background .12s,box-shadow .12s;text-align:center}.icon-lib-cell:hover{border-color:var(--border-default);background:var(--background-subtle);box-shadow:0 2px 8px #0000000f}.icon-lib-preview{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--background-subtle);color:var(--content-primary);flex-shrink:0}.icon-lib-cell:hover .icon-lib-preview{background:var(--brand-primary-muted);color:var(--brand-primary)}.icon-lib-name{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--content-primary);line-height:1.3}.icon-lib-use{font-size:10px;color:var(--content-tertiary);line-height:1.4}.icon-lib-badge{font-size:8px;font-weight:700;padding:1px 6px;border-radius:3px;letter-spacing:.04em;text-transform:uppercase}.badge-dir{background:#f7f0ff;color:var(--brand-primary)}.badge-uni{background:var(--background-subtle);color:var(--content-tertiary);border:.5px solid var(--border-subtle)}.icon-tabs-bar{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle);align-items:center}.icon-tab{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:500;color:var(--icon-default);background:var(--border-subtle);border:1px solid var(--content-disabled);border-radius:var(--radius-full);cursor:pointer;transition:all .12s;font-family:var(--font-body)}.icon-tab:hover{color:var(--content-primary);border-color:var(--content-tertiary);background:#e6e6e6}.icon-tab.active{color:var(--brand-primary);background:var(--brand-primary-muted);border-color:var(--brand-primary-focus);font-weight:600}.icon-tab-count{font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;background:var(--background-surface);color:var(--content-secondary);border:1px solid #C7C7C7}.icon-tab.active .icon-tab-count{background:var(--brand-primary-subtle);color:var(--brand-primary);border-color:var(--checkbox-border-focused)}.ctoken-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:0;padding-bottom:16px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.ctoken-tabs{display:flex;gap:4px;flex-wrap:wrap}.ctoken-tab{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;color:var(--icon-default);background:var(--border-subtle);border:1px solid var(--content-disabled);border-radius:var(--radius-full);cursor:pointer;transition:all .12s;font-family:var(--font-body)}.ctoken-tab:hover{color:var(--content-primary);border-color:var(--content-tertiary);background:#e6e6e6}.ctoken-tab.active{color:var(--brand-primary);background:var(--brand-primary-muted);border-color:var(--brand-primary-focus);font-weight:600}.ctoken-tab-count{font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;background:var(--background-surface);color:var(--content-secondary);border:1px solid #C7C7C7}.ctoken-tab.active .ctoken-tab-count{background:var(--brand-primary-subtle);color:var(--brand-primary);border-color:var(--checkbox-border-focused)}.ctoken-mode-toggle{display:flex;background:var(--background-subtle);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:2px;gap:2px;flex-shrink:0}.ctoken-mode-btn{padding:4px 14px;font-size:12px;font-weight:500;border-radius:var(--radius-full);border:none;background:transparent;color:var(--content-secondary);cursor:pointer;transition:all .12s;font-family:var(--font-body)}.ctoken-mode-btn.active{background:var(--background-surface);color:var(--content-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.ctoken-table-head{display:grid;grid-template-columns:36px 240px 160px 1fr;padding:8px 16px;background:var(--background-subtle);border-bottom:1px solid var(--border-subtle);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--content-tertiary);margin-top:0}.ctoken-table{border:1px solid var(--border-subtle);border-top:none;border-radius:0 0 var(--radius-xl) var(--radius-xl);overflow:hidden}.ctoken-row{display:grid;grid-template-columns:36px 240px 160px 1fr;padding:10px 16px;align-items:center;border-bottom:1px solid var(--border-subtle);transition:background .1s;gap:0;cursor:pointer}.ctoken-row:last-child{border-bottom:none}.ctoken-row:nth-child(2n){background:var(--background-subtle)}.ctoken-row:hover{background:var(--brand-primary-subtle)}.ctoken-swatch-wrap{position:relative}.ctoken-swatch{width:24px;height:24px;border-radius:6px;flex-shrink:0}.swatch-bordered{border:1px solid var(--border-default)}.ctoken-name{padding:0 12px 0 8px}.ctoken-token{font-family:var(--font-mono);font-size:11px;color:var(--brand-primary);margin-bottom:2px}.ctoken-label{font-size:11px;color:var(--content-tertiary)}.ctoken-hex{padding:0 8px}.ctoken-hex-val{font-family:var(--font-mono);font-size:11px;color:var(--content-primary);font-weight:500;margin-bottom:2px}.ctoken-prim{font-family:var(--font-mono);font-size:9px;color:var(--content-tertiary)}.ctoken-use{font-size:11px;color:var(--content-secondary);line-height:1.4}.ctoken-prim-main{font-family:var(--font-mono);font-size:11px;color:var(--content-primary);font-weight:600;margin-bottom:2px}.ctoken-hex-sub{font-family:var(--font-mono);font-size:10px;color:var(--content-tertiary)}#sz-table .ctoken-row{cursor:default}.sz-visual{display:flex;align-items:center;justify-content:center;width:36px;height:36px}.sz-bar-preview{display:flex;align-items:center;width:100%;height:36px}.sz-bar{height:6px;border-radius:3px;opacity:.7;min-width:3px}.sz-radius-preview{width:20px;height:20px;border:2px solid var(--brand-primary);background:var(--brand-primary-subtle);opacity:.85}.sz-border-preview{display:flex;align-items:center;width:24px}.sz-border-line{width:100%;background:var(--content-primary);border-radius:1px;min-height:1px}.sz-large-preview{display:flex;align-items:center;justify-content:center;width:36px}.sz-large-val{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--content-secondary);background:var(--background-subtle);border:1px solid var(--border-default);border-radius:3px;padding:1px 3px;line-height:1.4}