@layer reset,tokens,shell,ds,preview,override;@font-face{font-family:Griun PolSensibility;src:url(/fonts/Griun_PolSensibility-Rg.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@layer tokens{:root{--ds-color-bg-base: initial;--ds-color-bg-subtle: initial;--ds-color-bg-surface-low: initial;--ds-color-bg-surface: initial;--ds-color-bg-surface-high: initial;--ds-color-bg-surface-brand: initial;--ds-color-bg-elevated: initial;--ds-color-bg-muted: initial;--ds-border-width: 1px;--ds-border-style: solid;--ds-color-text-primary: initial;--ds-color-text-secondary: initial;--ds-color-text-muted: initial;--ds-color-text-on-action-primary: initial;--ds-color-text-on-action-secondary: initial;--ds-color-text-on-action-accent: initial;--ds-color-border-default: initial;--ds-color-border-subtle: initial;--ds-color-border-accent: initial;--ds-color-border-focus: initial;--ds-color-action-primary-default: initial;--ds-color-action-primary-hover: initial;--ds-color-action-primary-active: initial;--ds-color-action-secondary-default: initial;--ds-color-action-secondary-hover: initial;--ds-color-action-secondary-active: initial;--ds-color-action-accent-default: initial;--ds-color-action-accent-hover: initial;--ds-color-action-accent-active: initial;--ds-color-demo-glass-start: initial;--ds-color-demo-glass-mid: initial;--ds-color-demo-glass-end: initial;--ds-spacing-0: initial;--ds-spacing-0-5: initial;--ds-spacing-1: initial;--ds-spacing-1-5: initial;--ds-spacing-2: initial;--ds-spacing-2-5: initial;--ds-spacing-3: initial;--ds-spacing-3-5: initial;--ds-spacing-4: initial;--ds-spacing-5: initial;--ds-spacing-6: initial;--ds-spacing-7: initial;--ds-spacing-8: initial;--ds-font-sans: initial;--ds-font-mono: initial;--ds-font-display: initial;--ds-text-xs: initial;--ds-text-sm: initial;--ds-text-md: initial;--ds-text-lg: initial;--ds-text-xl: initial;--ds-font-weight-normal: initial;--ds-font-weight-medium: initial;--ds-font-weight-semibold: initial;--ds-font-weight-bold: initial;--ds-leading-normal: initial;--ds-radius-sm: initial;--ds-radius-md: initial;--ds-radius-lg: initial;--ds-radius-full: initial;--ds-shadow-none: initial;--ds-shadow-sm: initial;--ds-shadow-md: initial;--ds-shadow-lg: initial;--ds-shadow-inset: initial;--ds-size-sm: initial;--ds-size-md: initial;--ds-size-lg: initial;--ds-icon-size-sm: initial;--ds-icon-size-md: initial;--ds-icon-size-lg: initial;--ds-component-size-color-preview: initial;--ds-component-size-token-name-col: initial;--ds-component-size-token-swatch-col: initial;--ds-component-size-token-grid-min: initial;--ds-component-size-token-input-min: initial;--ds-component-size-token-value-col: initial;--ds-component-size-swatch-sm: initial;--ds-component-size-swatch-md: initial;--ds-component-size-nav-item: initial;--ds-component-size-dropdown-min: initial;--ds-component-size-dropdown-sm-min: initial;--ds-component-size-settings-panel-min: initial;--ds-component-size-settings-panel-max: initial;--ds-component-size-detail-panel-width: initial;--ds-component-size-inspector-width: initial;--ds-component-size-card-min-height: initial;--ds-component-size-card-min-width: initial;--ds-component-size-preview-min-height: initial;--ds-component-size-modal-max-width: initial;--ds-component-size-modal-min-height: initial;--ds-component-size-auto-button-height: initial;--ds-component-size-list-max-height: initial;--ds-component-size-select-sm-min: initial;--ds-component-size-select-md-min: initial;--ds-component-size-select-lg-min: initial;--ds-component-size-select-dropdown-max-height: initial;--ds-component-size-comparison-card-min-width: initial;--ds-component-size-tooltip-max-width: initial;--ds-component-size-showcase-grid-min: initial;--ds-component-size-showcase-card-min: initial;--ds-component-size-form-card-max-width: initial;--ds-component-size-live-preview-height: initial;--ds-component-size-live-preview-scale-height: initial;--ds-component-size-page-preview-min-height: initial;--ds-component-size-live-preview-sidebar-width: initial;--ds-component-size-service-inventory-card-min: initial;--ds-component-size-shell-inventory-card-min: initial;--ds-component-size-design-settings-content-min-height: initial;--ds-component-size-component-mapping-min-height: initial;--ds-component-size-setting-label-min: initial;--ds-component-size-palette-grid-card-min: initial;--ds-component-size-palette-diagram-fixed: initial;--ds-component-size-palette-modal-max-width: initial;--ds-component-size-palette-hex-input-width: initial;--ds-component-size-empty-category-min-height: initial;--ds-blur-sm: initial;--ds-breakpoint-md: initial;--ds-breakpoint-lg: initial;--ds-breakpoint-xl: initial;--ds-z-dropdown: initial;--ds-z-sticky: initial;--ds-z-overlay: initial;--ds-z-modal: initial;--ds-z-tooltip: initial;--ds-duration-instant: initial;--ds-duration-fast: initial;--ds-duration-normal: initial;--ds-duration-slow: initial;--ds-ease-linear: initial;--ds-ease-easeOut: initial;--ds-ease-easeInOut: initial;--ds-ease-productive: initial;--ds-ease-expressive: initial;--ds-state-hover-opacity: initial;--ds-state-pressed-opacity: initial;--ds-state-focus-opacity: initial;--ds-state-selected-opacity: initial;--ds-state-disabled-opacity: initial;--ds-focus-ring-width: 2px;--ds-focus-ring-offset: 2px;--ds-focus-ring-color: var(--ds-color-border-focus, #6366F1)}}@layer tokens{:root{--nav-height: 64px;--shell-size-sidebar-width: 200px;--shell-size-toc-indent-step: 12px;--ds-component-size-token-name-col: 100px;--ds-component-size-token-swatch-col: 48px;--ds-component-size-token-grid-min: 320px;--ds-component-size-token-input-min: 260px;--ds-component-size-token-value-col: 80px;--ds-component-size-swatch-sm: 18px;--ds-component-size-swatch-md: 20px;--ds-component-size-nav-item: 40px;--ds-component-size-dropdown-min: 180px;--ds-component-size-dropdown-sm-min: 160px;--ds-component-size-settings-panel-min: 280px;--ds-component-size-settings-panel-max: 320px;--ds-component-size-detail-panel-width: 320px;--ds-component-size-inspector-width: 480px;--ds-component-size-card-min-height: 180px;--ds-component-size-card-min-width: 120px;--ds-component-size-preview-min-height: 80px;--ds-component-size-modal-max-width: 1200px;--ds-component-size-modal-min-height: 200px;--ds-component-size-auto-button-height: 22px;--ds-component-size-list-max-height: 200px;--ds-component-size-select-sm-min: 120px;--ds-component-size-select-md-min: 160px;--ds-component-size-select-lg-min: 200px;--ds-component-size-select-dropdown-max-height: 240px;--ds-component-size-comparison-card-min-width: 240px;--ds-component-size-preset-sidebar: 300px;--ds-component-size-preset-input-min: 140px;--ds-component-size-tooltip-max-width: 200px;--ds-component-size-showcase-grid-min: 300px;--ds-component-size-showcase-card-min: 220px;--ds-component-size-form-card-max-width: 360px;--ds-component-size-live-preview-height: 340px;--ds-component-size-live-preview-scale-height: 600px;--ds-component-size-page-preview-min-height: 480px;--ds-component-size-live-preview-sidebar-width: 180px;--ds-component-size-service-inventory-card-min: 220px;--ds-component-size-shell-inventory-card-min: 260px;--ds-component-size-design-settings-content-min-height: 360px;--ds-component-size-component-mapping-min-height: 400px;--ds-component-size-setting-label-min: 70px;--ds-component-size-palette-grid-card-min: 288px;--ds-component-size-palette-diagram-fixed: 200px;--ds-component-size-palette-modal-max-width: 420px;--ds-component-size-palette-hex-input-width: 100px;--ds-component-size-empty-category-min-height: 120px;--ds-blur-sm: 4px;--shell-bg-base: #FFFFFF;--shell-bg-subtle: #F8F9FA;--shell-bg-surface: #F1F3F5;--shell-bg-muted: #F1F3F5;--shell-bg-elevated: #FFFFFF;--shell-bg-hover: rgba(55, 65, 81, .07);--shell-text-hover: #1F2937;--shell-text-primary: #1A1A1A;--shell-text-secondary: #6B7280;--shell-text-tertiary: #9CA3AF;--shell-text-muted: #6B7280;--shell-text-on-action: #FFFFFF;--shell-font-brand: "Griun PolSensibility", "Cormorant Garamond", "Noto Serif KR", Georgia, "Times New Roman", serif;--shell-border-default: #E5E7EB;--shell-border-subtle: #F3F4F6;--shell-border-strong: #D1D5DB;--shell-border-hover: #9CA3AF;--shell-border-focus: #374151;--shell-action-primary: #374151;--shell-action-hover: #1F2937;--shell-action-active: #D1D5DB;--shell-focus-ring: #374151;--shell-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shell-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .05);--shell-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .05);--shell-overlay: rgba(0, 0, 0, .5);--shell-tooltip-bg: rgba(0, 0, 0, .85);--shell-tooltip-text: #FFFFFF;--shell-tooltip-padding: 6px 10px;--shell-tooltip-font-size: 13px;--shell-tooltip-radius: 6px;--shell-badge-custom: #10B981;--shell-badge-semantic: #F59E0B;--shell-badge-natural: #8B5CF6;--shell-bg-primary-subtle: rgba(55, 65, 81, .08);--shell-focus-glow: 0 0 0 2px rgba(55, 65, 81, .15)}}@layer shell{[data-shell]{--ds-surface-backdrop: none;--ds-surface-bg-alpha: 1;--ds-surface-texture: none;--ds-surface-blend: normal;--ds-filter: none;--ds-perspective: none;--ds-transform-style: flat}}@layer tokens{:root{--sys-color-error: #DC2626;--sys-color-error-subtle: #FEF2F2;--sys-color-error-emphasis: #991B1B;--sys-color-warning: #D97706;--sys-color-warning-subtle: #FFFBEB;--sys-color-warning-emphasis: #B45309;--sys-color-success: #16A34A;--sys-color-success-subtle: #F0FDF4;--sys-color-success-emphasis: #15803D;--sys-color-info: #2563EB;--sys-color-info-subtle: #EFF6FF;--sys-color-info-emphasis: #1D4ED8}}@layer tokens{:root{--ds-transition-color: background-color var(--ds-duration-fast, .1s) var(--ds-ease-easeOut, cubic-bezier(0, 0, .2, 1)), color var(--ds-duration-fast, .1s) var(--ds-ease-easeOut, cubic-bezier(0, 0, .2, 1)), border-color var(--ds-duration-fast, .1s) var(--ds-ease-easeOut, cubic-bezier(0, 0, .2, 1));--ds-transition-shadow: box-shadow var(--ds-duration-normal, .2s) var(--ds-ease-easeOut, cubic-bezier(0, 0, .2, 1));--ds-transition-transform: transform var(--ds-duration-fast, .1s) var(--ds-ease-easeOut, cubic-bezier(0, 0, .2, 1));--ds-transition-opacity: opacity var(--ds-duration-fast, .1s) var(--ds-ease-easeOut, cubic-bezier(0, 0, .2, 1));--ds-transition-interactive: var(--ds-transition-color), var(--ds-transition-shadow);--ds-transition-interactive-full: var(--ds-transition-color), var(--ds-transition-shadow), var(--ds-transition-transform);--ds-transition-all: var(--ds-transition-interactive), var(--ds-transition-transform);--ds-transition-theme: background-color var(--ds-duration-slow, .3s) var(--ds-ease-easeInOut, cubic-bezier(.4, 0, .2, 1)), box-shadow var(--ds-duration-slow, .3s) var(--ds-ease-easeInOut, cubic-bezier(.4, 0, .2, 1))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--ds-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);line-height:var(--ds-leading-normal, 1.5);min-height:100vh;color:var(--ds-color-text-primary);background-color:var(--ds-color-bg-base)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}:focus-visible{outline:var(--ds-focus-ring-width, 2px) solid var(--ds-focus-ring-color, #6366F1);outline-offset:var(--ds-focus-ring-offset, 2px)}:root{transition:var(--ds-transition-theme)}}#root{min-height:100vh}:root{--app-max-width: min(100%, 80rem);--app-main-content-width: min(100% - var(--ds-spacing-8), 88rem);--app-main-content-max-width: 88rem;--app-main-hero-orb-blur: 3.5rem;--app-main-hero-orb-opacity: .26;--app-main-panel-shadow: var(--ds-shadow-md);--app-main-card-shadow: var(--ds-shadow-sm);--app-main-card-shadow-hover: var(--ds-shadow-lg);--app-main-chip-shadow: var(--ds-shadow-sm)}@layer ds{._avatar_1095g_2{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;font-family:var(--ds-font-sans);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-on-action-primary)}._avatar_1095g_2[data-size=sm]{width:var(--ds-size-sm);height:var(--ds-size-sm);font-size:var(--ds-text-xs)}._avatar_1095g_2[data-size=md]{width:var(--ds-size-md);height:var(--ds-size-md);font-size:var(--ds-text-sm)}._avatar_1095g_2[data-size=lg]{width:var(--ds-size-lg);height:var(--ds-size-lg);font-size:var(--ds-text-md)}._avatar_1095g_2[data-variant=primary]{background-color:var(--ds-color-action-primary-default);color:var(--ds-color-text-on-action-primary)}._avatar_1095g_2[data-variant=secondary]{background-color:var(--ds-color-action-secondary-default);color:var(--ds-color-text-on-action-secondary)}._avatar_1095g_2[data-variant=accent]{background-color:var(--ds-color-action-accent-default);color:var(--ds-color-text-on-action-accent)}._avatarImage_1095g_51{width:100%;height:100%;object-fit:cover}}@layer ds{._badge_19p4z_2{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ds-font-sans);font-weight:var(--ds-font-weight-semibold);border-radius:var(--ds-radius-full);white-space:nowrap}._badge_19p4z_2[data-size=sm]{padding:var(--ds-spacing-1) var(--ds-spacing-3);font-size:var(--ds-text-xs)}._badge_19p4z_2[data-size=md]{padding:var(--ds-spacing-2) var(--ds-spacing-4);font-size:var(--ds-text-sm)}._badge_19p4z_2[data-variant=primary]{background-color:var(--ds-color-action-primary-default);color:var(--ds-color-text-on-action-primary)}._badge_19p4z_2[data-variant=secondary]{background-color:var(--ds-color-action-secondary-default);color:var(--ds-color-text-on-action-secondary)}._badge_19p4z_2[data-variant=accent]{background-color:var(--ds-color-action-accent-default);color:var(--ds-color-text-on-action-accent)}._badge_19p4z_2[data-variant=outline]{background-color:transparent;color:var(--ds-color-action-primary-default);border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-action-primary-default)}._badge_19p4z_2[data-variant=subtle]{background-color:var(--ds-color-bg-muted);color:var(--ds-color-text-primary)}}@layer ds{._button_1deey_3{display:inline-flex;align-items:center;justify-content:center;font-family:var(--ds-font-sans);font-size:var(--ds-text-label-size);line-height:var(--ds-text-label-leading);font-weight:var(--ds-text-label-weight);border-radius:var(--ds-radius-md);cursor:pointer;border:none;transition:var(--ds-transition-interactive-full)}._button_1deey_3[data-size=sm]{height:var(--ds-size-sm);padding:0 var(--ds-spacing-3)}._button_1deey_3[data-size=md]{height:var(--ds-size-md);padding:0 var(--ds-spacing-4)}._button_1deey_3[data-size=lg]{height:var(--ds-size-lg);padding:0 var(--ds-spacing-5)}._button_1deey_3[data-variant=primary]{background-color:var(--ds-color-action-primary-default);color:var(--ds-color-text-on-action-primary);box-shadow:var(--ds-shadow-sm)}._button_1deey_3[data-variant=primary]:hover{background-color:var(--ds-color-action-primary-hover);box-shadow:var(--ds-shadow-md)}._button_1deey_3[data-variant=primary]:active{background-color:var(--ds-color-action-primary-active);box-shadow:var(--ds-shadow-inset)}._button_1deey_3[data-variant=secondary]{background-color:var(--ds-color-action-secondary-default);color:var(--ds-color-text-on-action-secondary);box-shadow:var(--ds-shadow-sm)}._button_1deey_3[data-variant=secondary]:hover{background-color:var(--ds-color-action-secondary-hover);box-shadow:var(--ds-shadow-md)}._button_1deey_3[data-variant=secondary]:active{background-color:var(--ds-color-action-secondary-active);box-shadow:var(--ds-shadow-inset)}._button_1deey_3[data-variant=accent]{background-color:var(--ds-color-action-accent-default);color:var(--ds-color-text-on-action-accent);box-shadow:var(--ds-shadow-sm)}._button_1deey_3[data-variant=accent]:hover{background-color:var(--ds-color-action-accent-hover);box-shadow:var(--ds-shadow-md)}._button_1deey_3[data-variant=accent]:active{background-color:var(--ds-color-action-accent-active);box-shadow:var(--ds-shadow-inset)}._button_1deey_3[data-variant=outline]{background-color:transparent;color:var(--ds-color-action-primary-default);border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-action-primary-default);box-shadow:none}._button_1deey_3[data-variant=outline]:hover{background-color:var(--ds-color-action-primary-default);color:var(--ds-color-text-on-action-primary);box-shadow:var(--ds-shadow-sm)}._button_1deey_3[data-variant=outline]:active{background-color:var(--ds-color-action-primary-hover)}._button_1deey_3[data-variant=ghost]{background-color:transparent;color:var(--ds-color-text-primary);box-shadow:none}._button_1deey_3[data-variant=ghost]:hover{background-color:var(--ds-color-bg-muted)}._button_1deey_3[data-variant=ghost]:active{opacity:.8}._button_1deey_3[data-variant=subtle]{background-color:var(--ds-color-bg-muted);color:var(--ds-color-text-primary);box-shadow:var(--ds-shadow-sm)}._button_1deey_3[data-variant=subtle]:hover{box-shadow:var(--ds-shadow-md)}._button_1deey_3[data-variant=subtle]:active{box-shadow:var(--ds-shadow-inset)}._button_1deey_3:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-color-border-focus);outline-offset:var(--ds-focus-ring-offset)}._button_1deey_3:active{transform:translateY(var(--ds-border-width))}._button_1deey_3[data-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;pointer-events:none}._fullWidth_1deey_147{width:100%}}@layer ds{._card_fao7a_3{border-radius:var(--ds-radius-lg);transition:var(--ds-transition-shadow),var(--ds-transition-transform),var(--ds-transition-color);overflow:hidden;min-width:0}._card_fao7a_3[data-padding=none]{padding:0}._card_fao7a_3[data-padding=sm]{padding:var(--ds-spacing-3)}._card_fao7a_3[data-padding=md]{padding:var(--ds-spacing-4)}._card_fao7a_3[data-padding=lg]{padding:var(--ds-spacing-6)}._card_fao7a_3[data-variant=elevated]{background-color:var(--ds-color-bg-surface-brand);border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle);box-shadow:var(--ds-shadow-md)}._card_fao7a_3[data-variant=elevated][data-hoverable=true]:hover{box-shadow:var(--ds-shadow-lg);transform:translateY(calc(var(--ds-focus-ring-width) * -1))}._card_fao7a_3[data-variant=outlined]{background-color:var(--ds-color-bg-base);border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-default);box-shadow:none}._card_fao7a_3[data-variant=outlined][data-hoverable=true]:hover{border-color:var(--ds-color-border-focus)}._card_fao7a_3[data-variant=flat]{background-color:var(--ds-color-bg-surface);border:none;box-shadow:none}._card_fao7a_3[data-variant=flat][data-hoverable=true]:hover{background-color:var(--ds-color-bg-muted)}._card_fao7a_3[data-clickable=true]{cursor:pointer;-webkit-user-select:none;user-select:none}._card_fao7a_3[data-clickable=true]:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-color-border-focus);outline-offset:var(--ds-focus-ring-offset)}._header_fao7a_70{padding:var(--ds-spacing-4);border-bottom:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle);font-size:var(--ds-text-heading-2-size);line-height:var(--ds-text-heading-2-leading);font-weight:var(--ds-text-heading-2-weight);color:var(--ds-color-text-primary)}._body_fao7a_79{padding:var(--ds-spacing-4);font-size:var(--ds-text-body-md-size);line-height:var(--ds-text-body-md-leading);font-weight:var(--ds-text-body-md-weight);color:var(--ds-color-text-secondary)}._footer_fao7a_87{padding:var(--ds-spacing-4);border-top:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-spacing-2);justify-content:flex-end;flex-shrink:0}}@layer ds{._card_79olp_5{display:flex;flex-direction:column;height:100%;min-height:var(--ds-component-size-card-min-height);padding:var(--ds-spacing-5);background-color:transparent;border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-default);border-radius:var(--ds-radius-lg);box-shadow:none;transition:border-color .15s ease,background-color .15s ease;text-align:left;cursor:pointer}._card_79olp_5:hover{border-color:var(--ds-color-border-focus);background-color:color-mix(in srgb,var(--ds-color-text-primary) 3%,transparent)}._card_79olp_5:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-color-border-focus);outline-offset:var(--ds-focus-ring-offset)}._header_79olp_55{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-spacing-2);margin-bottom:var(--ds-spacing-4);padding-bottom:var(--ds-spacing-3);border-bottom:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle)}._title_79olp_75{font-size:var(--ds-text-lg);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);margin:0}._variantCount_79olp_89{font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);white-space:nowrap}._preview_79olp_101{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--ds-spacing-3);min-height:var(--ds-component-size-preview-min-height);pointer-events:none}._usedIn_79olp_125{margin-top:var(--ds-spacing-3);padding-top:var(--ds-spacing-3);border-top:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-spacing-2)}._usedInLabel_79olp_143{font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);flex-shrink:0}._usedInBadge_79olp_153{font-size:var(--ds-text-xs);padding:var(--ds-spacing-0-5) var(--ds-spacing-2);background-color:var(--ds-color-bg-subtle);color:var(--ds-color-text-secondary);border-radius:var(--ds-radius-sm)}._composedOf_79olp_171{margin-top:var(--ds-spacing-3);padding-top:var(--ds-spacing-3);border-top:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-spacing-2)}._composedOfLabel_79olp_189{font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);flex-shrink:0}._composedOfBadge_79olp_199{font-size:var(--ds-text-xs);padding:var(--ds-spacing-0-5) var(--ds-spacing-2);background-color:var(--ds-color-bg-subtle);color:var(--ds-color-text-secondary);border-radius:var(--ds-radius-sm)}}@layer ds{._icon_1eho2_2{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._sizeSm_1eho2_9{width:var(--ds-icon-size-sm, 16px);height:var(--ds-icon-size-sm, 16px)}._sizeMd_1eho2_10{width:var(--ds-icon-size-md, 20px);height:var(--ds-icon-size-md, 20px)}._sizeLg_1eho2_11{width:var(--ds-icon-size-lg, 24px);height:var(--ds-icon-size-lg, 24px)}}@layer override{._overlay_mf7i1_5{position:fixed;inset:0;max-width:100vw;max-height:100vh;width:100%;height:100%;margin:0;border:none;padding:var(--ds-spacing-4);background:transparent;display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal, 1100);box-sizing:border-box;animation:_overlayFade_mf7i1_1 .2s ease-out}._overlay_mf7i1_5::backdrop{background:var(--shell-overlay);backdrop-filter:blur(var(--ds-blur-sm));-webkit-backdrop-filter:blur(var(--ds-blur-sm))}@keyframes _overlayFade_mf7i1_1{0%{opacity:0}to{opacity:1}}._modal_mf7i1_65{width:min(92vw,var(--ds-component-size-modal-max-width));max-height:85vh;min-height:var(--ds-component-size-modal-min-height);background:var(--shell-bg-base);border:var(--ds-border-width) var(--ds-border-style) var(--shell-border-default);border-radius:var(--ds-radius-lg);box-shadow:var(--shell-shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:_modalSlide_mf7i1_1 .25s ease-out}@keyframes _modalSlide_mf7i1_1{0%{opacity:0;transform:scale(.98) translateY(var(--ds-spacing-2))}to{opacity:1;transform:scale(1) translateY(0)}}._header_mf7i1_115{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--ds-spacing-4);border-bottom:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);background:var(--shell-bg-surface)}._title_mf7i1_135{margin:0;font-size:var(--ds-text-2xl);font-weight:var(--ds-font-weight-bold);color:var(--shell-text-primary);letter-spacing:-.02em}._closeButton_mf7i1_151{display:flex;align-items:center;justify-content:center;padding:var(--ds-spacing-2);background:none;border:none;border-radius:var(--ds-radius-md);color:var(--shell-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}._closeButton_mf7i1_151:hover{background:var(--shell-bg-muted);color:var(--shell-text-primary)}._body_mf7i1_189{flex:1;overflow-y:auto;padding:var(--ds-spacing-5) var(--ds-spacing-6);min-height:0}}@layer ds{._tree_1dw3m_2{margin:0;padding:var(--ds-spacing-4);background:var(--ds-color-bg-subtle);border-radius:var(--ds-radius-md);border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle);overflow-x:auto;font-size:var(--ds-text-sm);line-height:1.6}._code_1dw3m_13{font-family:ui-monospace,SF Mono,Consolas,monospace;color:var(--ds-color-text-primary);white-space:pre;display:block}._line_1dw3m_20{display:block}}@layer shell{._detailPanel_1mkj0_2{position:fixed;top:var(--nav-height);right:0;width:var(--ds-component-size-detail-panel-width);max-width:90vw;height:calc(100vh - var(--nav-height));background-color:var(--shell-bg-elevated);border-left:var(--ds-border-width) solid var(--shell-border-default);box-shadow:var(--shell-shadow-lg);transform:translate(100%);transition:transform .2s var(--ds-ease-productive);z-index:var(--ds-z-overlay);display:flex;flex-direction:column}._detailPanel_1mkj0_2._open_1mkj0_19{transform:translate(0)}._header_1mkj0_23{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-spacing-4);border-bottom:var(--ds-border-width) solid var(--shell-border-default)}._title_1mkj0_31{font-size:var(--ds-text-heading-2-size);font-weight:var(--ds-text-heading-2-weight);color:var(--shell-text-primary);margin:0}._closeButton_1mkj0_38{display:flex;align-items:center;justify-content:center;padding:var(--ds-spacing-1);background:none;border:none;border-radius:var(--ds-radius-sm);color:var(--shell-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}._closeButton_1mkj0_38:hover{background-color:var(--shell-bg-surface);color:var(--shell-text-primary)}._panelContent_1mkj0_56{flex:1;overflow-y:auto;padding:var(--ds-spacing-4)}}@layer shell{._footer_p8i4k_5{padding:var(--ds-spacing-5) var(--ds-spacing-8);border-top:var(--ds-border-width) solid var(--shell-border-default);background:linear-gradient(180deg,var(--shell-bg-subtle) 0%,var(--shell-bg-base) 100%)}._container_p8i4k_15{max-width:var(--app-max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-3)}._topRow_p8i4k_24{display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-4);flex-wrap:wrap}._brand_p8i4k_32{font-family:var(--shell-font-brand);font-size:1rem;font-weight:400;color:var(--shell-text-primary);letter-spacing:.05em}._copyright_p8i4k_40{font-size:.8125rem;color:var(--shell-text-secondary);margin:0}._links_p8i4k_46{display:flex;gap:var(--ds-spacing-2);align-items:center}._iconLink_p8i4k_52{display:flex;align-items:center;justify-content:center;width:var(--ds-size-md);height:var(--ds-size-md);border-radius:var(--ds-radius-md);color:var(--shell-text-secondary);background:transparent;border:var(--ds-border-width) solid var(--shell-border-default);cursor:pointer;transition:all .2s ease;text-decoration:none}._iconLink_p8i4k_52:hover{background:var(--shell-bg-hover);border-color:var(--shell-border-hover);color:var(--shell-text-hover)}._infoRow_p8i4k_73{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ds-spacing-4) var(--ds-spacing-8);margin:0}._infoItem_p8i4k_81{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-0-5);text-align:center}._infoItem_p8i4k_81 dt{font-size:.625rem;font-weight:500;color:var(--shell-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}._infoItem_p8i4k_81 dd{font-size:.75rem;color:var(--shell-text-secondary);margin:0}@media(max-width:48rem){._footer_p8i4k_5{padding:var(--ds-spacing-4)}._topRow_p8i4k_24{flex-direction:column;align-items:center}._brand_p8i4k_32{font-size:.9375rem}._infoRow_p8i4k_73{flex-direction:column;gap:var(--ds-spacing-2)}._infoItem_p8i4k_81 dd{font-size:.6875rem}._copyright_p8i4k_40{font-size:.75rem}}@media(prefers-reduced-motion:reduce){._iconLink_p8i4k_52{transition:none}}}@layer shell{._tabList_1k1u8_4{display:flex;gap:0;padding:0;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle);background-color:var(--shell-bg-surface)}._tab_1k1u8_4{padding:var(--ds-spacing-2) var(--ds-spacing-4);font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-secondary);background:none;border:none;border-bottom:var(--ds-focus-ring-width) solid transparent;margin-bottom:calc(var(--ds-border-width) * -1);cursor:pointer;transition:color .15s ease,border-color .15s ease}._tab_1k1u8_4:hover{color:var(--shell-text-primary)}._tab_1k1u8_4:focus-visible{outline:var(--ds-focus-ring-width) solid var(--shell-border-focus);outline-offset:var(--ds-focus-ring-offset)}._tab_1k1u8_4[data-active=true]{color:var(--shell-action-primary);border-bottom-color:var(--shell-action-primary)}}@layer shell{._header_1htvx_9{position:sticky;top:0;background-color:var(--shell-bg-base);border-bottom:var(--ds-border-width) solid var(--shell-border-default);z-index:var(--ds-z-sticky)}._container_1htvx_25{max-width:var(--app-max-width);margin:0 auto;padding:0 var(--ds-spacing-6);height:var(--nav-height);display:flex;align-items:center;justify-content:space-between}._logo_1htvx_45{font-family:var(--shell-font-brand);font-size:var(--ds-text-xl);font-weight:400;color:var(--shell-text-primary);letter-spacing:.05em;text-decoration:none;background:none;border:none;cursor:pointer;padding:0;transition:opacity .3s ease}._logo_1htvx_45:hover{opacity:.9}._nav_1htvx_81{display:flex;align-items:center;gap:var(--ds-spacing-2);flex:1}@media(max-width:1023px){._container_1htvx_25{position:relative}._logo_1htvx_45{font-size:var(--ds-text-lg)}}}@layer shell{._nav_17e4s_8{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-spacing-2);flex:1}._navItems_17e4s_17{display:contents}._hamburger_17e4s_21{display:none}._divider_17e4s_25{width:var(--ds-border-width);height:var(--ds-size-sm);background:var(--shell-border-default);margin:0 var(--ds-spacing-1)}._navItem_17e4s_17{display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-1);min-width:var(--ds-component-size-nav-item);height:var(--ds-component-size-nav-item);padding:0 var(--ds-spacing-2);border-radius:var(--ds-radius-md);background:transparent;border:none;color:var(--shell-text-tertiary);cursor:pointer;font-size:var(--ds-text-body-md-size);line-height:var(--ds-text-body-md-leading);transition:background-color .2s ease,color .2s ease}._navItemWithLabel_17e4s_52{justify-content:flex-start;padding:0 var(--ds-spacing-3)}._navItemLabel_17e4s_57{white-space:nowrap}._navItem_17e4s_17:hover{background:var(--shell-bg-hover);color:var(--shell-text-hover)}._navItem_17e4s_17._active_17e4s_66{color:var(--shell-text-primary)}._navItemIcon_17e4s_70{display:flex;align-items:center;justify-content:center}._navItemIcon_17e4s_70 svg{width:var(--ds-component-size-swatch-md);height:var(--ds-component-size-swatch-md)}._dropdown_17e4s_82{position:relative}._dropdownTrigger_17e4s_86{display:flex;align-items:center;gap:var(--ds-spacing-1);padding:var(--ds-spacing-2) var(--ds-spacing-3);border-radius:var(--ds-radius-md);background:transparent;border:none;color:var(--shell-text-tertiary);cursor:pointer;font-size:var(--ds-text-body-md-size);line-height:var(--ds-text-body-md-leading);transition:background-color .2s ease,color .2s ease}._dropdownTrigger_17e4s_86:hover{background:var(--shell-bg-hover);color:var(--shell-text-hover)}._dropdownTrigger_17e4s_86._open_17e4s_106,._dropdownTrigger_17e4s_86._active_17e4s_66{color:var(--shell-text-primary)}._dropdownLabel_17e4s_111{white-space:nowrap}._chevron_17e4s_115{transition:transform .2s ease}._chevronOpen_17e4s_119{transform:rotate(180deg)}._dropdownMenu_17e4s_124{position:absolute;top:100%;left:0;margin-top:var(--ds-spacing-1);min-width:var(--ds-component-size-dropdown-min);padding:var(--ds-spacing-1);background:var(--shell-bg-elevated);border:var(--ds-border-width) solid var(--shell-border-default);border-radius:var(--ds-radius-lg);box-shadow:var(--shell-shadow-lg);z-index:var(--ds-z-dropdown)}._dropdownItem_17e4s_138{display:flex;align-items:center;gap:var(--ds-spacing-2);width:100%;padding:var(--ds-spacing-2) var(--ds-spacing-3);border-radius:var(--ds-radius-sm);border:none;background:none;color:var(--shell-text-primary);cursor:pointer;font-size:var(--ds-text-body-md-size);line-height:var(--ds-text-body-md-leading);text-align:left;transition:background-color .15s ease,color .15s ease}._dropdownItem_17e4s_138:hover{background:var(--shell-bg-hover);color:var(--shell-text-hover)}._dropdownItemActive_17e4s_160{background:var(--shell-bg-primary-subtle);color:var(--shell-text-primary)}._settingsWrapper_17e4s_166{position:relative}._settingsPanel_17e4s_171{position:absolute;top:100%;right:0;margin-top:var(--ds-spacing-1);min-width:var(--ds-component-size-settings-panel-min);max-width:var(--ds-component-size-settings-panel-max);padding:var(--ds-spacing-4);background:var(--shell-bg-elevated);border:var(--ds-border-width) solid var(--shell-border-default);border-radius:var(--ds-radius-lg);box-shadow:var(--shell-shadow-lg);z-index:var(--ds-z-dropdown)}._settingsPanelHeader_17e4s_186{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-spacing-4);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary)}._settingsPanelClose_17e4s_195{display:flex;align-items:center;justify-content:center;padding:var(--ds-spacing-1);background:none;border:none;color:var(--shell-text-secondary);cursor:pointer;border-radius:var(--ds-radius-sm)}._settingsPanelClose_17e4s_195:hover{background:var(--shell-bg-hover);color:var(--shell-text-hover)}._settingsPanelBody_17e4s_212{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._settingsSection_17e4s_218{display:flex;flex-direction:column;gap:var(--ds-spacing-2)}._settingsSectionLabel_17e4s_224{font-size:var(--ds-text-label-size);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-secondary)}._settingsPanelActions_17e4s_230{display:flex;gap:var(--ds-spacing-2);margin-top:var(--ds-spacing-4);justify-content:flex-end}@media(max-width:1023px){._hamburger_17e4s_21{display:flex;align-items:center;justify-content:center;width:var(--ds-component-size-nav-item);height:var(--ds-component-size-nav-item);padding:0;border:none;border-radius:var(--ds-radius-md);background:transparent;color:var(--shell-text-primary);cursor:pointer;flex-shrink:0}._hamburger_17e4s_21:hover{background:var(--shell-bg-hover)}._navItems_17e4s_17{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--shell-bg-elevated);border-bottom:var(--ds-border-width) solid var(--shell-border-default);box-shadow:var(--shell-shadow-lg);padding:var(--ds-spacing-2) var(--ds-spacing-3);z-index:var(--ds-z-dropdown)}._navItems_17e4s_17._navItemsOpen_17e4s_276{display:flex}._navItems_17e4s_17 ._divider_17e4s_25{width:100%;height:var(--ds-border-width);margin:var(--ds-spacing-1) 0}._navItems_17e4s_17 ._navItem_17e4s_17,._navItems_17e4s_17 ._dropdownTrigger_17e4s_86{width:100%;justify-content:flex-start}._navItems_17e4s_17 ._dropdown_17e4s_82{position:static}._navItems_17e4s_17 ._dropdownMenu_17e4s_124{position:static;box-shadow:none;border:none;border-radius:0;margin-top:0;padding-left:var(--ds-spacing-6)}}}@layer ds{._wrapper_19qt7_3{display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._wrapper_19qt7_3._fullWidth_19qt7_9{width:100%}._label_19qt7_14{font-size:var(--ds-text-label-size);line-height:var(--ds-text-label-leading);font-weight:var(--ds-text-label-weight);color:var(--ds-color-text-primary)}._required_19qt7_21{color:var(--ds-color-action-accent-default);margin-left:var(--ds-spacing-0-5)}._input_19qt7_27{font-family:var(--ds-font-sans);width:100%;box-sizing:border-box;border-radius:var(--ds-radius-md);color:var(--ds-color-text-primary);outline:none;transition:var(--ds-transition-color),var(--ds-transition-shadow)}._input_19qt7_27[data-size=sm]{height:var(--ds-size-sm);padding:var(--ds-spacing-1) var(--ds-spacing-3);font-size:var(--ds-text-body-sm-size);line-height:var(--ds-text-body-sm-leading);font-weight:var(--ds-text-body-sm-weight)}._input_19qt7_27[data-size=md]{height:var(--ds-size-md);padding:var(--ds-spacing-2) var(--ds-spacing-4);font-size:var(--ds-text-body-md-size);line-height:var(--ds-text-body-md-leading);font-weight:var(--ds-text-body-md-weight)}._input_19qt7_27[data-size=lg]{height:var(--ds-size-lg);padding:var(--ds-spacing-3) var(--ds-spacing-5);font-size:var(--ds-text-body-lg-size);line-height:var(--ds-text-body-lg-leading);font-weight:var(--ds-text-body-lg-weight)}._input_19qt7_27[data-variant=outline]{border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-default);background-color:var(--ds-color-bg-base);box-shadow:none}._input_19qt7_27[data-variant=outline]:hover:not(:focus-visible):not(:disabled){border-color:var(--ds-color-border-focus)}._input_19qt7_27[data-variant=outline]:focus-visible{border-color:var(--ds-color-border-focus);box-shadow:0 0 0 var(--ds-focus-ring-width) var(--ds-color-border-focus)}._input_19qt7_27[data-variant=outline][data-error=true]{border-color:var(--sys-color-error)}._input_19qt7_27[data-variant=outline][data-error=true]:focus-visible{box-shadow:0 0 0 var(--ds-focus-ring-width) var(--sys-color-error)}._input_19qt7_27[data-variant=filled]{border:var(--ds-border-width) var(--ds-border-style) transparent;background-color:var(--ds-color-bg-muted);box-shadow:none}._input_19qt7_27[data-variant=filled]:hover:not(:focus-visible):not(:disabled){border-color:var(--ds-color-border-focus)}._input_19qt7_27[data-variant=filled]:focus-visible{background-color:var(--ds-color-bg-base);border-color:var(--ds-color-border-focus);box-shadow:0 0 0 var(--ds-focus-ring-width) var(--ds-color-border-focus)}._input_19qt7_27[data-variant=filled][data-error=true]{border-color:var(--sys-color-error)}._input_19qt7_27[data-variant=filled][data-error=true]:focus-visible{box-shadow:0 0 0 var(--ds-focus-ring-width) var(--sys-color-error)}._input_19qt7_27[data-variant=flushed]{border:none;border-bottom:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-default);border-radius:0;background-color:var(--ds-color-bg-base);padding-left:0;padding-right:0;box-shadow:none}._input_19qt7_27[data-variant=flushed]:hover:not(:focus-visible):not(:disabled){border-bottom-color:var(--ds-color-border-focus)}._input_19qt7_27[data-variant=flushed]:focus-visible{border-bottom-color:var(--ds-color-border-focus);box-shadow:0 var(--ds-border-width) 0 0 var(--ds-color-border-focus)}._input_19qt7_27[data-variant=flushed][data-error=true]{border-bottom-color:var(--sys-color-error)}._input_19qt7_27[data-variant=flushed][data-error=true]:focus-visible{box-shadow:0 var(--ds-border-width) 0 0 var(--sys-color-error)}._input_19qt7_27:disabled{background-color:var(--ds-color-bg-muted);border-color:var(--ds-color-border-subtle);color:var(--ds-color-text-muted);cursor:not-allowed;opacity:.6}._input_19qt7_27[data-variant=filled]:disabled{background-color:var(--ds-color-bg-muted)}._errorMessage_19qt7_154{font-size:var(--ds-text-caption-size);line-height:var(--ds-text-caption-leading);font-weight:var(--ds-text-caption-weight);color:var(--sys-color-error);margin-top:var(--ds-spacing-1)}}@layer ds{._wrapper_616lx_3{display:inline-flex;flex-direction:column;gap:var(--ds-spacing-1);position:relative}._wrapper_616lx_3._fullWidth_616lx_10{width:100%}._label_616lx_14{font-size:var(--ds-text-label-size);line-height:var(--ds-text-label-leading);font-weight:var(--ds-text-label-weight);color:var(--ds-color-text-secondary)}._trigger_616lx_22{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--ds-spacing-2);font-family:var(--ds-font-sans);border-radius:var(--ds-radius-md);cursor:pointer;text-align:left;transition:var(--ds-transition-interactive)}._trigger_616lx_22[data-size=sm]{height:var(--ds-size-sm);padding:0 var(--ds-spacing-2);font-size:var(--ds-text-body-sm-size);line-height:var(--ds-text-body-sm-leading);font-weight:var(--ds-text-body-sm-weight);min-width:var(--ds-component-size-select-sm-min)}._trigger_616lx_22[data-size=md]{height:var(--ds-size-md);padding:0 var(--ds-spacing-3);font-size:var(--ds-text-body-md-size);line-height:var(--ds-text-body-md-leading);font-weight:var(--ds-text-body-md-weight);min-width:var(--ds-component-size-select-md-min)}._trigger_616lx_22[data-size=lg]{height:var(--ds-size-lg);padding:0 var(--ds-spacing-4);font-size:var(--ds-text-body-lg-size);line-height:var(--ds-text-body-lg-leading);font-weight:var(--ds-text-body-lg-weight);min-width:var(--ds-component-size-select-lg-min)}._trigger_616lx_22[data-variant=outline]{background-color:var(--ds-color-bg-surface);color:var(--ds-color-text-primary);border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-default);box-shadow:none}._trigger_616lx_22[data-variant=outline]:hover:not([data-open=true]):not(:disabled){border-color:var(--ds-color-border-focus);box-shadow:var(--ds-shadow-sm)}._trigger_616lx_22[data-variant=outline][data-open=true]{border-color:var(--ds-color-action-primary-default);box-shadow:0 0 0 var(--ds-focus-ring-width) var(--ds-color-action-primary-default)}._trigger_616lx_22[data-variant=filled]{background-color:var(--ds-color-bg-muted);color:var(--ds-color-text-primary);border:var(--ds-border-width) var(--ds-border-style) transparent;box-shadow:var(--ds-shadow-sm)}._trigger_616lx_22[data-variant=filled]:hover:not([data-open=true]):not(:disabled){box-shadow:var(--ds-shadow-md)}._trigger_616lx_22[data-variant=filled][data-open=true]{box-shadow:0 0 0 var(--ds-focus-ring-width) var(--ds-color-action-primary-default)}._trigger_616lx_22[data-variant=ghost]{background-color:transparent;color:var(--ds-color-text-primary);border:var(--ds-border-width) var(--ds-border-style) transparent;box-shadow:none}._trigger_616lx_22[data-variant=ghost]:hover:not([data-open=true]):not(:disabled){background-color:var(--ds-color-bg-muted)}._trigger_616lx_22[data-variant=ghost][data-open=true]{background-color:var(--ds-color-bg-muted);box-shadow:0 0 0 var(--ds-focus-ring-width) var(--ds-color-action-primary-default)}._trigger_616lx_22:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-color-border-focus);outline-offset:var(--ds-focus-ring-offset)}._trigger_616lx_22[data-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}._trigger_616lx_22._fullWidth_616lx_10{width:100%}._chevron_616lx_127{display:inline-flex;align-items:center;justify-content:center;transition:var(--ds-transition-transform);color:var(--ds-color-text-secondary);flex-shrink:0}._chevron_616lx_127[data-open=true]{transform:rotate(180deg)}._selectedValue_616lx_141{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._selectedValue_616lx_141._placeholder_616lx_148{color:var(--ds-color-text-muted)}._dropdown_616lx_153{position:absolute;top:100%;left:0;right:0;padding:var(--ds-spacing-1);background-color:var(--ds-color-bg-elevated);border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-default);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);z-index:var(--ds-z-dropdown);max-height:var(--ds-component-size-select-dropdown-max-height);overflow-y:auto;list-style:none;margin:var(--ds-spacing-1) 0 0}._option_616lx_171{display:flex;align-items:center;gap:var(--ds-spacing-2);padding:var(--ds-spacing-2) var(--ds-spacing-3);border-radius:var(--ds-radius-sm);cursor:pointer;transition:var(--ds-transition-color);color:var(--ds-color-text-primary);list-style:none}._option_616lx_171:hover:not([data-disabled=true]):not([data-selected=true]){background-color:var(--ds-color-bg-muted)}._option_616lx_171[data-highlighted=true]:not([data-selected=true]){background-color:var(--ds-color-bg-muted)}._option_616lx_171[data-selected=true]{background-color:var(--ds-color-action-primary-default);color:var(--ds-color-text-on-action-primary);font-weight:var(--ds-text-body-md-weight)}._option_616lx_171[data-disabled=true]{opacity:.5;cursor:not-allowed}}@layer shell{._wrapper_1hhgr_2{position:relative;display:inline-flex;align-items:center;vertical-align:middle}._tooltip_1hhgr_10{position:absolute;z-index:var(--ds-z-tooltip);padding:var(--shell-tooltip-padding);font-size:var(--shell-tooltip-font-size);line-height:1.4;font-weight:500;color:var(--shell-tooltip-text);background-color:var(--shell-tooltip-bg);border-radius:var(--shell-tooltip-radius);pointer-events:none;white-space:normal;box-shadow:none}._tooltip_1hhgr_10._portal_1hhgr_27{z-index:1200;inset:auto;margin:0;transform:none}._tooltip_1hhgr_10._top_1hhgr_37{bottom:100%;left:50%;transform:translate(-50%) translateY(calc(var(--ds-blur-sm) * -1));margin-bottom:var(--ds-blur-sm)}._tooltip_1hhgr_10._bottom_1hhgr_44{top:100%;left:50%;transform:translate(-50%) translateY(var(--ds-blur-sm));margin-top:var(--ds-blur-sm)}._tooltip_1hhgr_10._left_1hhgr_51{right:100%;top:50%;transform:translateY(-50%) translate(calc(var(--ds-blur-sm) * -1));margin-right:var(--ds-blur-sm)}._tooltip_1hhgr_10._right_1hhgr_58{left:100%;top:50%;transform:translateY(-50%) translate(var(--ds-blur-sm));margin-left:var(--ds-blur-sm)}}@layer ds{._profile_1o8hr_2{display:flex;align-items:center;gap:var(--ds-spacing-3)}._info_1o8hr_8{display:flex;flex-direction:column;gap:0;min-width:0}._name_1o8hr_15{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary)}._role_1o8hr_21{font-size:var(--ds-text-xs);color:var(--ds-color-text-muted)}}@layer ds{._showcaseGrid_1tgoh_8{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ds-component-size-showcase-grid-min),1fr));grid-auto-rows:1fr;gap:var(--ds-spacing-6)}._showcaseGrid_1tgoh_8>*{min-height:0}._showcaseExamples_1tgoh_20{margin-top:var(--ds-spacing-10);padding-top:var(--ds-spacing-8);border-top:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle)}._showcaseExamplesTitle_1tgoh_26{font-size:var(--ds-text-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-spacing-4) 0}._sectionHeader_1tgoh_33{display:flex;align-items:center;gap:var(--ds-spacing-2);margin-bottom:var(--ds-spacing-6)}._sectionTitle_1tgoh_40{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-text-primary);margin:0;text-align:left}._infoButton_1tgoh_48{display:inline-flex;align-items:center;justify-content:center;width:var(--ds-size-sm);height:var(--ds-size-sm);padding:0;border:none;border-radius:var(--ds-radius-md);background:transparent;color:var(--ds-color-text-muted);cursor:pointer;transition:color .15s,background .15s}._infoButton_1tgoh_48:hover{color:var(--ds-color-action-primary-default);background:var(--ds-color-bg-muted)}._showcaseModalSection_1tgoh_69{margin-bottom:var(--ds-spacing-6);padding:var(--ds-spacing-4) 0;border-bottom:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle)}._showcaseModalSection_1tgoh_69:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}._showcaseModalSectionTitle_1tgoh_81{font-size:var(--ds-text-xl);font-weight:var(--ds-font-weight-bold);color:var(--shell-text-primary);margin:0 0 var(--ds-spacing-4) 0;letter-spacing:-.02em}._showcaseModalGroup_1tgoh_89{margin-bottom:var(--ds-spacing-5)}._showcaseModalGroup_1tgoh_89:last-child{margin-bottom:0}._showcaseModalGroupLabel_1tgoh_97{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-secondary);margin:0 0 var(--ds-spacing-2) 0;text-transform:uppercase;letter-spacing:.04em}._showcaseVariantGrid_1tgoh_106{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ds-component-size-preset-input-min),1fr));gap:var(--ds-spacing-4)}._showcaseVariantItem_1tgoh_112{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-2);min-width:0}._showcaseVariantItemLabel_1tgoh_120{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-muted);text-align:center}._showcaseVariantPreview_1tgoh_127{display:flex;flex-direction:column;align-items:center;min-width:0}._componentDetail_1tgoh_135{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._tokenGroup_1tgoh_142{margin-bottom:var(--ds-spacing-4)}._tokenGroup_1tgoh_142:last-child{margin-bottom:0}._tokenGroupTitle_1tgoh_150{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--ds-spacing-2) 0}._tokenTable_1tgoh_159{display:flex;flex-direction:column;gap:0}._tokenRow_1tgoh_166{display:flex;flex-direction:column;gap:var(--ds-spacing-1);padding:var(--ds-spacing-2) 0;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._tokenRow_1tgoh_166:last-child{border-bottom:none}._tokenMeta_1tgoh_178{display:flex;align-items:baseline;gap:var(--ds-spacing-2);min-width:0}._tokenName_1tgoh_185{font-family:ui-monospace,SF Mono,monospace;font-size:var(--ds-text-xs);color:var(--shell-text-primary);overflow-wrap:break-word}._tokenLabel_1tgoh_192{font-size:var(--ds-text-xs);color:var(--shell-text-muted)}._tokenValueCell_1tgoh_197{display:flex;align-items:center;gap:var(--ds-spacing-2);min-width:0}._tokenSwatch_1tgoh_204{display:inline-block;width:var(--ds-icon-size-sm);height:var(--ds-icon-size-sm);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-subtle);flex-shrink:0}._tokenValue_1tgoh_197{font-family:ui-monospace,SF Mono,monospace;font-size:var(--ds-text-xs);color:var(--shell-text-secondary);white-space:pre-wrap;overflow-wrap:break-word;line-height:1.5}}@layer ds{._section_14dfo_3{padding:var(--ds-spacing-12) var(--ds-spacing-6);max-width:var(--app-max-width);margin:0 auto}._sectionTitle_14dfo_9{font-size:var(--ds-text-3xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-text-primary);margin-bottom:var(--ds-spacing-2);text-align:center}._sectionSubtitle_14dfo_17{font-size:var(--ds-text-lg);color:var(--ds-color-text-secondary);margin-bottom:var(--ds-spacing-8);text-align:center}._hero_14dfo_25{padding:var(--ds-spacing-16) var(--ds-spacing-6);text-align:center;max-width:50rem;margin:0 auto}._heroTitle_14dfo_32{font-size:var(--ds-text-4xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-text-primary);margin-bottom:var(--ds-spacing-4);line-height:1.2}._heroSubtitle_14dfo_40{font-size:var(--ds-text-xl);color:var(--ds-color-text-secondary);margin-bottom:var(--ds-spacing-8);line-height:1.6}._heroButtons_14dfo_47{display:flex;gap:var(--ds-spacing-4);justify-content:center;flex-wrap:wrap}._featuresGrid_14dfo_55{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.625rem,1fr));gap:var(--ds-spacing-6)}._featureCard_14dfo_61{text-align:center;padding:var(--ds-spacing-6)}._featureIcon_14dfo_66{margin:0 auto var(--ds-spacing-4)}._featureTitle_14dfo_70{font-size:var(--ds-text-lg);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);margin-bottom:var(--ds-spacing-2)}._featureDescription_14dfo_77{font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);line-height:1.6}._pricingGrid_14dfo_84{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:var(--ds-spacing-6);align-items:stretch}._pricingCard_14dfo_91{display:flex;flex-direction:column}._pricingHighlight_14dfo_96{position:relative;transform:scale(1.05)}._pricingHighlight_14dfo_96 [data-variant=elevated]{background-color:var(--ds-color-bg-elevated)}._badgeWrapper_14dfo_106{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);z-index:1}._pricingPriceWrapper_14dfo_114{margin-bottom:var(--ds-spacing-4)}._pricingPrice_14dfo_114{font-size:var(--ds-text-3xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-text-primary)}._pricingPeriod_14dfo_124{font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary)}._pricingFeatures_14dfo_129{list-style:none;padding:0;margin:var(--ds-spacing-4) 0;flex:1}._pricingFeatureItem_14dfo_136{display:flex;align-items:center;gap:var(--ds-spacing-2);padding:var(--ds-spacing-2) 0;font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary)}._testimonialsGrid_14dfo_146{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:var(--ds-spacing-6)}._testimonialQuote_14dfo_152{font-size:var(--ds-text-md);color:var(--ds-color-text-primary);font-style:italic;margin-bottom:var(--ds-spacing-4);line-height:1.6}._contactWrapper_14dfo_161{max-width:31.25rem;margin:0 auto}._contactForm_14dfo_166{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}@media(max-width:767px){._hero_14dfo_25{padding:var(--ds-spacing-8) var(--ds-spacing-4)}._heroTitle_14dfo_32{font-size:var(--ds-text-2xl)}._heroSubtitle_14dfo_40{font-size:var(--ds-text-md)}._section_14dfo_3{padding:var(--ds-spacing-8) var(--ds-spacing-4)}._pricingHighlight_14dfo_96{transform:none}._featuresGrid_14dfo_55,._pricingGrid_14dfo_84,._testimonialsGrid_14dfo_146{grid-template-columns:1fr}}}@layer shell{._labLayoutWrapper_o6ljn_3{display:flex;min-height:100%;max-width:var(--app-max-width);margin:0 auto;width:100%}._labLayout_o6ljn_3{flex:1;padding:var(--ds-spacing-8) var(--ds-spacing-6);min-width:0}._toc_o6ljn_18{position:sticky;top:calc(var(--nav-height) + var(--ds-spacing-6));width:var(--shell-size-sidebar-width);flex-shrink:0;padding:var(--ds-spacing-6);padding-right:0;align-self:stretch;display:flex;flex-direction:column;max-height:calc(100vh - var(--nav-height) - var(--ds-spacing-12));overflow:hidden}._tocList_o6ljn_32{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-1);flex:1;overflow-y:auto}._tocItem_o6ljn_43{display:block;width:100%;padding:var(--ds-spacing-2) var(--ds-spacing-3);font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background:none;border:none;border-left:var(--ds-focus-ring-width) solid var(--shell-border-subtle);text-align:left;cursor:pointer;transition:color .15s ease,border-color .15s ease}._tocItem_o6ljn_43:hover{color:var(--shell-text-primary)}._tocItem_o6ljn_43:focus-visible{outline:var(--ds-focus-ring-width) solid var(--shell-border-focus);outline-offset:var(--ds-focus-ring-offset)}._tocItemActive_o6ljn_66{color:var(--shell-text-primary);border-left-color:var(--shell-border-focus);font-weight:var(--ds-font-weight-medium)}._tocItemChild_o6ljn_72{font-size:var(--ds-text-xs)}._tocFooter_o6ljn_76{margin-top:auto;padding-top:var(--ds-spacing-3);border-top:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);flex-shrink:0;display:flex;justify-content:center}._tocInspectorBtn_o6ljn_85{display:flex;align-items:center;justify-content:center;width:var(--ds-size-md);height:var(--ds-size-md);padding:0;background:none;border:var(--ds-border-width) var(--ds-border-style) transparent;border-radius:var(--ds-radius-sm);color:var(--shell-text-secondary);cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}._tocInspectorBtn_o6ljn_85:hover{color:var(--shell-text-primary);background-color:var(--shell-bg-muted);border-color:var(--shell-border-subtle)}._tocInspectorBtn_o6ljn_85:focus-visible{outline:var(--ds-focus-ring-width) solid var(--shell-border-focus);outline-offset:var(--ds-focus-ring-offset)}._tocInspectorBtnActive_o6ljn_111{color:var(--shell-border-focus);background-color:var(--shell-bg-muted);border-color:var(--shell-border-focus)}section[id]{scroll-margin-top:calc(var(--nav-height) + var(--ds-spacing-6))}@media(max-width:48rem){._toc_o6ljn_18{display:none}._labLayoutWrapper_o6ljn_3{display:block}}._labHeader_o6ljn_134{text-align:center;margin-bottom:var(--ds-spacing-8)}._labHeaderRow_o6ljn_139{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-3)}._labHeaderActions_o6ljn_146{display:flex;align-items:center;gap:var(--ds-spacing-1)}._title_o6ljn_152{font-size:var(--ds-text-3xl);font-weight:var(--ds-font-weight-bold);color:var(--shell-text-primary);margin:0}._labContent_o6ljn_161{display:flex;flex-direction:column;gap:0}._labSection_o6ljn_168{padding:var(--ds-spacing-4) 0}._sectionCard_o6ljn_173{background-color:var(--shell-bg-base);border:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);border-radius:var(--ds-radius-lg);padding:var(--ds-spacing-6);box-shadow:var(--shell-shadow-sm)}._sectionHeader_o6ljn_181{display:flex;align-items:baseline;gap:var(--ds-spacing-3);flex-wrap:wrap;margin-bottom:var(--ds-spacing-4)}._sectionTitle_o6ljn_189{font-size:var(--ds-text-xl);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin:0}._sectionDescInline_o6ljn_196{font-size:var(--ds-text-sm);color:var(--shell-text-secondary);margin:0}._sectionContent_o6ljn_202{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ds-spacing-4)}._labCard_o6ljn_210{padding:var(--ds-spacing-4);background-color:var(--shell-bg-base);border-radius:var(--ds-radius-md);box-shadow:var(--shell-shadow-sm);border:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);min-width:var(--ds-component-size-card-min-width);min-height:var(--ds-component-size-preview-min-height);display:flex;align-items:center;justify-content:center;cursor:default;transition:box-shadow .15s ease,border-color .15s ease}button._labCard_o6ljn_210{cursor:pointer;font:inherit;color:inherit;text-align:inherit;appearance:none;width:100%;box-sizing:border-box}button._labCard_o6ljn_210:hover{box-shadow:var(--shell-shadow-md);border-color:var(--shell-border-default)}._labCard_o6ljn_210._selected_o6ljn_240{border-color:var(--shell-border-focus);box-shadow:var(--shell-shadow-md)}._comparisonCard_o6ljn_246{flex:1;min-width:var(--ds-component-size-comparison-card-min-width);padding:var(--ds-spacing-5);background-color:var(--shell-bg-base);border:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);border-radius:var(--ds-radius-lg);transition:border-color .15s ease,box-shadow .15s ease}._comparisonCard_o6ljn_246[role=button]{cursor:pointer}._comparisonCard_o6ljn_246[role=button]:hover{border-color:var(--shell-border-default)}._comparisonCardSelected_o6ljn_264{border-color:var(--shell-border-focus);box-shadow:var(--shell-shadow-md)}._comparisonHeader_o6ljn_269{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-spacing-2);margin-bottom:var(--ds-spacing-4);padding-bottom:var(--ds-spacing-3);border-bottom:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle)}._comparisonHeaderMain_o6ljn_279{min-width:0}._comparisonHeaderAction_o6ljn_283{flex-shrink:0}._comparisonTitle_o6ljn_287{font-size:var(--ds-text-lg);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._comparisonSubtitle_o6ljn_297{font-size:var(--ds-text-sm);color:var(--shell-text-secondary);margin:var(--ds-spacing-1) 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._comparisonContent_o6ljn_306{display:flex;flex-direction:column;gap:var(--ds-spacing-3)}._comparisonGrid_o6ljn_313{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ds-spacing-6)}._panelCard_o6ljn_321{background-color:var(--shell-bg-base);border:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);border-radius:var(--ds-radius-lg);padding:var(--ds-spacing-5);box-shadow:var(--shell-shadow-sm);flex:1 1 100%}._panelHeader_o6ljn_330{display:flex;align-items:baseline;gap:var(--ds-spacing-3);flex-wrap:wrap;margin-bottom:var(--ds-spacing-4)}._panelTitle_o6ljn_338{font-size:var(--ds-text-lg);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin:0}._panelDescInline_o6ljn_345{font-size:var(--ds-text-sm);color:var(--shell-text-secondary);margin:0}._panelContent_o6ljn_351{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-4)}}@layer preview{[data-shell] [data-context=preview]:not([data-scope=local]){--ds-surface-backdrop: var(--ds-surface-backdrop-global, none);--ds-surface-bg-alpha: var(--ds-surface-bg-alpha-global, 1);--ds-surface-texture: var(--ds-surface-texture-global, none);--ds-surface-blend: var(--ds-surface-blend-global, normal);--ds-filter: var(--ds-filter-global, none);--ds-perspective: var(--ds-perspective-global, none);--ds-transform-style: var(--ds-transform-style-global, flat)}}@layer override{._comparisonCardSurface_o6ljn_377{background-color:transparent}._comparisonCardSurface_o6ljn_377 ._comparisonHeader_o6ljn_269{background:var(--shell-bg-base);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-3)}._comparisonContentSurface_o6ljn_387{border-radius:var(--ds-radius-md);padding:var(--ds-spacing-3);background-color:color-mix(in srgb,var(--ds-color-bg-base) calc(var(--ds-surface-bg-alpha, 1) * 100%),transparent);backdrop-filter:var(--ds-surface-backdrop, none);-webkit-backdrop-filter:var(--ds-surface-backdrop, none);background-image:var(--ds-surface-texture, none);background-blend-mode:var(--ds-surface-blend, normal);filter:var(--ds-filter, none);transform-style:var(--ds-transform-style, flat)}}@layer shell{._tabBar_1bqio_2{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-1)}._tab_1bqio_2{padding:var(--ds-spacing-2) var(--ds-spacing-4);font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background:none;border:none;cursor:pointer;transition:color .15s ease,background .15s ease}._tab_1bqio_2:hover{color:var(--shell-text-primary)}._underline_1bqio_23{border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._underline_1bqio_23 ._tab_1bqio_2{border-bottom:var(--ds-focus-ring-width) solid transparent;margin-bottom:calc(var(--ds-border-width) * -1)}._underline_1bqio_23 ._tabActive_1bqio_32{color:var(--shell-text-primary);font-weight:var(--ds-font-weight-medium);border-bottom-color:var(--shell-action-primary)}._pill_1bqio_39{padding:var(--ds-spacing-2) var(--ds-spacing-6);border-bottom:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);background:var(--shell-bg-muted)}._pill_1bqio_39 ._tab_1bqio_2{border-radius:var(--ds-radius-md);font-weight:var(--ds-font-weight-medium)}._pill_1bqio_39 ._tab_1bqio_2:hover{background:var(--shell-bg-surface)}._pill_1bqio_39 ._tabActive_1bqio_32{color:var(--shell-text-primary);background:var(--shell-bg-surface);border:var(--ds-border-width) var(--ds-border-style) var(--shell-border-default)}}@layer shell{._controlPanel_1ayxp_4{display:flex;flex-direction:column;gap:var(--ds-spacing-2)}._controlLabel_1ayxp_10{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-secondary);text-transform:uppercase;letter-spacing:.06em}._controlOptions_1ayxp_18{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-1)}._controlOption_1ayxp_18{padding:var(--ds-spacing-1) var(--ds-spacing-3);font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background:none;border:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);border-radius:var(--ds-radius-full);cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease;white-space:nowrap;line-height:1.5}._controlOption_1ayxp_18:hover{color:var(--shell-text-primary);border-color:var(--shell-border-default);background-color:var(--shell-bg-muted)}._controlOption_1ayxp_18:focus-visible{outline:var(--ds-focus-ring-width) solid var(--shell-border-focus);outline-offset:var(--ds-focus-ring-offset)}._controlOptionActive_1ayxp_48{color:var(--shell-border-focus);border-color:var(--shell-border-focus);background-color:var(--shell-bg-muted);font-weight:var(--ds-font-weight-medium)}}@layer shell{._overview_ckoal_3{width:100%;box-sizing:border-box;background:linear-gradient(135deg,var(--shell-bg-surface) 0%,var(--shell-bg-subtle) 100%);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-lg);padding:var(--ds-spacing-6);margin-bottom:var(--ds-spacing-6)}._description_ckoal_18{font-size:var(--ds-text-md);color:var(--shell-text-secondary);margin:0 0 var(--ds-spacing-4) 0;line-height:1.6}._itemGrid_ckoal_25{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ds-spacing-3)}._item_ckoal_25{display:flex;flex-direction:column;gap:var(--ds-spacing-1);padding:var(--ds-spacing-3) var(--ds-spacing-4);background-color:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md);min-width:var(--ds-component-size-preset-input-min)}._itemLabel_ckoal_43{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary)}._itemDesc_ckoal_49{font-size:var(--ds-text-xs);color:var(--shell-text-muted)}._customContent_ckoal_54{display:flex;flex-direction:column;gap:var(--ds-spacing-6);margin-top:var(--ds-spacing-4)}}@layer shell{._grid_1fr7x_2{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ds-spacing-6)}}@layer shell{._row_1qkh0_2{display:flex;align-items:baseline;gap:var(--ds-spacing-3);padding:var(--ds-spacing-1) 0;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle);min-width:0}._row_1qkh0_2:last-child{border-bottom:none}._label_1qkh0_15{flex:0 0 auto;min-width:var(--ds-component-size-token-name-col);font-size:var(--ds-text-sm);color:var(--shell-text-secondary)}._token_1qkh0_22{flex:1;font-size:var(--ds-text-xs);font-family:var(--ds-font-mono);color:var(--shell-text-secondary);background:var(--shell-bg-subtle);padding:var(--ds-spacing-0-5) var(--ds-spacing-1-5);border-radius:var(--ds-radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._value_1qkh0_35{flex:0 0 auto;font-size:var(--ds-text-sm);font-family:var(--ds-font-mono);color:var(--shell-text-primary)}}@layer shell{._grid_h9aa4_2{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-2)}._item_h9aa4_8{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-1)}._swatch_h9aa4_15{width:var(--ds-size-md);height:var(--ds-size-md);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-subtle);flex-shrink:0}._label_h9aa4_23{font-size:var(--ds-text-xs);color:var(--shell-text-secondary);white-space:nowrap}}@layer shell{._wrapper_1seby_2{display:flex;flex-direction:column;gap:var(--ds-spacing-2)}._title_1seby_8{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0}._table_1seby_17{display:flex;flex-direction:column}._row_1seby_22{display:flex;align-items:baseline;gap:var(--ds-spacing-3);padding:var(--ds-spacing-1) 0;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._row_1seby_22:last-child{border-bottom:none}._key_1seby_34{flex:0 0 auto;min-width:var(--ds-component-size-token-value-col);font-size:var(--ds-text-sm);color:var(--shell-text-secondary)}._value_1seby_41{flex:1;font-size:var(--ds-text-sm);font-family:var(--ds-font-mono);color:var(--shell-text-primary);word-break:break-all}}@layer override{._overlay_n4do7_3{position:fixed;inset:0;max-width:100vw;max-height:100vh;width:100%;height:100%;margin:0;border:none;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;z-index:1000}._overlay_n4do7_3::backdrop{background:var(--shell-overlay)}._modal_n4do7_24{width:100%;max-width:var(--ds-component-size-palette-modal-max-width);max-height:90vh;overflow:auto;background:var(--shell-bg-base);border-radius:var(--ds-radius-lg);box-shadow:var(--shell-shadow-lg);border:var(--ds-border-width) solid var(--shell-border-subtle)}._scaleHeader_n4do7_36{display:flex;align-items:center;gap:var(--ds-spacing-2);min-height:var(--ds-size-md)}._scaleIcon_n4do7_43{flex-shrink:0;width:var(--ds-icon-size-sm);height:var(--ds-icon-size-sm)}._header_n4do7_49{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-spacing-4);border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._title_n4do7_57{margin:0;font-size:var(--ds-text-md);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary)}._iconRecommended_n4do7_64{display:inline-flex;color:var(--sys-color-success)}._iconWarning_n4do7_69{display:inline-flex;color:var(--sys-color-warning)}._closeBtn_n4do7_74{padding:var(--ds-spacing-1);background:none;border:none;cursor:pointer;color:var(--shell-text-secondary)}._closeBtn_n4do7_74:hover{color:var(--shell-text-primary)}._content_n4do7_87{padding:var(--ds-spacing-4)}._section_n4do7_91{border:none;margin:0 0 var(--ds-spacing-4);padding:0;min-width:0}._section_n4do7_91:last-child{margin-bottom:0}._section_n4do7_91 legend._label_n4do7_102{padding:0;float:none;width:auto}._label_n4do7_102{display:block;font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-secondary);margin-bottom:var(--ds-spacing-2)}._scaleRow_n4do7_116{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-2)}._scaleBtn_n4do7_122{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-1);padding:var(--ds-spacing-2);background:var(--shell-bg-surface);border:var(--ds-focus-ring-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md);cursor:pointer;transition:border-color .15s ease}._scaleBtn_n4do7_122:hover{border-color:var(--shell-border-default)}._scaleBtn_n4do7_122[data-active=true]{border-color:var(--shell-action-primary);box-shadow:0 0 0 var(--ds-border-width) var(--shell-action-primary)}._scaleSwatch_n4do7_144{width:var(--ds-size-sm);height:var(--ds-size-sm);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-subtle)}._scaleLabel_n4do7_151{font-size:var(--ds-text-xs);color:var(--shell-text-secondary);text-transform:capitalize}._stepRow_n4do7_157{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-2)}._stepBtn_n4do7_163{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-0-5);padding:var(--ds-spacing-2);background:var(--shell-bg-surface);border:var(--ds-focus-ring-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-sm);cursor:pointer;transition:border-color .15s ease}._stepBtn_n4do7_163:hover{border-color:var(--shell-border-default)}._stepBtn_n4do7_163[data-active=true]{border-color:var(--shell-action-primary)}._stepSwatch_n4do7_184{width:var(--ds-component-size-swatch-md);height:var(--ds-component-size-swatch-md);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-subtle)}._stepLabel_n4do7_191{font-size:var(--ds-text-xs);color:var(--shell-text-secondary)}._directLabel_n4do7_196{display:flex;align-items:center;gap:var(--ds-spacing-2);font-size:var(--ds-text-sm);color:var(--shell-text-secondary);cursor:pointer}._hexRow_n4do7_205{display:flex;align-items:center;gap:var(--ds-spacing-2);margin-top:var(--ds-spacing-2)}._hexPrefix_n4do7_212{font-size:var(--ds-text-sm);color:var(--shell-text-muted)}._hexInput_n4do7_217{width:var(--ds-component-size-palette-hex-input-width);padding:var(--ds-spacing-2) var(--ds-spacing-3);font-size:var(--ds-text-sm);font-family:ui-monospace,monospace;color:var(--shell-text-primary);background:var(--shell-bg-surface);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-sm)}._hexPreview_n4do7_228{width:var(--ds-component-size-nav-item);height:var(--ds-component-size-nav-item);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-subtle);flex-shrink:0}._footer_n4do7_237{padding:var(--ds-spacing-4);border-top:var(--ds-border-width) solid var(--shell-border-subtle)}._applyBtn_n4do7_242{width:100%;padding:var(--ds-spacing-2) var(--ds-spacing-4);font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:#fff;background:var(--shell-action-primary);border:none;border-radius:var(--ds-radius-md);cursor:pointer}._applyBtn_n4do7_242:hover:not(:disabled){background:var(--shell-action-hover)}._applyBtn_n4do7_242:disabled{opacity:.5;cursor:not-allowed}}@layer shell{._diagram_2f26x_3{display:flex;flex-direction:column;gap:var(--ds-spacing-6)}._diagramRow_2f26x_9{display:flex;flex-direction:row;gap:var(--ds-spacing-4);flex:1;min-width:0}._diagramRow_2f26x_9 ._section_2f26x_17:first-of-type{flex:1;min-width:0}._diagramRow_2f26x_9 ._componentDiagram_2f26x_22{flex:0 0 var(--ds-component-size-palette-diagram-fixed);min-width:var(--ds-component-size-dropdown-sm-min)}._section_2f26x_17{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._sectionTitle_2f26x_33{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin:0;padding-bottom:var(--ds-spacing-2);border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._sectionHint_2f26x_42{font-weight:var(--ds-font-weight-normal);color:var(--shell-text-muted)}._roleGrid_2f26x_48{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ds-component-size-palette-diagram-fixed),1fr));gap:var(--ds-spacing-3)}._roleCard_2f26x_54{display:flex;flex-direction:column;gap:var(--ds-spacing-3);padding:var(--ds-spacing-4);background-color:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md);transition:border-color .15s ease}._roleCard_2f26x_54:hover{border-color:var(--shell-border-default)}._roleHeader_2f26x_69{display:flex;align-items:flex-start;gap:var(--ds-spacing-3)}._colorSwatch_2f26x_75{width:var(--ds-component-size-nav-item);height:var(--ds-component-size-nav-item);border-radius:var(--ds-radius-md);border:var(--ds-border-width) solid var(--shell-border-subtle);flex-shrink:0}._roleInfo_2f26x_83{display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._roleLabel_2f26x_89{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary)}._roleDesc_2f26x_95{font-size:var(--ds-text-xs);color:var(--shell-text-muted)}._usageList_2f26x_100{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-1)}._usageTag_2f26x_106{font-size:var(--ds-text-xs);padding:var(--ds-spacing-0-5) var(--ds-spacing-1-5);background-color:var(--shell-bg-muted);border-radius:var(--ds-radius-sm);color:var(--shell-text-secondary)}._mappingTabs_2f26x_115{display:flex;flex-direction:column;gap:0;background-color:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md);overflow:hidden}._tabList_2f26x_125{display:flex;gap:0;padding:var(--ds-spacing-2) var(--ds-spacing-4) 0;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle);background-color:var(--shell-bg-surface)}._tab_2f26x_125{padding:var(--ds-spacing-2) var(--ds-spacing-4);font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-secondary);background:none;border:none;border-bottom:var(--ds-focus-ring-width) solid transparent;margin-bottom:calc(var(--ds-border-width) * -1);cursor:pointer;transition:color .15s ease,border-color .15s ease}._tab_2f26x_125:hover{color:var(--shell-text-primary)}._tab_2f26x_125[data-active=true]{color:var(--shell-action-primary);border-bottom-color:var(--shell-action-primary)}._tabPanel_2f26x_155{padding:var(--ds-spacing-4)}._tokenList_2f26x_159{display:flex;flex-direction:column;gap:var(--ds-spacing-3)}._tokenRow_2f26x_165{display:flex;align-items:center;gap:var(--ds-spacing-3);flex-wrap:wrap}._tokenSwatch_2f26x_172{width:var(--ds-size-md);height:var(--ds-size-md);min-width:var(--ds-size-md);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-subtle);flex-shrink:0}button._tokenSwatch_2f26x_172{cursor:pointer;padding:0;margin:0;appearance:none;background-clip:padding-box}button._tokenSwatch_2f26x_172:hover{box-shadow:0 0 0 var(--ds-focus-ring-width) var(--shell-action-primary)}button._tokenSwatch_2f26x_172:focus-visible{outline:var(--ds-focus-ring-width) solid var(--shell-action-primary);outline-offset:var(--ds-focus-ring-offset)}._tokenName_2f26x_198{font-size:var(--ds-text-xs);font-family:ui-monospace,monospace;padding:var(--ds-spacing-0-5) var(--ds-spacing-1-5);background-color:var(--shell-bg-muted);border-radius:var(--ds-radius-sm);color:var(--shell-text-secondary)}._sourceBadge_2f26x_207{font-size:var(--ds-text-xs);padding:var(--ds-spacing-0-5) var(--ds-spacing-2);border-radius:var(--ds-radius-sm);font-weight:var(--ds-font-weight-medium);white-space:nowrap}._tokenNote_2f26x_215{font-size:var(--ds-text-xs);color:var(--shell-text-muted);margin-left:auto}._componentDiagram_2f26x_22{padding:var(--ds-spacing-3);background-color:var(--shell-bg-surface);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md)}._diagramTitle_2f26x_229{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--ds-spacing-2) 0}._tokenExampleList_2f26x_238{display:flex;flex-direction:column;gap:var(--ds-spacing-2)}._tokenExampleRow_2f26x_244{display:flex;align-items:center;gap:var(--ds-spacing-2)}._tokenExampleSample_2f26x_250{flex:0 0 calc(var(--ds-size-md) + var(--ds-spacing-1));min-width:calc(var(--ds-size-md) + var(--ds-spacing-1));display:flex;align-items:center;justify-content:center}._tokenExampleSwatch_2f26x_258{width:var(--ds-size-sm);height:var(--ds-component-size-swatch-sm);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-subtle)}._tokenExampleText_2f26x_265{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);line-height:1}._tokenExampleBorder_2f26x_271{width:var(--ds-component-size-nav-item);height:0;border-top:var(--ds-focus-ring-width) solid}._tokenExampleBtn_2f26x_277{padding:var(--ds-spacing-0-5) var(--ds-spacing-2);font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);border:none;border-radius:var(--ds-radius-sm);line-height:1.4}._tokenExampleLabel_2f26x_286{font-size:var(--ds-text-xs);color:var(--shell-text-primary);font-family:ui-monospace,monospace;flex:1;overflow:hidden;text-overflow:ellipsis}}@layer shell{._empty_gc7t5_3{display:flex;align-items:center;justify-content:center;min-height:var(--ds-component-size-empty-category-min-height);padding:var(--ds-spacing-6);background-color:var(--shell-bg-muted);border:var(--ds-border-width) dashed var(--shell-border-subtle);border-radius:var(--ds-radius-md)}._message_gc7t5_14{margin:0;font-size:var(--ds-text-sm);color:var(--shell-text-muted)}}@layer shell{._section_1sgyv_4{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._sectionTitle_1sgyv_10{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin:0;padding-bottom:var(--ds-spacing-2);border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._sectionHint_1sgyv_19{font-weight:var(--ds-font-weight-normal);color:var(--shell-text-muted)}._stepList_1sgyv_25{display:flex;flex-direction:column;gap:var(--ds-spacing-2)}._stepRow_1sgyv_31{display:flex;align-items:center;gap:var(--ds-spacing-3);padding:var(--ds-spacing-2) var(--ds-spacing-3);background-color:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md);transition:border-color .15s ease}._stepRow_1sgyv_31:hover{border-color:var(--shell-border-default)}._colorSwatch_1sgyv_47{width:var(--ds-component-size-nav-item);height:var(--ds-component-size-nav-item);border-radius:var(--ds-radius-md);border:var(--ds-border-width) solid var(--shell-border-subtle);flex-shrink:0}._stepNumber_1sgyv_55{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-bold);color:var(--shell-text-primary);font-family:var(--ds-font-mono);min-width:var(--ds-size-md)}._stepInfo_1sgyv_63{display:flex;flex-direction:column;gap:var(--ds-spacing-0-5);flex:1;min-width:0}._usage_1sgyv_71{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-primary)}._usageEn_1sgyv_77{font-size:var(--ds-text-xs);color:var(--shell-text-muted)}._examples_1sgyv_83{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-1);flex-shrink:0}._usageTag_1sgyv_82{font-size:var(--ds-text-xs);padding:var(--ds-spacing-0-5) var(--ds-spacing-1-5);background-color:var(--shell-bg-muted);border-radius:var(--ds-radius-sm);color:var(--shell-text-secondary)}}@layer ds{._semanticSection_1vwlz_4{margin-top:var(--ds-spacing-6);padding-top:var(--ds-spacing-4);border-top:var(--ds-border-width) solid var(--shell-border-subtle)}._brandColorsBody_1vwlz_10{display:flex;flex-direction:column;width:100%}._brandColorsBody_1vwlz_10 ._categoryContent_1vwlz_16{padding-top:var(--ds-spacing-4)}._comparisonGrid_1vwlz_21>*{flex:0 0 var(--ds-component-size-palette-grid-card-min);min-width:0}._colorColumn_1vwlz_26{display:flex;flex-direction:row;align-items:center;gap:var(--ds-spacing-2);margin-bottom:var(--ds-spacing-3)}._colorColumn_1vwlz_26:last-child{margin-bottom:0}._colorKeyLabel_1vwlz_38{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-secondary);margin:0;min-width:var(--nav-height);text-transform:capitalize}._swatchRow_1vwlz_47{display:flex;gap:var(--ds-spacing-0-5);flex-wrap:wrap}._swatch_1vwlz_47{width:var(--ds-size-sm);height:var(--ds-size-sm);border-radius:var(--ds-radius-sm)}._paletteDetail_1vwlz_60{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._paletteSubname_1vwlz_66{font-size:var(--ds-text-sm);color:var(--shell-text-secondary);margin:0 0 var(--ds-spacing-2) 0;padding-bottom:var(--ds-spacing-2);border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._detailSectionTitle_1vwlz_74{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin:0 0 var(--ds-spacing-2) 0}._scaleGrid_1vwlz_82{display:flex;flex-direction:column;gap:var(--ds-spacing-3)}._scaleColumn_1vwlz_88{display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._scaleLabel_1vwlz_94{font-size:var(--ds-text-xs);color:var(--shell-text-secondary)}._scaleRow_1vwlz_99{display:flex;gap:var(--ds-spacing-0-5)}._scaleSwatch_1vwlz_104{width:var(--ds-component-size-swatch-md);height:var(--ds-component-size-swatch-md);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-subtle)}._scaleLabels_1vwlz_111{display:flex;gap:var(--ds-spacing-0-5)}._scaleStep_1vwlz_116{width:var(--ds-component-size-swatch-md);font-size:var(--ds-text-xs);color:var(--shell-text-muted)}._surfacePreviewRoot_1vwlz_122{display:flex;flex-direction:column;gap:var(--ds-spacing-3);padding:var(--ds-spacing-3);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md);background:var(--ds-color-bg-base)}._surfaceLowLayer_1vwlz_132{padding:var(--ds-spacing-3);border-radius:var(--ds-radius-md);background:var(--ds-color-bg-surface-low);border:var(--ds-border-width) solid var(--ds-color-border-subtle)}._surfaceLayer_1vwlz_139{margin-top:var(--ds-spacing-2);padding:var(--ds-spacing-3);border-radius:var(--ds-radius-md);background:var(--ds-color-bg-surface);border:var(--ds-border-width) solid var(--ds-color-border-subtle)}._surfaceHighLayer_1vwlz_147{margin-top:var(--ds-spacing-2);padding:var(--ds-spacing-3);border-radius:var(--ds-radius-sm);background:var(--ds-color-bg-surface-high);border:var(--ds-border-width) solid var(--ds-color-border-default)}._surfaceElevatedLayer_1vwlz_155{padding:var(--ds-spacing-3);border-radius:var(--ds-radius-md);background:var(--ds-color-bg-elevated);border:var(--ds-border-width) solid var(--ds-color-border-default)}._surfaceLabel_1vwlz_162{margin:0;font-size:var(--ds-text-xs);color:var(--ds-color-text-secondary);text-transform:lowercase}._surfaceTextPrimary_1vwlz_169{margin:var(--ds-spacing-2) 0 0 0;font-size:var(--ds-text-sm);color:var(--ds-color-text-primary)}._surfaceTextSecondary_1vwlz_175{margin:var(--ds-spacing-1) 0 0 0;font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary)}._customCardActions_1vwlz_182{display:inline-flex;align-items:center;gap:var(--ds-spacing-0-5)}._mappingIconBtn_1vwlz_191{display:flex;align-items:center;justify-content:center;padding:var(--ds-spacing-2);background:none;border:none;color:var(--shell-text-secondary);cursor:pointer;border-radius:var(--ds-radius-sm)}._mappingIconBtn_1vwlz_191:hover{color:var(--shell-text-primary);background:var(--shell-bg-muted)}}@layer shell{._wrapper_hm6mv_3{position:relative;display:flex;align-items:center}._searchIcon_hm6mv_9{position:absolute;left:var(--ds-spacing-3);color:var(--shell-text-muted);pointer-events:none}._input_hm6mv_16{width:100%;min-width:var(--shell-size-sidebar-width);padding:var(--ds-spacing-2) var(--ds-spacing-3);padding-left:calc(var(--ds-spacing-3) + var(--ds-icon-size-sm) + var(--ds-spacing-2));padding-right:calc(var(--ds-spacing-3) + var(--ds-size-sm));font-size:var(--ds-text-sm);color:var(--shell-text-primary);background-color:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md)}._input_hm6mv_16::-webkit-search-cancel-button,._input_hm6mv_16::-webkit-search-decoration{-webkit-appearance:none;appearance:none}._input_hm6mv_16::placeholder{color:var(--shell-text-muted)}._input_hm6mv_16:focus{outline:none;border-color:var(--shell-focus-ring);box-shadow:var(--shell-focus-glow)}._input_hm6mv_16:focus-visible{outline:var(--ds-focus-ring-width) solid var(--shell-focus-ring);outline-offset:var(--ds-focus-ring-offset)}._clearBtn_hm6mv_51{position:absolute;right:var(--ds-spacing-2);display:flex;align-items:center;justify-content:center;padding:var(--ds-spacing-0-5);background:none;border:none;cursor:pointer;color:var(--shell-text-muted)}._clearBtn_hm6mv_51:hover{color:var(--shell-text-primary)}}@layer shell{._diagram_1k0cp_3{display:flex;flex-direction:column;gap:var(--ds-spacing-6)}._section_1k0cp_9{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._sectionTitle_1k0cp_15{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin:0;padding-bottom:var(--ds-spacing-2);border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._propertyGrid_1k0cp_25{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ds-component-size-showcase-card-min),1fr));gap:var(--ds-spacing-4)}._propertyCard_1k0cp_31{display:flex;flex-direction:column;gap:var(--ds-spacing-3);padding:var(--ds-spacing-4);background-color:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md)}._propertyHeader_1k0cp_41{display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._propertyLabel_1k0cp_47{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary)}._propertyDesc_1k0cp_53{font-size:var(--ds-text-xs);color:var(--shell-text-muted)}._valueList_1k0cp_58{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-1)}._valueTag_1k0cp_64{font-size:var(--ds-text-xs);padding:var(--ds-spacing-0-5) var(--ds-spacing-1-5);background-color:var(--shell-bg-muted);border-radius:var(--ds-radius-sm);color:var(--shell-text-secondary)}._cssVar_1k0cp_72{font-size:var(--ds-text-xs);font-family:ui-monospace,monospace;color:var(--shell-text-muted)}._shadowSection_1k0cp_79{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._shadowScale_1k0cp_85{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-4);align-items:flex-end}._shadowItem_1k0cp_92{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-2)}._shadowSample_1k0cp_99{width:3.75rem;height:3.75rem;background-color:var(--shell-bg-base);border-radius:var(--ds-radius-md)}._shadowLabel_1k0cp_106{font-size:var(--ds-text-xs);color:var(--shell-text-primary);font-weight:var(--ds-font-weight-medium)}._shadowKey_1k0cp_112{font-size:var(--ds-text-xs);font-family:ui-monospace,monospace;color:var(--shell-text-muted)}._comparisonSection_1k0cp_119{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._styleGrid_1k0cp_125{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-spacing-4)}@media(max-width:43.75rem){._styleGrid_1k0cp_125{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:28.125rem){._styleGrid_1k0cp_125{grid-template-columns:1fr}}._variantCard_1k0cp_143{display:flex;flex-direction:column;gap:var(--ds-spacing-3);padding:var(--ds-spacing-4);background-color:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md);min-width:0}._variantHeader_1k0cp_154{display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._variantName_1k0cp_160{font-size:var(--ds-text-md);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary)}._variantDesc_1k0cp_166{font-size:var(--ds-text-xs);color:var(--shell-text-muted)}._previewBox_1k0cp_171{width:100%;height:5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-md)}._previewLabel_1k0cp_180{font-size:var(--ds-text-sm);color:var(--shell-text-secondary)}._characteristicsList_1k0cp_185{margin:0;padding-left:var(--ds-spacing-4);display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._characteristicItem_1k0cp_193{font-size:var(--ds-text-xs);color:var(--shell-text-secondary)}}@layer override{._cardInner_1c56h_4{padding:var(--ds-spacing-4);border-radius:var(--ds-radius-lg);background-color:color-mix(in srgb,var(--ds-color-bg-base) calc(var(--ds-surface-bg-alpha, 1) * 100%),transparent);backdrop-filter:var(--ds-surface-backdrop, none);-webkit-backdrop-filter:var(--ds-surface-backdrop, none)}._shadowDemo_1c56h_17{padding:var(--ds-spacing-4);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-spacing-3);font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background-color:color-mix(in srgb,var(--ds-color-bg-base) calc(var(--ds-surface-bg-alpha, 1) * 85%),transparent);backdrop-filter:var(--ds-surface-backdrop, none);-webkit-backdrop-filter:var(--ds-surface-backdrop, none)}._shadowDemo_1c56h_17:last-child{margin-bottom:0}._styleDetail_1c56h_37{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._detailSectionTitle_1c56h_43{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin:0 0 var(--ds-spacing-2) 0}._detailDescription_1c56h_51{margin:0 0 var(--ds-spacing-2) 0;font-size:var(--ds-text-sm);color:var(--shell-text-secondary);line-height:1.5}._characteristicsList_1c56h_58{margin:0 0 var(--ds-spacing-4) 0;padding-left:var(--ds-spacing-4);display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._characteristicItem_1c56h_66{font-size:var(--ds-text-sm);color:var(--shell-text-secondary)}._propertyMatrixWrap_1c56h_72{overflow-x:auto;width:100%}._propertyMatrix_1c56h_72{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}._propertyMatrix_1c56h_72 th,._propertyMatrix_1c56h_72 td{padding:var(--ds-spacing-2) var(--ds-spacing-3);text-align:left;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._propertyMatrixDim_1c56h_90{color:var(--shell-text-secondary);font-weight:var(--ds-font-weight-medium);white-space:nowrap}._propertyMatrixPreset_1c56h_96{font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary)}._propertyMatrixPresetBtn_1c56h_101{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:var(--ds-spacing-0-5)}._propertyMatrixPresetBtn_1c56h_101:hover{color:var(--shell-action-primary)}._propertyMatrixCellWrap_1c56h_116{container-type:inline-size}._propertyMatrixCellWrap_1c56h_116[data-active]{background:var(--shell-bg-primary-subtle)}._propertyMatrixCell_1c56h_116{font-family:ui-monospace,monospace;font-size:var(--ds-text-code-size);color:var(--shell-text-secondary);white-space:nowrap}._propertyMatrixCellWrap_1c56h_116[data-active] ._propertyMatrixCell_1c56h_116{color:var(--shell-text-primary)}._comparisonWrapper_1c56h_135{width:100%;padding:var(--ds-spacing-2);border-radius:var(--ds-radius-lg)}._comparisonWrapperNeutral_1c56h_141{background:var(--shell-bg-muted)}._comparisonWrapperGlass_1c56h_145{background:linear-gradient(135deg,var(--ds-color-demo-glass-start) 0%,var(--ds-color-demo-glass-mid) 50%,var(--ds-color-demo-glass-end) 100%)}._comparisonControls_1c56h_156{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-4);margin-bottom:var(--ds-spacing-4);align-items:center}._controlGroup_1c56h_164{display:flex;align-items:center;gap:var(--ds-spacing-2)}._controlLabel_1c56h_170{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-secondary);white-space:nowrap}._paletteSelect_1c56h_177{appearance:none;background:var(--shell-bg-muted);border:var(--ds-border-width) solid var(--shell-border-subtle);color:var(--shell-text-primary);border-radius:var(--ds-radius-sm);padding:var(--ds-spacing-1) var(--ds-spacing-2);font-size:var(--ds-text-sm)}._paletteSelect_1c56h_177:hover{background:var(--shell-bg-surface);border-color:var(--shell-border-default)}._paletteSelect_1c56h_177:focus-visible{outline:var(--ds-focus-ring-width) solid var(--shell-border-focus);outline-offset:var(--ds-focus-ring-offset);border-color:var(--shell-border-focus)}._styleCheckboxRow_1c56h_198{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-3)}._styleCheckbox_1c56h_198{display:inline-flex;align-items:center;gap:var(--ds-spacing-2);font-size:var(--ds-text-sm);color:var(--shell-text-primary);-webkit-user-select:none;user-select:none}._styleMinHint_1c56h_213{color:var(--shell-text-secondary);font-size:var(--ds-text-xs)}._styleAffinityWarning_1c56h_218{margin:var(--ds-spacing-3) 0 var(--ds-spacing-4);padding:var(--ds-spacing-2) var(--ds-spacing-3);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-strong);background:var(--shell-bg-muted);color:var(--shell-text-secondary);font-size:var(--ds-text-xs)}._tokenDiffEmpty_1c56h_229{margin-top:var(--ds-spacing-3);padding:var(--ds-spacing-3);border:var(--ds-border-width) dashed var(--shell-border-subtle);border-radius:var(--ds-radius-sm);color:var(--shell-text-secondary);font-size:var(--ds-text-sm)}._tokenDiffTableWrap_1c56h_239{overflow-x:auto;border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md);margin-top:var(--ds-spacing-4)}._tokenDiffTable_1c56h_239{width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--ds-text-sm)}._tokenDiffTable_1c56h_239 th,._tokenDiffTable_1c56h_239 td{padding:var(--ds-spacing-2) var(--ds-spacing-3);text-align:left;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle);vertical-align:middle}._tokenDiffTable_1c56h_239 th{font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-secondary);background:var(--shell-bg-muted)}._tokenDiffNameTh_1c56h_267,._tokenDiffNameTd_1c56h_268{width:var(--ds-component-size-preset-input-min);min-width:var(--ds-component-size-preset-input-min)}._tokenDiffNameCode_1c56h_273{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--ds-text-xs);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._tokenDiffValueTd_1c56h_282{word-break:break-all}._tokenDiffValueTh_1c56h_286{min-width:var(--ds-component-size-dropdown-sm-min)}._tokenDiffValueCode_1c56h_290{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--ds-text-xs)}._tokenDiffDifferent_1c56h_295{background:var(--shell-bg-primary-subtle)}}@layer shell{._diagram_13tfu_3{display:flex;flex-direction:column;gap:var(--ds-spacing-6)}._section_13tfu_9{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._sectionTitle_13tfu_15{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin:0;padding-bottom:var(--ds-spacing-2);border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._propertyGrid_13tfu_25{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ds-component-size-select-lg-min),1fr));gap:var(--ds-spacing-3)}._propertyCard_13tfu_31{display:flex;flex-direction:column;gap:var(--ds-spacing-2);padding:var(--ds-spacing-3) var(--ds-spacing-4);background-color:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md)}._propertyHeader_13tfu_41{display:flex;flex-direction:column;gap:var(--ds-spacing-0-5)}._propertyLabel_13tfu_47{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary)}._propertyDesc_13tfu_53{font-size:var(--ds-text-xs);color:var(--shell-text-muted)}._scaleList_13tfu_58{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-1)}._scaleTag_13tfu_64{font-size:var(--ds-text-xs);padding:var(--ds-spacing-0-5) var(--ds-spacing-1-5);background-color:var(--shell-bg-muted);border-radius:var(--ds-radius-sm);color:var(--shell-text-secondary)}._cssVar_13tfu_72{font-size:var(--ds-text-xs);font-family:ui-monospace,monospace;color:var(--shell-text-muted)}._hierarchySection_13tfu_79{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._hierarchyGrid_13tfu_85{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-4);align-items:flex-end}._hierarchyItem_13tfu_92{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-2);padding:var(--ds-spacing-3);background-color:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md);min-width:var(--ds-component-size-token-value-col)}._sizePreview_13tfu_104{color:var(--shell-text-primary);font-weight:var(--ds-font-weight-medium);line-height:1}._sizeInfo_13tfu_110{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-0-5)}._sizeName_13tfu_117{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary)}._sizeValue_13tfu_123{font-size:var(--ds-text-xs);font-family:ui-monospace,monospace;color:var(--shell-text-muted)}._sizeUse_13tfu_129{font-size:var(--ds-text-xs);color:var(--shell-text-secondary)}._semanticSection_13tfu_135{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._semanticGrid_13tfu_141{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ds-component-size-select-lg-min),1fr));gap:var(--ds-spacing-3)}._semanticItem_13tfu_147{display:flex;flex-direction:column;gap:var(--ds-spacing-2);padding:var(--ds-spacing-3) var(--ds-spacing-4);background-color:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md)}._semanticHeader_13tfu_157{display:flex;align-items:center;gap:var(--ds-spacing-2)}._roleCode_13tfu_163{font-size:var(--ds-text-code-size);font-family:ui-monospace,monospace;padding:var(--ds-spacing-0-5) var(--ds-spacing-1);background-color:var(--shell-bg-muted);border-radius:var(--ds-radius-sm);color:var(--shell-text-primary)}._arrow_13tfu_172{font-size:var(--ds-text-xs);color:var(--shell-text-muted)}._styleCode_13tfu_177{font-size:var(--ds-text-code-size);font-family:ui-monospace,monospace;color:var(--shell-text-secondary)}._roleDesc_13tfu_183{font-size:var(--ds-text-xs);color:var(--shell-text-muted)}._roleExample_13tfu_188{font-size:var(--ds-text-sm);color:var(--shell-text-primary);font-style:italic}}@layer shell{._detailPreview_19379_4{margin-top:var(--ds-spacing-4);padding-top:var(--ds-spacing-4);border-top:var(--ds-border-width) solid var(--shell-border-default);color:var(--shell-text-primary)}}@layer shell{._diagram_1v13w_2{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-spacing-4);width:100%}._layerCard_1v13w_9{display:flex;flex-direction:column;gap:var(--ds-spacing-3);padding:var(--ds-spacing-4);background-color:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md)}._layerTitle_1v13w_19{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin:0;padding-bottom:var(--ds-spacing-2);border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._layerNote_1v13w_28{font-size:var(--ds-text-xs);color:var(--shell-text-muted);margin:0}._categoryList_1v13w_34{margin:0;display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._categoryRow_1v13w_41{display:flex;align-items:baseline;gap:var(--ds-spacing-2);margin:0}._categoryLabel_1v13w_48{font-size:var(--ds-text-xs);font-family:ui-monospace,monospace;color:var(--shell-text-secondary);min-width:6.5em;flex-shrink:0;margin:0}._categoryDesc_1v13w_57{font-size:var(--ds-text-xs);color:var(--shell-text-muted);margin:0}@media (max-width: var(--ds-breakpoint-md)){._diagram_1v13w_2{grid-template-columns:1fr}}}@layer shell{._tokenTableWrap_1lk4l_4{overflow-x:auto;border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-spacing-4)}._tokenTableWrap_1lk4l_4:last-child{margin-bottom:0}._tokenTable_1lk4l_4{width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--ds-text-sm)}._tokenTable_1lk4l_4 th,._tokenTable_1lk4l_4 td{padding:var(--ds-spacing-2) var(--ds-spacing-3);text-align:left;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle);vertical-align:middle}._tokenTable_1lk4l_4 th{font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-secondary);background:var(--shell-bg-muted)}._tokenTable_1lk4l_4 th:nth-child(1),._tokenTable_1lk4l_4 ._tokenNameCell_1lk4l_38{width:var(--ds-component-size-token-name-col);min-width:var(--ds-component-size-token-name-col)}._tokenTable_1lk4l_4 th:nth-child(3),._tokenTable_1lk4l_4 ._tokenSwatchCell_1lk4l_44,._tokenTable_1lk4l_4 ._tokenSwatchTh_1lk4l_45{width:var(--ds-component-size-token-swatch-col);min-width:var(--ds-component-size-token-swatch-col)}._tokenTable_1lk4l_4 ._tokenValueCell_1lk4l_50{word-break:break-all}._tokenCategoryFullRow_1lk4l_56{width:100%;margin-top:var(--ds-spacing-6)}._tokenCategoryFullRow_1lk4l_56:first-of-type{margin-top:var(--ds-spacing-4)}._tokenTable_1lk4l_4 td{color:var(--shell-text-primary)}._tokenTable_1lk4l_4 tr:last-child td{border-bottom:none}._tokenTable_1lk4l_4 ._tokenNameCell_1lk4l_38{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--ds-text-xs);min-width:0}._tokenTable_1lk4l_4 ._tokenNameInner_1lk4l_79{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._tokenTable_1lk4l_4 ._tokenSwatchCell_1lk4l_44{width:var(--ds-component-size-token-swatch-col)}._tokenTable_1lk4l_4 ._tokenSwatchTh_1lk4l_45{width:var(--ds-component-size-token-swatch-col);min-width:var(--ds-component-size-token-swatch-col);text-align:center;white-space:nowrap}._tokenTable_1lk4l_4 ._tokenValueCell_1lk4l_50[data-structured]{white-space:pre-line;font-size:var(--ds-text-xs);line-height:1.5;vertical-align:top}._tokenTable_1lk4l_4 ._tokenSwatch_1lk4l_44{display:inline-block;width:var(--ds-size-sm);height:var(--ds-size-sm);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-subtle);vertical-align:middle}._tokenDetail_1lk4l_114{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._componentLayout_1lk4l_121{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--ds-spacing-6);align-items:flex-start}._previewCard_1lk4l_128{padding:var(--ds-spacing-4);border-radius:var(--ds-radius-lg);border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle);background-color:var(--ds-color-bg-base);display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._previewTitle_1lk4l_138{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-secondary);margin:0}._previewBody_1lk4l_145{display:flex;flex-direction:column;gap:var(--ds-spacing-3)}._tokenCategoryGrid_1lk4l_152{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ds-component-size-token-grid-min),1fr));gap:var(--ds-spacing-6);width:100%}@media (min-width: var(--ds-breakpoint-lg)){._tokenCategoryGrid_1lk4l_152{grid-template-columns:repeat(2,1fr)}}@media (min-width: var(--ds-breakpoint-xl)){._tokenCategoryGrid_1lk4l_152{grid-template-columns:repeat(3,1fr)}}._tokenCategory_1lk4l_56{margin-bottom:0;min-width:0}._tokenCategoryGrid_1lk4l_152 ._tokenCategory_1lk4l_56{margin-bottom:0}._tokenCategoryGrid_1lk4l_152 ._tokenCategory_1lk4l_56:last-child{margin-bottom:0}._categoryTitle_1lk4l_184{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-primary);margin:0 0 var(--ds-spacing-1)}._tokenLabControls_1lk4l_192{margin-top:var(--ds-spacing-4)}._controlRow_1lk4l_196{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-4);align-items:center}._controlGroup_1lk4l_203{display:flex;align-items:center;gap:var(--ds-spacing-2)}._controlLabel_1lk4l_209{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-secondary);white-space:nowrap}._controlInput_1lk4l_216{background:var(--shell-bg-muted);border:var(--ds-border-width) solid var(--shell-border-subtle);color:var(--shell-text-primary);border-radius:var(--ds-radius-sm);padding:var(--ds-spacing-1) var(--ds-spacing-2);font-size:var(--ds-text-sm);min-width:var(--ds-component-size-token-input-min)}._controlSelect_1lk4l_226{appearance:none;background:var(--shell-bg-muted);border:var(--ds-border-width) solid var(--shell-border-subtle);color:var(--shell-text-primary);border-radius:var(--ds-radius-sm);padding:var(--ds-spacing-1) var(--ds-spacing-2);font-size:var(--ds-text-sm)}._controlSelect_1lk4l_226:hover{background:var(--shell-bg-surface);border-color:var(--shell-border-default)}._controlSelect_1lk4l_226:focus-visible{outline:var(--ds-focus-ring-width) solid var(--shell-border-focus);outline-offset:var(--ds-focus-ring-offset);border-color:var(--shell-border-focus)}._groupHeaderBtn_1lk4l_248{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--ds-spacing-2);background:none;border:none;padding:0;margin:0 0 var(--ds-spacing-1) 0;cursor:pointer;text-align:left;font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-primary)}._groupHeaderIcon_1lk4l_266{color:var(--shell-text-secondary);font-size:var(--ds-text-xs);flex:0 0 auto}}@layer ds{._controlsStack_1pll2_3{display:flex;flex-direction:column;gap:var(--ds-spacing-5)}._previewGrid_1pll2_9{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-spacing-6);align-items:start;margin-left:auto;margin-right:auto;max-width:var(--app-max-width)}@media (max-width: var(--ds-breakpoint-md)){._previewGrid_1pll2_9{grid-template-columns:1fr}}._panel_1pll2_25{min-width:0}._panelHeader_1pll2_29{margin-bottom:var(--ds-spacing-3)}._panelHeaderTitle_1pll2_33{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-secondary);margin:0 0 var(--ds-spacing-1) 0}._panelHeaderDescription_1pll2_40{font-size:var(--ds-text-xs);color:var(--ds-color-text-muted);margin:0;line-height:1.4}._previewContainer_1pll2_47{padding:var(--ds-spacing-6);background-color:var(--ds-color-bg-base);border-radius:var(--ds-radius-lg);border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle)}._previewContainerSystem_1pll2_54{background-color:var(--ds-color-bg-muted)}._previewSection_1pll2_58{margin-bottom:var(--ds-spacing-8)}._previewSection_1pll2_58:last-child{margin-bottom:0}._previewSectionTitle_1pll2_66{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-secondary);margin:0 0 var(--ds-spacing-4) 0;padding-bottom:var(--ds-spacing-2);border-bottom:var(--ds-border-width) solid var(--ds-color-border-subtle)}._previewPageTitle_1pll2_75{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-spacing-2) 0}._previewSectionSubtitle_1pll2_82{font-size:var(--ds-text-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-spacing-2) 0}._previewBody_1pll2_89{font-size:var(--ds-text-md);color:var(--ds-color-text-primary);margin:0;line-height:1.5}._previewRow_1pll2_96{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-3)}._cardAction_1pll2_102{margin-top:var(--ds-spacing-4)}._systemPreview_1pll2_106{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._statusRow_1pll2_112{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-3)}._statusChip_1pll2_118{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium)}._neutralSwatch_1pll2_123{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-2)}._neutralSwatchItem_1pll2_129{width:2.5rem;height:2.5rem;border-radius:var(--ds-radius-md);border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle);flex-shrink:0}}@layer shell{._content_ae3ga_3{display:grid;grid-template-columns:var(--ds-component-size-preset-sidebar) minmax(0,1fr);gap:var(--ds-spacing-6);min-height:0;width:100%;min-width:0;align-items:start;flex:1}._leftColumn_ae3ga_14{display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._section_ae3ga_21{display:flex;flex-direction:column;gap:var(--ds-spacing-3)}._sectionHeader_ae3ga_27{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-spacing-2)}._sectionTitle_ae3ga_34{font-size:var(--ds-text-caption-size);font-weight:var(--ds-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--shell-text-secondary);margin:0}._paletteList_ae3ga_43{display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._flatCard_ae3ga_49{padding:var(--ds-spacing-2) var(--ds-spacing-3);background:var(--shell-bg-subtle);border:var(--ds-border-width) solid transparent;border-radius:var(--ds-radius-md);transition:border-color .15s,background .15s}._flatCard_ae3ga_49:hover{border-color:var(--shell-border-default);background:var(--shell-bg-base)}._paletteRow_ae3ga_62{display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._paletteLabel_ae3ga_68{font-size:var(--ds-text-xs);font-weight:500;color:var(--shell-text-tertiary);text-transform:uppercase;letter-spacing:.03em}._paletteInputRow_ae3ga_76{display:flex;align-items:center;gap:var(--ds-spacing-2);min-width:0}._colorSwatch_ae3ga_83{width:var(--ds-size-sm);height:var(--ds-size-sm);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-default);flex-shrink:0;cursor:pointer;position:relative;overflow:hidden}._colorSwatch_ae3ga_83 input[type=color]{position:absolute;inset:0;width:100%;height:100%;border:none;cursor:pointer;opacity:0}._hexInput_ae3ga_104{flex:1;min-width:0;height:var(--ds-size-sm);padding:0 var(--ds-spacing-2);font-size:var(--ds-text-sm);font-family:ui-monospace,monospace;color:var(--shell-text-primary);background:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-default);border-radius:var(--ds-radius-sm);outline:none}._hexInput_ae3ga_104:focus{border-color:var(--shell-action-primary)}._paletteDeleteSlot_ae3ga_122{width:var(--ds-size-sm);height:var(--ds-size-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center}._paletteClearBtn_ae3ga_131{width:var(--ds-size-sm);height:var(--ds-size-sm);padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--shell-text-tertiary);cursor:pointer;border-radius:var(--ds-radius-sm)}._paletteClearBtn_ae3ga_131:hover{background:var(--sys-color-error-subtle);color:var(--sys-color-error)}._settingsList_ae3ga_150{display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._settingRow_ae3ga_156{display:flex;align-items:center;gap:var(--ds-spacing-3);padding:var(--ds-spacing-2) var(--ds-spacing-3);background:var(--shell-bg-subtle);border:var(--ds-border-width) solid transparent;border-radius:var(--ds-radius-md)}._settingLabel_ae3ga_166{font-size:var(--ds-text-sm);font-weight:500;color:var(--shell-text-primary);white-space:nowrap;min-width:var(--ds-component-size-setting-label-min)}._settingSelect_ae3ga_174{flex:1;min-width:var(--ds-component-size-preset-input-min);--ds-color-bg-surface: var(--shell-bg-surface);--ds-color-bg-muted: var(--shell-bg-muted);--ds-color-bg-elevated: var(--shell-bg-elevated);--ds-color-text-primary: var(--shell-text-primary);--ds-color-text-secondary: var(--shell-text-secondary);--ds-color-text-muted: var(--shell-text-muted);--ds-color-text-on-action-primary: var(--shell-text-on-action);--ds-color-text-on-action-secondary: var(--shell-text-on-action);--ds-color-text-on-action-accent: var(--shell-text-on-action);--ds-color-border-default: var(--shell-border-default);--ds-color-border-subtle: var(--shell-border-subtle);--ds-color-border-focus: var(--shell-border-focus);--ds-color-action-primary-default: var(--shell-action-primary)}._settingSelect_ae3ga_174>div{width:100%}._presetBrowser_ae3ga_199{display:flex;flex-direction:column;gap:var(--ds-spacing-4);min-height:0}._presetTabsWrapper_ae3ga_206{display:flex;flex-direction:column;gap:var(--ds-spacing-2)}._presetPanel_ae3ga_212{margin-top:var(--ds-spacing-2);min-height:0}._presetList_ae3ga_217{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ds-component-size-dropdown-sm-min),1fr));gap:var(--ds-spacing-3)}._presetItem_ae3ga_223{display:flex;flex-direction:column;gap:var(--ds-spacing-2);padding:var(--ds-spacing-3);background:var(--shell-bg-subtle);border:var(--ds-border-width) solid transparent;border-radius:var(--ds-radius-md);cursor:pointer;transition:all .15s;text-align:left;width:100%}._presetItem_ae3ga_223:hover{border-color:var(--shell-border-default);background:var(--shell-bg-base)}._presetBadge_ae3ga_242{font-size:var(--ds-text-caption-size);font-weight:600;text-transform:uppercase;letter-spacing:.02em;padding:var(--ds-spacing-0-5) var(--ds-spacing-1-5);border-radius:var(--ds-radius-sm);align-self:flex-start}._presetBadges_ae3ga_252{display:flex;align-items:center;gap:var(--ds-spacing-1);flex-wrap:wrap}._presetBadge_ae3ga_242._yamang_ae3ga_259{background:var(--shell-action-primary);color:var(--shell-text-on-action)}._styleBadge_ae3ga_264{font-size:var(--ds-text-caption-size);font-weight:500;text-transform:uppercase;letter-spacing:.02em;padding:var(--ds-spacing-0-5) var(--ds-spacing-1);border-radius:var(--ds-radius-sm);background:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-subtle);color:var(--shell-text-secondary)}._semanticDot_ae3ga_276{color:var(--shell-text-tertiary);font-weight:700;font-size:var(--ds-text-sm);line-height:1}._appliedBadge_ae3ga_283{display:inline-flex;align-items:center;justify-content:center;color:var(--shell-action-primary)}._presetBadge_ae3ga_242._custom_ae3ga_290{background:var(--shell-badge-custom, var(--shell-text-muted));color:var(--shell-text-on-action)}._presetBadge_ae3ga_242._natural_ae3ga_295{background:var(--shell-badge-natural, var(--shell-text-muted));color:var(--shell-text-on-action)}._presetBadge_ae3ga_242._category_ae3ga_300{background:var(--shell-text-muted);color:var(--shell-text-on-action)}._presetName_ae3ga_305{font-size:var(--ds-text-sm);font-weight:500;color:var(--shell-text-primary);line-height:1.3}._presetColors_ae3ga_312{display:flex;gap:var(--ds-spacing-1)}._presetDot_ae3ga_317{width:var(--ds-icon-size-sm);height:var(--ds-icon-size-sm);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-subtle)}._presetDeleteSlot_ae3ga_324{width:var(--ds-size-sm);height:var(--ds-size-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:auto}._deleteBtn_ae3ga_334{width:var(--ds-size-sm);height:var(--ds-size-sm);padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--shell-text-tertiary);cursor:pointer;border-radius:var(--ds-radius-sm)}._deleteBtn_ae3ga_334:hover{background:var(--sys-color-error-subtle);color:var(--sys-color-error)}._saveRow_ae3ga_354{display:flex;align-items:center;gap:var(--ds-spacing-2);min-width:0}._saveRow_ae3ga_354 ._saveInlineInput_ae3ga_361{flex:1;min-width:0}._saveBtn_ae3ga_366{display:inline-flex;align-items:center;gap:var(--ds-spacing-1);padding:var(--ds-spacing-1) var(--ds-spacing-2);font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-default);border-radius:var(--ds-radius-sm);cursor:pointer}._saveBtn_ae3ga_366:hover{color:var(--shell-action-primary);border-color:var(--shell-action-primary)}._presetSubTabs_ae3ga_385{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-1)}._presetSubTab_ae3ga_385{padding:var(--ds-spacing-1) var(--ds-spacing-3);font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background:none;border:var(--ds-border-width) solid transparent;border-radius:var(--ds-radius-sm);cursor:pointer}._presetSubTab_ae3ga_385:hover{color:var(--shell-text-primary)}._presetSubTabActive_ae3ga_405{color:var(--shell-text-primary);font-weight:var(--ds-font-weight-medium);border-color:var(--shell-border-default);background:var(--shell-bg-subtle)}._presetItemApplied_ae3ga_413{border-color:var(--shell-action-primary);background:var(--shell-bg-base);box-shadow:0 0 0 var(--ds-focus-ring-width) var(--shell-action-primary)}._saveInlineInput_ae3ga_361{min-width:var(--ds-component-size-preset-input-min);height:var(--ds-size-sm);padding:0 var(--ds-spacing-2);font-size:var(--ds-text-sm);color:var(--shell-text-primary);background:var(--shell-bg-base);border:var(--ds-border-width) solid var(--shell-border-default);border-radius:var(--ds-radius-sm);outline:none}._saveInlineInput_ae3ga_361:focus{border-color:var(--shell-action-primary)}._iconBtn_ae3ga_435{display:flex;align-items:center;justify-content:center;width:var(--ds-size-sm);height:var(--ds-size-sm);padding:0;background:none;border:none;color:var(--shell-text-tertiary);cursor:pointer;border-radius:var(--ds-radius-sm);transition:color .15s,background .15s}._iconBtn_ae3ga_435:hover{color:var(--shell-action-primary);background:var(--shell-bg-hover)}}@layer shell{._grid_17foq_3{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:0;overflow:hidden;gap:var(--ds-spacing-3)}._hint_17foq_14{margin:0;font-size:var(--ds-text-xs);color:var(--shell-text-secondary);flex-shrink:0}._columns_17foq_21{display:flex;gap:var(--ds-spacing-2);flex-shrink:0;justify-content:center}._column_17foq_21{display:flex;flex-direction:column;gap:var(--ds-spacing-0-5);flex-shrink:0}._scaleLabel_17foq_35{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-secondary);text-transform:capitalize;text-align:center;padding-bottom:var(--ds-spacing-0-5)}._stepGrid_17foq_44{display:flex;flex-direction:column;gap:var(--ds-spacing-0-5)}._cell_17foq_50{width:var(--ds-component-size-swatch-md);height:var(--ds-component-size-swatch-md);min-width:var(--ds-component-size-swatch-md);min-height:var(--ds-component-size-swatch-md);padding:0;border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-sm);cursor:pointer;position:relative;transition:box-shadow .15s ease,transform .1s ease}._cell_17foq_50:not(:disabled):hover{box-shadow:0 0 0 var(--ds-focus-ring-width) var(--shell-action-primary);transform:scale(1.05)}._cell_17foq_50:disabled{cursor:default;opacity:.85}._cellIcon_17foq_73{position:absolute;bottom:0;right:0;width:var(--ds-text-xs);height:var(--ds-text-xs);display:flex;align-items:center;justify-content:center;background:var(--shell-overlay);border-radius:var(--ds-spacing-0-5) 0 var(--ds-spacing-1) 0;color:var(--shell-text-on-action)}._cell_17foq_50[data-recommended] ._cellIcon_17foq_73{background:var(--sys-color-success)}._cell_17foq_50[data-warning] ._cellIcon_17foq_73{background:var(--sys-color-warning);color:var(--shell-text-primary)}}@layer shell{._root_1bymd_3{display:flex;flex-direction:column;min-height:0;flex:1;width:100%;min-width:0}._actionRow_1bymd_12{display:flex;align-items:center;gap:var(--ds-spacing-3);padding:var(--ds-spacing-2) 0;margin-bottom:var(--ds-spacing-2);flex-shrink:0}._paletteBadge_1bymd_21{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-secondary);padding:var(--ds-spacing-1) var(--ds-spacing-2);background:var(--shell-bg-subtle);border-radius:var(--ds-radius-sm)}._actionGroup_1bymd_30{display:flex;align-items:center;gap:var(--ds-spacing-2);margin-left:auto}._hiddenInput_1bymd_37{position:absolute;width:0;height:0;opacity:0;pointer-events:none}._resetBtn_1bymd_45{display:inline-flex;align-items:center;gap:var(--ds-spacing-2);padding:var(--ds-spacing-2) var(--ds-spacing-3);font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background:none;border:var(--ds-border-width) solid var(--shell-border-default);border-radius:var(--ds-radius-md);cursor:pointer}._resetBtn_1bymd_45:hover{color:var(--shell-text-primary);background:var(--shell-bg-subtle)}._actionBtn_1bymd_63{display:inline-flex;align-items:center;gap:var(--ds-spacing-2);padding:var(--ds-spacing-2) var(--ds-spacing-3);font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background:none;border:var(--ds-border-width) solid var(--shell-border-default);border-radius:var(--ds-radius-md);cursor:pointer}._actionBtn_1bymd_63:hover{color:var(--shell-text-primary);background:var(--shell-bg-subtle)}._body_1bymd_82{display:flex;flex:1;min-height:0;min-width:0;width:100%;overflow:hidden}._leftSlot_1bymd_91{flex:0 0 var(--ds-component-size-settings-panel-min);min-width:var(--ds-component-size-settings-panel-min);display:flex;align-items:center;justify-content:center;border-right:var(--ds-border-width) solid var(--shell-border-subtle);overflow:hidden}._main_1bymd_101{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;padding:var(--ds-spacing-4)}}@layer shell{._headerIconBtn_clnt2_3{display:inline-flex;align-items:center;justify-content:center;width:var(--ds-size-md);height:var(--ds-size-md);padding:0;color:var(--shell-text-secondary);background:none;border:var(--ds-border-width) solid transparent;border-radius:var(--ds-radius-md);cursor:pointer}._headerIconBtn_clnt2_3:hover{color:var(--shell-text-primary);background:var(--shell-bg-subtle)}._content_clnt2_24{flex:1;min-height:var(--ds-component-size-design-settings-content-min-height);min-width:0;width:100%;display:flex;flex-direction:column;margin-top:var(--ds-spacing-4)}._applyBtn_clnt2_35{display:inline-flex;align-items:center;gap:var(--ds-spacing-2);padding:var(--ds-spacing-2) var(--ds-spacing-4);font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-on-action);background:var(--shell-action-primary);border:none;border-radius:var(--ds-radius-md);cursor:pointer;margin-left:var(--ds-spacing-2)}._applyBtn_clnt2_35:hover:not(:disabled){background:var(--shell-action-hover)}._applyBtn_clnt2_35:disabled{opacity:.5;cursor:not-allowed}._componentMappingRoot_clnt2_61{display:grid;grid-template-columns:var(--shell-size-sidebar-width) minmax(0,1fr);gap:var(--ds-spacing-4);min-height:var(--ds-component-size-component-mapping-min-height);width:100%;min-width:0;align-items:start;flex:1}._componentMappingList_clnt2_72{display:flex;flex-direction:column;gap:var(--ds-spacing-1);padding:var(--ds-spacing-2);background:var(--shell-bg-muted);border-radius:var(--ds-radius-md);border:var(--ds-border-width) solid var(--shell-border-subtle)}._componentMappingListSection_clnt2_82{margin-top:var(--ds-spacing-2)}._componentMappingListSection_clnt2_82:first-child{margin-top:0}._componentMappingListSectionTitle_clnt2_90{font-size:var(--ds-text-caption-size);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--ds-spacing-1) 0;padding:0 var(--ds-spacing-2)}._componentMappingListItem_clnt2_100{display:block;width:100%;padding:var(--ds-spacing-2) var(--ds-spacing-3);font-size:var(--ds-text-sm);color:var(--shell-text-primary);background:transparent;border:none;border-radius:var(--ds-radius-sm);text-align:left;cursor:pointer}._componentMappingListItem_clnt2_100:hover{background:var(--shell-bg-subtle)}._componentMappingListItemActive_clnt2_117{background:var(--shell-action-primary);color:var(--shell-text-on-action)}._componentMappingListItemActive_clnt2_117:hover{background:var(--shell-action-hover)}._componentMappingTableWrap_clnt2_126{padding:var(--ds-spacing-3);background:var(--shell-bg-base);border-radius:var(--ds-radius-md);border:var(--ds-border-width) solid var(--shell-border-subtle);overflow:auto}._componentMappingTable_clnt2_126{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}._componentMappingTable_clnt2_126 th,._componentMappingTable_clnt2_126 td{padding:var(--ds-spacing-2) var(--ds-spacing-3);text-align:left;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle);vertical-align:top}._componentMappingTable_clnt2_126 th{font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-secondary)}._componentMappingTable_clnt2_126 td{color:var(--shell-text-primary)}._componentMappingTable_clnt2_126 code{font-size:.9em;background:var(--shell-bg-muted);padding:var(--ds-spacing-0-5) var(--ds-spacing-1-5);border-radius:var(--ds-radius-sm)}._componentMappingTable_clnt2_126 input{width:100%;min-width:var(--ds-component-size-card-min-width);padding:var(--ds-spacing-1) var(--ds-spacing-2);font-size:var(--ds-text-sm);font-family:inherit;border:var(--ds-border-width) solid var(--shell-border-default);border-radius:var(--ds-radius-sm);background:var(--shell-bg-base);color:var(--shell-text-primary)}._componentMappingTable_clnt2_126 input:focus{outline:none;border-color:var(--shell-border-focus);box-shadow:0 0 0 var(--ds-focus-ring-width) var(--shell-border-focus)}._tokenSwatch_clnt2_182{display:inline-block;width:var(--ds-icon-size-sm);height:var(--ds-icon-size-sm);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) solid var(--shell-border-subtle);margin-right:var(--ds-spacing-1);vertical-align:middle}._clearRowBtn_clnt2_192{padding:var(--ds-spacing-1);background:none;border:none;color:var(--shell-text-muted);cursor:pointer;border-radius:var(--ds-radius-sm)}._clearRowBtn_clnt2_192:hover{color:var(--shell-text-primary);background:var(--shell-bg-muted)}._clearComponentRow_clnt2_206{margin-top:var(--ds-spacing-3);padding-top:var(--ds-spacing-2);border-top:var(--ds-border-width) solid var(--shell-border-subtle)}._clearComponentBtn_clnt2_212{display:inline-flex;align-items:center;gap:var(--ds-spacing-2);padding:var(--ds-spacing-2) var(--ds-spacing-3);font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background:none;border:var(--ds-border-width) solid var(--shell-border-default);border-radius:var(--ds-radius-md);cursor:pointer}._clearComponentBtn_clnt2_212:hover{color:var(--shell-text-primary);background:var(--shell-bg-subtle)}._componentMappingEmpty_clnt2_230{padding:var(--ds-spacing-8);text-align:center;color:var(--shell-text-muted);font-size:var(--ds-text-sm)}}@layer shell{._scaleList_hr10m_3{display:flex;flex-direction:column;gap:var(--ds-spacing-1);width:100%}._scaleRow_hr10m_10{display:grid;grid-template-columns:3rem 14rem 4rem 1fr;align-items:center;gap:var(--ds-spacing-3);padding:var(--ds-spacing-1) 0}._scaleKey_hr10m_18{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-primary);text-align:right}._scaleVar_hr10m_25{font-size:var(--ds-text-xs);color:var(--shell-text-secondary);font-family:var(--ds-font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._scaleValue_hr10m_34{font-size:var(--ds-text-xs);color:var(--shell-text-secondary);text-align:right;white-space:nowrap}._barTrack_hr10m_41{height:12px;background:var(--shell-color-bg-subtle, color-mix(in srgb, var(--shell-border-default) 40%, transparent));border-radius:var(--ds-radius-full);overflow:hidden}._bar_hr10m_41{height:100%;background:var(--ds-color-primary-500);border-radius:var(--ds-radius-full);min-width:2px}._diffLayout_hr10m_56{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-6);width:100%}._diffControls_hr10m_64{display:flex;gap:var(--ds-spacing-6);flex-wrap:wrap;justify-content:center}._diffLabel_hr10m_71{display:flex;align-items:center;gap:var(--ds-spacing-3)}._diffLabelText_hr10m_77{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-primary);min-width:1rem}._diffSelect_hr10m_84{font-size:var(--ds-text-sm);color:var(--shell-text-primary);background:var(--shell-color-bg-base, transparent);border:1px solid var(--shell-border-default);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-1) var(--ds-spacing-2);cursor:pointer}._diffVisual_hr10m_94{display:flex;flex-direction:column;align-items:center}._diffBlocks_hr10m_101{display:flex;align-items:flex-end;justify-content:center;gap:var(--ds-spacing-6);height:96px;border-bottom:1px solid var(--shell-border-default);width:100%}._diffLabels_hr10m_111{display:flex;justify-content:center;gap:var(--ds-spacing-6);padding-top:var(--ds-spacing-2)}._diffBlockA_hr10m_118{width:48px;flex-shrink:0;background:var(--ds-color-primary-500);border-radius:var(--ds-radius-sm) var(--ds-radius-sm) 0 0;min-height:2px}._diffBlockB_hr10m_126{width:48px;flex-shrink:0;background:var(--ds-color-secondary-500, var(--ds-color-accent-500));border-radius:var(--ds-radius-sm) var(--ds-radius-sm) 0 0;min-height:2px}._diffBlockDelta_hr10m_134{width:48px;flex-shrink:0;background:color-mix(in srgb,var(--ds-color-primary-500) 30%,transparent);border:1px dashed var(--ds-color-primary-500);border-radius:var(--ds-radius-sm) var(--ds-radius-sm) 0 0;min-height:2px;box-sizing:border-box}._diffBlockLabel_hr10m_144{width:48px;flex-shrink:0;font-size:var(--ds-text-xs);color:var(--shell-text-secondary);font-family:var(--ds-font-mono);white-space:nowrap;text-align:center}._diffEqual_hr10m_154{font-size:var(--ds-text-sm);color:var(--shell-text-secondary);font-style:italic;align-self:center}._contextTabs_hr10m_162{display:flex;gap:var(--ds-spacing-2);margin-bottom:var(--ds-spacing-5)}._contextTab_hr10m_162{font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background:transparent;border:1px solid var(--shell-border-default);border-radius:var(--ds-radius-full);padding:var(--ds-spacing-1) var(--ds-spacing-3);cursor:pointer;transition:background .15s,color .15s,border-color .15s}._contextTab_hr10m_162:hover{color:var(--shell-text-primary);border-color:var(--shell-text-secondary)}._contextTabActive_hr10m_184{background:var(--ds-color-primary-500);border-color:var(--ds-color-primary-500);color:var(--ds-color-text-on-primary)}._contextGrid_hr10m_190{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--ds-spacing-4);width:100%}._contextCard_hr10m_197{display:flex;flex-direction:column;gap:var(--ds-spacing-2);align-items:center}._contextLabel_hr10m_204{font-size:var(--ds-text-xs);color:var(--shell-text-secondary);font-family:var(--ds-font-mono);white-space:nowrap}._contextPaddingOuter_hr10m_212{width:100%;border:1px dashed var(--shell-border-default);border-radius:var(--ds-radius-md);overflow:hidden}._contextPaddingInner_hr10m_219{background:color-mix(in srgb,var(--ds-color-primary-500) 15%,transparent)}._contextContent_hr10m_223{height:24px;background:var(--ds-color-primary-500);border-radius:var(--ds-radius-sm)}._contextGapRow_hr10m_230{display:flex;align-items:stretch;width:100%;height:24px}._contextBlock_hr10m_237{flex:1;min-width:0;background:var(--ds-color-primary-500);border-radius:var(--ds-radius-sm)}._contextGap_hr10m_230{background:color-mix(in srgb,var(--ds-color-accent-500) 35%,transparent);border-left:1px dashed color-mix(in srgb,var(--ds-color-accent-500) 80%,transparent);border-right:1px dashed color-mix(in srgb,var(--ds-color-accent-500) 80%,transparent);min-width:1px}._contextMarginOuter_hr10m_252{width:100%;min-height:64px;border:1px dashed var(--shell-border-default);border-radius:var(--ds-radius-md);overflow:hidden;display:flex;align-items:stretch}._contextMarginBox_hr10m_262{flex:1;background:var(--ds-color-primary-500);border-radius:var(--ds-radius-sm);min-height:24px}}@layer shell{._bpTabs_17x7x_3{display:flex;gap:var(--ds-spacing-2);margin-bottom:var(--ds-spacing-5);flex-wrap:wrap}._bpTab_17x7x_3{font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background:transparent;border:1px solid var(--shell-border-default);border-radius:var(--ds-radius-full);padding:var(--ds-spacing-1) var(--ds-spacing-3);cursor:pointer;transition:background .15s,color .15s,border-color .15s}._bpTab_17x7x_3:hover{color:var(--shell-text-primary);border-color:var(--shell-text-secondary)}._bpTabActive_17x7x_26{background:var(--ds-color-primary-500);border-color:var(--ds-color-primary-500);color:var(--ds-color-text-on-primary)}._previewMeta_17x7x_33{display:flex;gap:var(--ds-spacing-6);margin-bottom:var(--ds-spacing-4);flex-wrap:wrap}._metaItem_17x7x_40{display:flex;align-items:center;gap:var(--ds-spacing-2)}._metaLabel_17x7x_46{font-size:var(--ds-text-xs);color:var(--shell-text-secondary)}._metaValue_17x7x_51{font-size:var(--ds-text-sm);font-family:var(--ds-font-mono);color:var(--shell-text-primary)}._previewCanvas_17x7x_58{position:relative;width:100%;height:160px;border-radius:var(--ds-radius-md);overflow:hidden;border:1px solid var(--shell-border-default);background:color-mix(in srgb,var(--shell-border-default) 20%,transparent)}._overlayWrapper_17x7x_68{position:absolute;inset:0;pointer-events:none}._overlayFlex_17x7x_74{display:flex;height:100%;width:100%}._overlayColumn_17x7x_80{flex:1;height:100%;background:color-mix(in srgb,var(--ds-color-primary-500) 12%,transparent);border-left:1px solid color-mix(in srgb,var(--ds-color-primary-500) 30%,transparent);border-right:1px solid color-mix(in srgb,var(--ds-color-primary-500) 30%,transparent)}._overlayGutter_17x7x_88{height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 3px,color-mix(in srgb,var(--ds-color-primary-500) 15%,transparent) 3px,color-mix(in srgb,var(--ds-color-primary-500) 15%,transparent) 6px);border-left:1px dashed color-mix(in srgb,var(--ds-color-primary-500) 30%,transparent);border-right:1px dashed color-mix(in srgb,var(--ds-color-primary-500) 30%,transparent)}._overlayMarginLeft_17x7x_101,._overlayMarginRight_17x7x_102{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--ds-color-accent-500) 15%,transparent)}._overlayMarginLeft_17x7x_101{left:0}._overlayMarginRight_17x7x_102{right:0}._canvasContent_17x7x_117{position:absolute;inset:0;display:flex;align-items:center}._contentFlex_17x7x_124{display:flex;align-items:center;width:100%}._contentBlock_17x7x_130{flex:1;height:40px;background:color-mix(in srgb,var(--ds-color-primary-500) 25%,transparent);border-radius:var(--ds-radius-sm)}._bpTable_17x7x_138{display:flex;flex-direction:column;width:100%;border:1px solid var(--shell-border-default);border-radius:var(--ds-radius-md);overflow:hidden;font-size:var(--ds-text-sm)}._bpTableHeader_17x7x_148{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:var(--ds-spacing-3);padding:var(--ds-spacing-2) var(--ds-spacing-4);background:color-mix(in srgb,var(--shell-border-default) 40%,transparent);color:var(--shell-text-secondary);font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium)}._bpTableRow_17x7x_159{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:var(--ds-spacing-3);padding:var(--ds-spacing-2) var(--ds-spacing-4);border-top:1px solid var(--shell-border-default);color:var(--shell-text-primary);align-items:center}._bpName_17x7x_169{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--ds-color-primary-600, var(--ds-color-primary-500))}._bpCell_17x7x_175{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--shell-text-secondary)}._specsGrid_17x7x_182{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--ds-spacing-4);width:100%}._specCard_17x7x_189{border:1px solid var(--shell-border-default);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-4);display:flex;flex-direction:column;gap:var(--ds-spacing-2)}._specCardTitle_17x7x_198{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-primary);margin:0 0 var(--ds-spacing-1) 0}._specRow_17x7x_205{display:flex;justify-content:space-between;align-items:center}._specLabel_17x7x_211{font-size:var(--ds-text-xs);color:var(--shell-text-secondary)}._specValue_17x7x_216{font-size:var(--ds-text-xs);font-family:var(--ds-font-mono);color:var(--shell-text-primary)}._specMiniGrid_17x7x_222{display:flex;gap:3px;margin-top:var(--ds-spacing-2);height:20px}._specMiniCol_17x7x_229{flex:1;background:color-mix(in srgb,var(--ds-color-primary-500) 30%,transparent);border-radius:2px}}@layer shell{._replayBar_fod8e_3{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-spacing-5);flex-wrap:wrap;gap:var(--ds-spacing-3)}._replaySub_fod8e_12{font-size:var(--ds-text-xs);color:var(--shell-text-secondary)}._replayBtn_fod8e_17{font-size:var(--ds-text-sm);color:var(--shell-text-primary);background:transparent;border:1px solid var(--shell-border-default);border-radius:var(--ds-radius-full);padding:var(--ds-spacing-1) var(--ds-spacing-3);cursor:pointer;transition:background .15s,border-color .15s}._replayBtn_fod8e_17:hover{border-color:var(--ds-color-primary-500);color:var(--ds-color-primary-500)}._durationList_fod8e_34{display:flex;flex-direction:column;gap:var(--ds-spacing-3);width:100%}._durationRow_fod8e_41{display:grid;grid-template-columns:5rem 12rem 4rem 1fr;align-items:center;gap:var(--ds-spacing-3)}._durationKey_fod8e_48{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-primary)}._durationVar_fod8e_54{font-size:var(--ds-text-xs);color:var(--shell-text-secondary);font-family:var(--ds-font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._durationValue_fod8e_63{font-size:var(--ds-text-xs);color:var(--shell-text-secondary);font-family:var(--ds-font-mono);text-align:right;white-space:nowrap}._animTrack_fod8e_72{position:relative;height:28px;background:color-mix(in srgb,var(--shell-border-default) 40%,transparent);border-radius:var(--ds-radius-full);overflow:hidden}._animBall_fod8e_80{position:absolute;top:50%;left:4px;width:20px;height:20px;border-radius:50%;transform:translateY(-50%);animation:_slide_fod8e_1 var(--anim-duration, .2s) var(--anim-easing, ease) both}@keyframes _slide_fod8e_1{0%{left:4px}to{left:calc(100% - 24px)}}._durationSelector_fod8e_97{display:flex;align-items:center;gap:var(--ds-spacing-2);flex-wrap:wrap}._durationPill_fod8e_104{font-size:var(--ds-text-xs);color:var(--shell-text-secondary);background:transparent;border:1px solid var(--shell-border-default);border-radius:var(--ds-radius-full);padding:2px var(--ds-spacing-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}._durationPill_fod8e_104:hover{color:var(--shell-text-primary);border-color:var(--shell-text-secondary)}._durationPillActive_fod8e_120{background:var(--ds-color-primary-500);border-color:var(--ds-color-primary-500);color:var(--ds-color-text-on-primary)}._easingGrid_fod8e_127{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ds-spacing-4);width:100%}._easingCard_fod8e_134{border:1px solid var(--shell-border-default);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-4);display:flex;flex-direction:column;gap:var(--ds-spacing-3)}._easingCardHeader_fod8e_143{display:flex;align-items:center;gap:var(--ds-spacing-3)}._easingCardMeta_fod8e_149{display:flex;flex-direction:column;gap:var(--ds-spacing-1);min-width:0}._easingKey_fod8e_156{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-primary)}._easingValue_fod8e_162{font-size:10px;color:var(--shell-text-secondary);font-family:var(--ds-font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._curveSvg_fod8e_172{flex-shrink:0}._curveGrid_fod8e_176{stroke:var(--shell-border-default);stroke-width:1}._curvePath_fod8e_181{stroke:var(--ds-color-primary-500);stroke-width:2;fill:none;stroke-linecap:round}._curveHandle_fod8e_188{stroke:color-mix(in srgb,var(--shell-text-secondary) 50%,transparent);stroke-width:1;stroke-dasharray:2 2}._curveHandleDot_fod8e_194{fill:color-mix(in srgb,var(--ds-color-primary-500) 60%,transparent)}._curveEndDot_fod8e_198{fill:var(--ds-color-primary-500)}._stateLayerDesc_fod8e_203{font-size:var(--ds-text-sm);color:var(--shell-text-secondary);margin:0 0 var(--ds-spacing-5) 0}._stateLayerGrid_fod8e_209{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--ds-spacing-4);width:100%}._stateLayerCard_fod8e_216{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-2)}._stateLayerPreview_fod8e_223{position:relative;width:100%;height:56px;border-radius:var(--ds-radius-md);overflow:hidden;border:1px solid var(--shell-border-default)}._stateLayerBase_fod8e_232{position:absolute;inset:0;background:var(--ds-color-primary-500)}._stateLayerOverlay_fod8e_238{position:absolute;inset:0;background:var(--ds-color-neutral-900)}._stateLayerKey_fod8e_244{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);color:var(--shell-text-primary)}._stateLayerValue_fod8e_250{font-size:var(--ds-text-xs);color:var(--shell-text-secondary);font-family:var(--ds-font-mono)}}@layer override{._fab_15lxc_3{position:fixed;right:var(--ds-spacing-6);bottom:var(--ds-spacing-6);z-index:var(--ds-z-overlay);border:var(--ds-border-width) solid var(--ds-color-border-default);border-radius:var(--ds-radius-full);background:var(--ds-color-bg-surface);color:var(--ds-color-text-primary);padding:var(--ds-spacing-2) var(--ds-spacing-4);cursor:pointer;box-shadow:var(--ds-shadow-md)}._panel_15lxc_31{position:fixed;right:var(--ds-spacing-6);bottom:calc(var(--ds-spacing-6) + 3rem);width:min(22rem,calc(100vw - var(--ds-spacing-8)));max-height:70vh;overflow:auto;z-index:var(--ds-z-overlay);border:var(--ds-border-width) solid var(--ds-color-border-default);border-radius:var(--ds-radius-lg);background:var(--ds-color-bg-surface);box-shadow:var(--ds-shadow-lg);padding:var(--ds-spacing-4)}._titleRow_15lxc_61{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-spacing-3)}._title_15lxc_61{margin:0;font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary)}._closeBtn_15lxc_89{background:transparent;border:none;color:var(--ds-color-text-secondary);cursor:pointer;font-size:var(--ds-text-sm)}@media(max-width:767px){._fab_15lxc_3{right:var(--ds-spacing-3);bottom:var(--ds-spacing-3)}._panel_15lxc_31{right:var(--ds-spacing-3);bottom:var(--ds-spacing-3);width:calc(100vw - var(--ds-spacing-6));max-height:50vh}}}@layer ds{._container_8q3me_2{max-width:var(--app-max-width);margin:0 auto;padding:var(--ds-spacing-8)}._statsGrid_8q3me_8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-spacing-4);margin-bottom:var(--ds-spacing-8)}@media(max-width:767px){._container_8q3me_2{padding:var(--ds-spacing-4)}._statsGrid_8q3me_8{grid-template-columns:1fr}}}@layer ds{._container_xxmc0_2{max-width:var(--app-max-width);margin:0 auto;padding:var(--ds-spacing-8)}@media(max-width:767px){._container_xxmc0_2{padding:var(--ds-spacing-4) var(--ds-spacing-3)}}}@layer shell{._controls_1v8ml_3{display:flex;gap:var(--ds-spacing-6);margin-bottom:var(--ds-spacing-5);flex-wrap:wrap;align-items:flex-start}._controlGroup_1v8ml_11{display:flex;flex-direction:column;gap:var(--ds-spacing-2)}._controlLabel_1v8ml_17{font-size:var(--ds-text-xs);color:var(--shell-text-secondary);font-weight:var(--ds-font-weight-medium);text-transform:uppercase;letter-spacing:.05em}._buttonRow_1v8ml_25{display:flex;gap:var(--ds-spacing-2);flex-wrap:wrap}._tab_1v8ml_31{font-size:var(--ds-text-sm);color:var(--shell-text-secondary);background:transparent;border:1px solid var(--shell-border-default);border-radius:var(--ds-radius-full);padding:var(--ds-spacing-1) var(--ds-spacing-3);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}._tab_1v8ml_31:hover{color:var(--shell-text-primary);border-color:var(--shell-text-secondary)}._tabActive_1v8ml_48{background:var(--ds-color-primary-500);border-color:var(--ds-color-primary-500);color:var(--ds-color-text-on-primary)}._viewportLabel_1v8ml_55{display:flex;align-items:baseline;gap:var(--ds-spacing-2);margin-bottom:var(--ds-spacing-3)}._viewportPx_1v8ml_62{font-size:var(--ds-text-sm);font-family:var(--ds-font-mono);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary)}._viewportName_1v8ml_69{font-size:var(--ds-text-sm);color:var(--shell-text-secondary)}._previewOuter_1v8ml_75{width:100%;overflow-x:auto;border:1px solid var(--shell-border-default);border-radius:var(--ds-radius-md);background:color-mix(in srgb,var(--shell-border-default) 15%,transparent);padding:var(--ds-spacing-4)}._previewContainer_1v8ml_84{overflow:hidden;border:1px solid var(--shell-border-default);border-radius:var(--ds-radius-sm);background:var(--ds-color-bg-base);box-shadow:0 2px 8px color-mix(in srgb,var(--shell-border-default) 40%,transparent);min-height:400px}}@layer shell{._section_1u1wk_3{margin-bottom:var(--ds-spacing-12);scroll-margin-top:calc(var(--nav-height) + var(--ds-spacing-4))}._header_1u1wk_13{margin-bottom:var(--ds-spacing-4)}._title_1u1wk_21{margin:0 0 var(--ds-spacing-2);font-size:var(--ds-text-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary)}._description_1u1wk_35{font-size:var(--ds-text-sm);line-height:var(--ds-line-height-relaxed);color:var(--ds-color-text-secondary);max-width:52rem}._codeBlock_1u1wk_49{margin:0;padding:var(--ds-spacing-4);overflow-x:auto;font-family:var(--ds-font-family-mono);font-size:var(--ds-text-xs);line-height:var(--ds-line-height-relaxed);color:var(--ds-color-text-primary);background:var(--ds-color-bg-muted);border-radius:var(--ds-border-radius-md);border:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle)}}@layer shell{._overviewDesc_c85ib_3{margin:0;font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);line-height:var(--ds-line-height-relaxed)}}@layer override{._wrapper_122ux_4{display:flex;flex-direction:column;gap:var(--ds-spacing-8)}._inventoryGrid_122ux_11{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ds-component-size-service-inventory-card-min),1fr));gap:var(--ds-spacing-4);width:100%}._inventoryCard_122ux_18{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:var(--ds-spacing-4);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-lg);background:var(--shell-bg-surface)}._inventoryCardTitle_122ux_29{font-size:var(--ds-text-lg);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin-bottom:var(--ds-spacing-1)}._inventoryCardPath_122ux_36{font-size:var(--ds-text-xs);font-family:var(--ds-font-mono);color:var(--shell-text-secondary);margin-bottom:var(--ds-spacing-3)}._inventoryCardDivider_122ux_43{height:var(--ds-border-width);background:var(--shell-border-subtle);margin:0 0 var(--ds-spacing-3) 0}._inventoryCardTokens_122ux_49{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._tokenTag_122ux_58{font-family:var(--ds-font-mono);font-size:var(--ds-text-xs);color:var(--shell-action-primary);background:var(--shell-bg-primary-subtle);padding:var(--ds-spacing-0-5) var(--ds-spacing-1-5);border-radius:var(--ds-radius-sm);display:inline-block}._tokenMapTable_122ux_69{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}._tokenMapTable_122ux_69 th,._tokenMapTable_122ux_69 td{padding:var(--ds-spacing-2) var(--ds-spacing-3);text-align:left;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._tokenMapTable_122ux_69 th{font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);background:var(--shell-bg-subtle)}._tokenMapTable_122ux_69 td{color:var(--shell-text-secondary)}._tokenMapTable_122ux_69 td:last-child{font-family:var(--ds-font-mono);color:var(--shell-action-primary)}._controlsStack_122ux_98{display:flex;flex-direction:column;gap:var(--ds-spacing-5)}._tabRow_122ux_105{display:flex;gap:var(--ds-spacing-2);margin-bottom:var(--ds-spacing-4)}._tabBtn_122ux_110{padding:var(--ds-spacing-2) var(--ds-spacing-4);font-size:var(--ds-text-sm);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-md);background:var(--shell-bg-base);color:var(--shell-text-primary);cursor:pointer}._tabBtn_122ux_110[data-active=true]{background:var(--shell-bg-hover);border-color:var(--shell-border-focus)}._pagePreview_122ux_125{padding:var(--ds-spacing-6);background:var(--shell-bg-surface);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-lg)}._pagePreviewInner_122ux_132{max-width:56rem;margin:0 auto;min-height:var(--ds-component-size-page-preview-min-height)}._hero_122ux_139{padding:var(--ds-spacing-12) var(--ds-spacing-6);text-align:center}._heroTitle_122ux_144{font-size:var(--ds-text-3xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-spacing-3) 0}._heroSubtitle_122ux_151{font-size:var(--ds-text-lg);color:var(--ds-color-text-secondary);margin:0 0 var(--ds-spacing-6) 0}._heroButtons_122ux_157{display:flex;gap:var(--ds-spacing-4);justify-content:center;flex-wrap:wrap}._cardGrid_122ux_164{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-spacing-6);padding:var(--ds-spacing-8) var(--ds-spacing-6)}@media (max-width: var(--ds-breakpoint-md)){._cardGrid_122ux_164{grid-template-columns:1fr}}._formSection_122ux_177{padding:var(--ds-spacing-8) var(--ds-spacing-6);max-width:28rem;margin:0 auto}._previewFooter_122ux_183{padding:var(--ds-spacing-4) var(--ds-spacing-6);text-align:center;font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);border-top:var(--ds-border-width) solid var(--ds-color-border-subtle)}._dashboardSection_122ux_192{padding:var(--ds-spacing-6)}._pageHeading_122ux_195{font-size:var(--ds-text-xl);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-spacing-6) 0}._statsRow_122ux_201{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-spacing-4);margin-bottom:var(--ds-spacing-8)}._statCard_122ux_207{min-width:0}._tableWrap_122ux_210{overflow-x:auto;border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle);border-radius:var(--ds-radius-md)}._previewTable_122ux_215{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}._previewTable_122ux_215 th,._previewTable_122ux_215 td{padding:var(--ds-spacing-3) var(--ds-spacing-4);text-align:left;border-bottom:var(--ds-border-width) solid var(--ds-color-border-subtle);color:var(--ds-color-text-primary)}._previewTable_122ux_215 th{font-weight:var(--ds-font-weight-semibold);background:var(--ds-color-bg-muted)}._articleSection_122ux_233{padding:var(--ds-spacing-8) var(--ds-spacing-6);max-width:42rem;margin:0 auto}._articleTitle_122ux_238{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-spacing-2) 0}._articleMeta_122ux_244{margin:0 0 var(--ds-spacing-6) 0}._articleBody_122ux_247{font-size:var(--ds-text-base);line-height:1.6;color:var(--ds-color-text-primary)}._articleBody_122ux_247 h2{font-size:var(--ds-text-lg);font-weight:var(--ds-font-weight-semibold);margin:var(--ds-spacing-6) 0 var(--ds-spacing-2) 0}._articleBody_122ux_247 p{margin:0 0 var(--ds-spacing-4) 0}._articleBody_122ux_247 ul{margin:0 0 var(--ds-spacing-4) 0;padding-left:var(--ds-spacing-6)}}@layer shell{._wrapper_gnogu_3{display:flex;flex-direction:column;gap:var(--ds-spacing-8)}._inventoryGrid_gnogu_10{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--ds-component-size-shell-inventory-card-min),1fr));gap:var(--ds-spacing-4);width:100%}._inventoryCard_gnogu_17{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:var(--ds-spacing-4);border:var(--ds-border-width) solid var(--shell-border-subtle);border-radius:var(--ds-radius-lg);background:var(--shell-bg-surface);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}._inventoryCard_gnogu_17:hover{border-color:var(--shell-border-focus);box-shadow:var(--shell-shadow-sm)}._inventoryCardTitle_gnogu_35{font-size:var(--ds-text-lg);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin-bottom:var(--ds-spacing-1)}._inventoryCardPath_gnogu_42{font-size:var(--ds-text-caption-size);font-family:var(--ds-font-mono);color:var(--shell-text-tertiary);margin-bottom:var(--ds-spacing-3)}._inventoryCardDivider_gnogu_49{height:var(--ds-border-width);background:var(--shell-border-subtle);margin:0 0 var(--ds-spacing-3) 0}._inventoryCardTokens_gnogu_55{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._inventoryCardTokens_gnogu_55 ._tokenTag_gnogu_64{font-size:var(--ds-text-caption-size)}._tokenTag_gnogu_64{font-family:var(--ds-font-mono);font-size:var(--ds-text-caption-size);color:var(--shell-action-primary);background:var(--shell-bg-primary-subtle);padding:var(--ds-spacing-0-5) var(--ds-spacing-1-5);border-radius:var(--ds-radius-sm);display:inline-block}._tokenMapTable_gnogu_79{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}._tokenMapTable_gnogu_79 th,._tokenMapTable_gnogu_79 td{padding:var(--ds-spacing-2) var(--ds-spacing-3);text-align:left;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle)}._tokenMapTable_gnogu_79 th{font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);background:var(--shell-bg-subtle)}._tokenMapTable_gnogu_79 td{color:var(--shell-text-secondary)}._tokenMapTable_gnogu_79 td:last-child{font-family:var(--ds-font-mono);color:var(--shell-action-primary)}._livePreviewFrame_gnogu_108{border:var(--ds-border-width) solid var(--shell-border-default);border-radius:var(--ds-radius-lg);overflow:hidden;background:var(--shell-bg-base);box-shadow:var(--shell-shadow-md);height:var(--ds-component-size-live-preview-height)}._livePreviewScale_gnogu_117{transform:scale(.5);transform-origin:top left;width:200%;height:var(--ds-component-size-live-preview-scale-height);display:flex;flex-direction:column}._livePreviewInner_gnogu_126{width:100%;display:flex;flex-direction:column;flex:1}._livePreviewBody_gnogu_134{flex:1;display:flex;background:var(--shell-bg-surface)}._livePreviewSidebar_gnogu_140{width:var(--ds-component-size-live-preview-sidebar-width);padding:var(--ds-spacing-3);border-right:var(--ds-border-width) solid var(--shell-border-subtle);background:var(--shell-bg-base);display:flex;flex-direction:column;gap:var(--ds-spacing-1)}._livePreviewSidebarItem_gnogu_150{padding:var(--ds-spacing-2) var(--ds-spacing-3);font-size:var(--ds-text-sm);color:var(--shell-text-secondary);border-radius:var(--ds-radius-sm)}._livePreviewMain_gnogu_157{flex:1;display:flex;align-items:center;justify-content:center}._livePreviewPlaceholder_gnogu_164{font-size:var(--ds-text-lg);color:var(--shell-text-muted)}._livePreviewCaption_gnogu_169{padding:var(--ds-spacing-2) var(--ds-spacing-3);font-size:var(--ds-text-caption-size);color:var(--shell-text-tertiary);background:var(--shell-bg-subtle);border-top:var(--ds-border-width) solid var(--shell-border-subtle)}}@layer ds{._mainRoot_1i17z_2{display:flex;flex-direction:column;gap:var(--ds-spacing-16);padding-bottom:var(--ds-spacing-16)}._hero_1i17z_9,._ecosystem_1i17z_10{width:var(--app-main-content-width);max-width:var(--app-main-content-max-width);margin-inline:auto}._hero_1i17z_9{position:relative;overflow:hidden;min-height:clamp(24rem,52vh,40rem);border-radius:var(--ds-radius-lg);background:linear-gradient(145deg,var(--ds-color-bg-base) 0%,var(--ds-color-bg-surface-low) 52%,var(--ds-color-bg-surface) 100%);box-shadow:var(--app-main-panel-shadow);padding:clamp(var(--ds-spacing-8),7vw,var(--ds-spacing-16))}._heroContent_1i17z_31{position:relative;z-index:1;max-width:48rem}._heroBadge_1i17z_37{display:inline-block;margin-bottom:var(--ds-spacing-4);padding:var(--ds-spacing-2) var(--ds-spacing-3);border-radius:var(--ds-radius-full);background-color:var(--ds-color-action-primary-default);color:var(--ds-color-text-on-action-primary);font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--ds-shadow-sm)}._heroTitle_1i17z_51{margin:0;color:var(--ds-color-text-primary);font-size:clamp(2rem,5vw,4.5rem);font-weight:var(--ds-font-weight-bold);line-height:1.08}._heroTitleAccent_1i17z_59,._heroTitleBrand_1i17z_63{color:var(--ds-color-action-primary-default)}._heroSubtitle_1i17z_67{margin:var(--ds-spacing-5) 0 0;max-width:42rem;color:var(--ds-color-text-secondary);font-size:var(--ds-text-xl);line-height:1.6;word-break:keep-all}._heroActions_1i17z_76{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-3);margin-top:var(--ds-spacing-8)}._heroBackdrop_1i17z_83{position:absolute;inset:0;pointer-events:none}._heroOrb_1i17z_89{position:absolute;border-radius:var(--ds-radius-full);filter:blur(var(--app-main-hero-orb-blur));opacity:var(--app-main-hero-orb-opacity)}._heroOrbPrimary_1i17z_96{top:-20%;right:-8%;width:clamp(16rem,34vw,28rem);aspect-ratio:1;background:radial-gradient(circle,var(--ds-color-action-primary-default) 0%,transparent 68%)}._heroOrbAccent_1i17z_104{bottom:-30%;left:10%;width:clamp(14rem,28vw,22rem);aspect-ratio:1;background:radial-gradient(circle,var(--ds-color-action-accent-default) 0%,transparent 72%)}._ecosystem_1i17z_10{padding:var(--ds-spacing-10) clamp(var(--ds-spacing-4),4vw,var(--ds-spacing-8));border-radius:var(--ds-radius-lg);background-color:var(--ds-color-bg-surface-low)}._sectionHeader_1i17z_118{display:flex;justify-content:space-between;align-items:end;gap:var(--ds-spacing-6);margin-bottom:var(--ds-spacing-8)}._sectionTitle_1i17z_126{margin:0;color:var(--ds-color-text-primary);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:var(--ds-font-weight-semibold)}._sectionSubtitle_1i17z_133{margin:var(--ds-spacing-3) 0 0;max-width:38rem;color:var(--ds-color-text-secondary);font-size:var(--ds-text-lg);line-height:1.5}._sectionBar_1i17z_141{width:7rem;height:.3rem;border-radius:var(--ds-radius-full);background:linear-gradient(90deg,var(--ds-color-action-primary-default),var(--ds-color-action-accent-default));flex-shrink:0}._moduleGrid_1i17z_153{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ds-spacing-5)}._moduleTile_1i17z_159{grid-column:span 4;border:0;border-radius:var(--ds-radius-lg);background:var(--ds-color-bg-elevated);box-shadow:var(--app-main-card-shadow);color:inherit;padding:var(--ds-spacing-6);text-align:left;display:flex;flex-direction:column;gap:var(--ds-spacing-4);cursor:pointer;transition:var(--ds-transition-interactive-full)}._moduleTile_1i17z_159:hover,._moduleTile_1i17z_159:focus-visible{transform:translateY(-4px);box-shadow:var(--app-main-card-shadow-hover)}._moduleTile_1i17z_159:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}._moduleTileFeature_1i17z_186{grid-column:span 8}._moduleTop_1i17z_190{display:flex;align-items:center;gap:var(--ds-spacing-3)}._moduleIcon_1i17z_196{color:var(--ds-color-action-primary-default)}._moduleTitle_1i17z_200{margin:0;color:var(--ds-color-text-primary);font-size:var(--ds-text-xl);font-weight:var(--ds-font-weight-semibold)}._moduleBadgeList_1i17z_207{display:flex;flex-wrap:wrap;gap:var(--ds-spacing-1-5)}._moduleBadge_1i17z_207{display:inline-flex;align-items:center;border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle);border-radius:var(--ds-radius-full);background-color:var(--ds-color-bg-surface-high);color:var(--ds-color-text-primary);padding:var(--ds-spacing-1) var(--ds-spacing-2);font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);line-height:1}._moduleDescription_1i17z_226{margin:0;color:var(--ds-color-text-secondary);line-height:1.6;word-break:keep-all;flex:1}._moduleCta_1i17z_234{display:inline-flex;align-items:center;gap:var(--ds-spacing-2);color:var(--ds-color-action-primary-default);font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold)}@media(max-width:960px){._moduleTile_1i17z_159,._moduleTileFeature_1i17z_186{grid-column:span 6}}@media(max-width:720px){._mainRoot_1i17z_2{gap:var(--ds-spacing-10)}._hero_1i17z_9,._ecosystem_1i17z_10{width:min(100% - var(--ds-spacing-4),var(--app-main-content-max-width))}._sectionHeader_1i17z_118{flex-direction:column;align-items:flex-start;margin-bottom:var(--ds-spacing-6)}._sectionBar_1i17z_141{width:5rem}._moduleGrid_1i17z_153{grid-template-columns:1fr}._moduleTile_1i17z_159,._moduleTileFeature_1i17z_186{grid-column:auto}._heroSubtitle_1i17z_67{font-size:var(--ds-text-lg)}._heroTitle_1i17z_51 br{display:none}}}._layout_in223_1{max-width:var(--app-max-width);margin:0 auto;display:grid;grid-template-columns:140px 1fr;gap:var(--ds-spacing-6);padding:var(--ds-spacing-8);min-height:100vh;align-items:start}._sidebar_in223_13{position:sticky;top:calc(var(--nav-height) + var(--ds-spacing-8))}._chapterList_in223_19{display:flex;flex-direction:column;gap:var(--ds-spacing-3);list-style:none;margin:0;padding:0}._chapterItem_in223_28{display:flex;align-items:center;gap:var(--ds-spacing-2);cursor:pointer;padding:var(--ds-spacing-1) 0;background:none;border:none;color:#ffffff59;font-size:var(--ds-text-xs);text-align:left;transition:color .2s ease;width:100%}._chapterItem_in223_28:hover{color:#ffffffb3}._chapterItem_in223_28._active_in223_47{color:#ffffffe6}._sidebarDark_in223_52 ._chapterItem_in223_28{color:#1c1c1c59}._sidebarDark_in223_52 ._chapterItem_in223_28:hover{color:#1c1c1cb3}._sidebarDark_in223_52 ._chapterItem_in223_28._active_in223_47{color:#1c1c1ce6}._dot_in223_64{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;transition:transform .2s ease}._chapterItem_in223_28._active_in223_47 ._dot_in223_64{transform:scale(1.5)}._chapterLabel_in223_77{line-height:1.3}._main_in223_82{display:flex;flex-direction:column;gap:var(--ds-spacing-6)}._main_in223_82 [id]{scroll-margin-top:calc(var(--nav-height) + var(--ds-spacing-8))}._label_4vxix_1{position:absolute;top:var(--ds-spacing-5);right:var(--ds-spacing-5);text-align:right;color:#ffffffeb;pointer-events:none;-webkit-user-select:none;user-select:none}._title_4vxix_11{display:block;font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.6);margin-bottom:2px}._sub_4vxix_20{display:block;font-size:var(--ds-text-xs);opacity:.7;text-shadow:0 1px 4px rgba(0,0,0,.5);margin-bottom:var(--ds-spacing-1)}._divider_4vxix_28{display:block;width:24px;height:1px;background:#fff6;margin:var(--ds-spacing-1) 0 var(--ds-spacing-1) auto}._meta_4vxix_36{display:block;font-size:var(--ds-text-xs);opacity:.6;text-shadow:0 1px 4px rgba(0,0,0,.5);line-height:1.6}._bar_jx896_1{position:absolute;bottom:var(--ds-spacing-8);left:var(--ds-spacing-8);background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:var(--ds-spacing-4) var(--ds-spacing-5)}._barMinimal_jx896_14{position:absolute;bottom:var(--ds-spacing-8);left:var(--ds-spacing-8);background:#f5f2ece6;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #1C1C1C;border-radius:4px;padding:var(--ds-spacing-4) var(--ds-spacing-5)}._barMinimal_jx896_14 ._label_jx896_26{color:#1c1c1c73}._barMinimal_jx896_14 ._swatch_jx896_30{border:1px solid #1C1C1C}._barBrutal_jx896_34{position:absolute;bottom:var(--ds-spacing-8);left:var(--ds-spacing-8);background:#1c1c1c;-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid #F2EFE8;border-radius:0;padding:var(--ds-spacing-4) var(--ds-spacing-5)}._label_jx896_26{font-size:var(--ds-text-xs);color:#fff9;text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--ds-spacing-3)}._swatches_jx896_54{display:flex;gap:var(--ds-spacing-2)}._swatch_jx896_30{position:relative;width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}._swatch_jx896_30:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 8px 20px #0000004d}._tooltip_jx896_75{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:var(--ds-text-xs);padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease}._swatch_jx896_30:hover ._tooltip_jx896_75{opacity:1}._copied_jx896_96{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#2d5016e6;color:#fff;font-size:var(--ds-text-xs);padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;animation:_fadeUp_jx896_1 1.2s ease forwards}@keyframes _fadeUp_jx896_1{0%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1;transform:translate(-50%) translateY(-4px)}to{opacity:0;transform:translate(-50%) translateY(-8px)}}._backdrop_wpylh_1{position:fixed;inset:0;z-index:1000;margin:0;max-width:100vw;max-height:100vh;width:100%;height:100%;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:_fadeIn_wpylh_1 .15s ease}._backdrop_wpylh_1::backdrop{background:#000000eb}@keyframes _fadeIn_wpylh_1{0%{opacity:0}to{opacity:1}}._imageWrap_wpylh_29{border:none;padding:0;margin:0;background:transparent;cursor:default;display:block;max-width:min(90vw,100%)}._image_wpylh_29{max-width:90vw;max-height:90vh;object-fit:contain;cursor:default;animation:_scaleIn_wpylh_1 .15s ease;display:block}@keyframes _scaleIn_wpylh_1{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}._closeBtn_wpylh_54{position:absolute;top:var(--ds-spacing-5, 20px);right:var(--ds-spacing-5, 20px);background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:50%;width:40px;height:40px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}._closeBtn_wpylh_54:hover{background:#fff3}._stage_86ozx_1{position:relative;height:65vh;min-height:480px;overflow:hidden;border-radius:16px}._imageTrigger_86ozx_9{display:block;width:100%;height:100%;padding:0;margin:0;border:none;background:transparent;cursor:zoom-in}._image_86ozx_9{width:100%;height:100%;object-fit:cover;object-position:center;display:block}._overlay_86ozx_28{position:absolute;inset:0;background:linear-gradient(to bottom,#0000000d,#0003 55%,#0a0f0aa6);pointer-events:none}._panels_86ozx_41{position:absolute;inset:0;pointer-events:none}._panels_86ozx_41>*{pointer-events:auto}._section_1w3ac_2{position:relative;overflow:hidden;border-radius:16px;padding:var(--ds-spacing-10) var(--ds-spacing-8);background:#ffffff05;border:1px solid rgba(255,255,255,.07);scroll-margin-top:var(--ds-spacing-8);display:flex;flex-direction:column;gap:var(--ds-spacing-10)}._sectionBrutal_1w3ac_15{background:#f2efe8;border:3px solid #1C1C1C;border-radius:0}._sectionMinimal_1w3ac_21{background:#f5f2ec;border:1px solid #1C1C1C;border-radius:0}._chapterLabel_1w3ac_28{display:block;font-size:var(--ds-text-xs);color:#ffffff4d;text-transform:uppercase;letter-spacing:.15em}._sectionBrutal_1w3ac_15 ._chapterLabel_1w3ac_28{color:#1c1c1c73}._sectionMinimal_1w3ac_21 ._chapterLabel_1w3ac_28{color:#1c1c1c59}._blockTitle_1w3ac_45{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-medium);color:#fff6;text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--ds-spacing-4)}._sectionBrutal_1w3ac_15 ._blockTitle_1w3ac_45{color:#1c1c1c80}._sectionMinimal_1w3ac_21 ._blockTitle_1w3ac_45{color:#1c1c1c73}._tokenGrid_1w3ac_63{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--ds-spacing-3)}._tokenChip_1w3ac_69{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}._tokenChipBrutal_1w3ac_75{border:2px solid #1C1C1C;border-radius:0}._tokenChipMinimal_1w3ac_80{border:1px solid #1C1C1C;border-radius:2px}._tokenSwatch_1w3ac_85{height:52px}._tokenMeta_1w3ac_89{padding:var(--ds-spacing-2) var(--ds-spacing-3);background:#0000004d}._tokenMetaBrutal_1w3ac_94{background:#1c1c1c}._tokenMetaMinimal_1w3ac_98{background:#e0ddd8}._tokenMetaMinimal_1w3ac_98 ._tokenRole_1w3ac_102,._tokenMetaMinimal_1w3ac_98 ._tokenName_1w3ac_103,._tokenMetaMinimal_1w3ac_98 ._tokenHex_1w3ac_104{color:#1c1c1cb3}._tokenRole_1w3ac_102{display:block;font-size:10px;color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}._tokenName_1w3ac_103{display:block;font-size:var(--ds-text-xs);color:#fffc}._tokenHex_1w3ac_104{display:block;font-size:10px;color:#ffffff59;font-family:monospace}._buttonRow_1w3ac_131{display:flex;gap:var(--ds-spacing-3);flex-wrap:wrap}._btn_1w3ac_137{padding:var(--ds-spacing-2) var(--ds-spacing-5);border-radius:0;font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-medium);border:2px solid #1C1C1C;cursor:pointer;transition:filter .15s ease,transform .1s ease}._btn_1w3ac_137:hover{filter:brightness(1.1);transform:translateY(-1px)}._typeStack_1w3ac_157{display:flex;flex-direction:column;gap:var(--ds-spacing-3)}._typeDisplay_1w3ac_163{font-size:var(--ds-text-3xl);font-weight:var(--ds-font-weight-bold);line-height:1.1}._typeBody_1w3ac_169{font-size:var(--ds-text-md);line-height:1.6}._typeCaption_1w3ac_174{font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.1em}._artCard_1w3ac_181{display:flex;gap:0;border-radius:12px;overflow:hidden;border:1px solid rgba(91,143,168,.3);max-width:420px;background:#0a0f0a99;margin:0 auto;align-self:center}._artCardBrutal_1w3ac_193{border:3px solid #1C1C1C;border-radius:0;background:#f2efe8;box-shadow:4px 4px #1c1c1c}._artCardMinimal_1w3ac_200{border:1px solid #1C1C1C;border-radius:2px;background:#e0ddd8}._artCardThumb_1w3ac_206{width:140px;flex-shrink:0;background-size:cover;background-position:center}._artCardBody_1w3ac_213{padding:var(--ds-spacing-5) var(--ds-spacing-6);display:flex;flex-direction:column;justify-content:center;gap:var(--ds-spacing-2)}._artCardCategory_1w3ac_221{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#5b8fa8}._artCardTitle_1w3ac_228{font-size:var(--ds-text-md);font-weight:var(--ds-font-weight-medium);color:#e8e4d5;margin:0;line-height:1.3}._artCardSub_1w3ac_236{font-size:var(--ds-text-xs);color:#e8e4d5c7}._artCardTag_1w3ac_242{display:inline-block;align-self:flex-start;white-space:nowrap;margin-top:var(--ds-spacing-1);padding:1px 6px;border-radius:20px;background:#5b8fa829;border:1px solid rgba(91,143,168,.38);font-size:9px;color:#5b8fa8}._artCardTagBrutal_1w3ac_255{background:#1c1c1c;border:2px solid #1C1C1C;color:#f2efe8;border-radius:0}._artCardTagMinimal_1w3ac_262{background:transparent;border:1px solid #1C1C1C;color:#1c1c1c;border-radius:2px}._artCardBrutal_1w3ac_193 ._artCardTitle_1w3ac_228{color:#1c1c1c}._artCardBrutal_1w3ac_193 ._artCardSub_1w3ac_236{color:#1c1c1cb3}._artCardBrutal_1w3ac_193 ._artCardCategory_1w3ac_221,._artCardMinimal_1w3ac_200 ._artCardTitle_1w3ac_228{color:#1c1c1c}._artCardMinimal_1w3ac_200 ._artCardSub_1w3ac_236{color:#1c1c1ca6}._artCardMinimal_1w3ac_200 ._artCardCategory_1w3ac_221{color:#7a9bbf}._card_qm814_1{background:#ffffff0f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:var(--ds-spacing-10) var(--ds-spacing-12);text-align:center;max-width:560px;width:100%}._quote_qm814_14{font-size:var(--ds-text-xl);font-weight:var(--ds-font-weight-light);color:#ffffffeb;line-height:1.7;margin:0 0 var(--ds-spacing-5);font-style:italic}._word_qm814_23{display:inline;opacity:0;filter:blur(6px);animation:_wordReveal_qm814_1 .7s ease forwards}@keyframes _wordReveal_qm814_1{to{opacity:1;filter:blur(0)}}._divider_qm814_39{width:32px;height:1px;background:#ffffff40;margin:0 auto var(--ds-spacing-4)}._attribution_qm814_46{font-size:var(--ds-text-sm);color:#ffffff73;font-style:normal;opacity:0;animation:_wordReveal_qm814_1 .8s ease forwards}._grid_1wgtk_1{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(10,1fr)}._cell_1wgtk_10{transition:background-color .3s ease;cursor:crosshair;border:none;padding:0;margin:0;appearance:none;background:transparent;min-width:0;min-height:0}._resetBtn_1wgtk_22{position:absolute;bottom:var(--ds-spacing-6, 24px);right:var(--ds-spacing-6, 24px);background:transparent;border:1px solid #1C1C1C;color:#1c1c1c;font-size:var(--ds-text-xs);padding:6px 14px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;z-index:3;transition:background-color .2s ease,color .2s ease}._resetBtn_1wgtk_22:hover{background:#1c1c1c;color:#f5f2ec}@media(max-width:480px){._grid_1wgtk_1{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr)}}._canvas_mhm52_1{position:absolute;inset:0;z-index:5;display:block;width:100%;height:100%;pointer-events:none}._wrapper_1v4rt_1{position:relative;width:100%;max-width:min(100%,var(--starry-frame-max-width, 380px));margin:0 auto}._frame_1v4rt_8{--starryBorderY: 40px;--starryBorderX: 48px;--starryDecorScale: calc(40 / 60);position:relative;box-sizing:border-box}._frameCanvas_1v4rt_21{border:none;padding:var(--starryBorderY) var(--starryBorderX);background-color:#152a5c}._frameCss_1v4rt_28{padding:0;border-style:solid;border-color:transparent;border-width:var(--starryBorderY) var(--starryBorderX);border-image-source:url(/art/starry-night/seamless_bg.png);border-image-slice:36;border-image-width:var(--starryBorderY) var(--starryBorderX);border-image-repeat:var(--starry-border-image-repeat, round)}._imageWrap_1v4rt_43{position:relative;z-index:3;overflow:visible;background-color:#152a5c}._frameCanvas_1v4rt_21 ._imageWrap_1v4rt_43{z-index:1}._canvasTextureRing_1v4rt_58{position:absolute;inset:0;z-index:2;box-sizing:border-box;padding:var(--starryBorderY) var(--starryBorderX);pointer-events:none;background-color:#2f4d96;background-position:center;background-size:cover;background-repeat:no-repeat;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}._portraitCrop_1v4rt_81{position:relative;z-index:0;width:100%;overflow:hidden;border-radius:min(10px,2.5vw);aspect-ratio:3 / 4}._portraitCrop_1v4rt_81 ._image_1v4rt_43{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}._image_1v4rt_43{position:relative;z-index:0;display:block;width:100%;height:auto;mask-image:radial-gradient(ellipse 100% 100% at 50% 50%,#000 0%,#000 38%,rgba(0,0,0,.55) 62%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 50% 50%,#000 0%,#000 38%,rgba(0,0,0,.55) 62%,transparent 100%);mask-mode:alpha}._canvasDecalClip_1v4rt_126{position:absolute;inset:0;z-index:4;overflow:hidden;isolation:isolate;pointer-events:none}._canvasDecalClip_1v4rt_126 ._haloRing_1v4rt_139{mask:none;-webkit-mask:none;overflow:hidden}._canvasDecalInner_1v4rt_145{position:absolute;inset:var(--starryBorderY) var(--starryBorderX);pointer-events:none}._haloRing_1v4rt_139{position:absolute;top:calc(-1 * var(--starryBorderY));right:calc(-1 * var(--starryBorderX));bottom:calc(-1 * var(--starryBorderY));left:calc(-1 * var(--starryBorderX));box-sizing:border-box;padding:var(--starryBorderY) var(--starryBorderX);z-index:2;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;overflow:visible}._halo_1v4rt_139{position:absolute;width:clamp(max(48px,calc(40px * var(--starryDecorScale))),13%,calc(88px * var(--starryDecorScale)));height:auto;animation:_haloTwinkle_1v4rt_1 var(--halo-duration, 4.5s) ease-in-out infinite;animation-delay:var(--halo-delay, 0s)}@keyframes _haloTwinkle_1v4rt_1{0%,to{opacity:.2}50%{opacity:1}}._cornerMoon_1v4rt_199{position:absolute;top:calc(-1 * var(--starryBorderY));right:calc(-1 * var(--starryBorderX));z-index:1;display:block;width:min(52.5%,calc(188px * var(--starryDecorScale)));height:auto;pointer-events:none;transform-origin:50% 60%;animation:_moonSwing_1v4rt_1 8s ease-in-out infinite alternate}@keyframes _moonSwing_1v4rt_1{0%{transform:translate(8%,-8%) rotate(-3.5deg)}to{transform:translate(8%,-8%) rotate(3.5deg)}}._cornerTreeOuter_1v4rt_223{position:absolute;bottom:calc(-1 * var(--starryBorderY));left:calc(-1 * var(--starryBorderX));z-index:1;display:inline-block;line-height:0;pointer-events:none;transform:translate(calc(5% - var(--starryBorderX) - var(--ds-spacing-6, 24px) - calc(10px * var(--starryDecorScale))))}._cornerTree_1v4rt_223{display:block;width:min(74%,calc(278px * var(--starryDecorScale)));height:auto;transform-origin:55% 100%;animation:_treeSway_1v4rt_1 3.8s ease-in-out infinite alternate}@keyframes _treeSway_1v4rt_1{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@media(prefers-reduced-motion:reduce){._halo_1v4rt_139{animation:none;opacity:.85}._cornerMoon_1v4rt_199{animation:none;transform:translate(8%,-8%)}._cornerTree_1v4rt_223{animation:none}}._page_jqahm_1{min-height:100vh;background:linear-gradient(180deg,#0d1528,#1a2744 45%,#0f1830);color:#f0e8c8}._anchorTarget_jqahm_7{scroll-margin-top:calc(var(--nav-height, 48px) + var(--ds-spacing-8))}._chapterTransition_jqahm_11{height:var(--ds-spacing-16, 64px)}._chapter2_jqahm_15{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-3, 12px);padding:var(--ds-spacing-6) var(--ds-spacing-6) var(--ds-spacing-8);overflow:visible}._chapter2Label_jqahm_26{flex-shrink:0;width:100%;margin:0;text-align:center;font-size:var(--ds-text-xs);color:#f0e8c859;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap}._canvasControl_jqahm_38{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--ds-spacing-3, 12px) var(--ds-spacing-4, 16px);width:100%;max-width:min(440px,100%);padding:0 var(--ds-spacing-2, 8px)}._canvasControlLabel_jqahm_49{flex-shrink:0;margin:0;font-size:var(--ds-text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#f5c842d9}._canvasControlRange_jqahm_59{flex:1 1 160px;min-width:0;height:28px;margin:0;cursor:pointer;accent-color:#f5c842;background:transparent}._canvasControlRange_jqahm_59:focus-visible{outline:2px solid rgba(245,200,66,.65);outline-offset:3px}._canvasControlValue_jqahm_74{flex-shrink:0;min-width:3.5rem;font-family:var(--ds-font-mono, ui-monospace, monospace);font-size:var(--ds-text-xs);color:#f0e8c88c;text-align:right}._canvasControlHint_jqahm_83{margin:0;max-width:36rem;padding:0 var(--ds-spacing-4);font-size:var(--ds-text-xs);line-height:1.45;text-align:center;color:#f0e8c861}._chapter2Compare_jqahm_93{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-spacing-6, 24px);width:100%;max-width:min(960px,100%);align-items:stretch}._chapter2Panel_jqahm_102{display:flex;flex-direction:column;align-items:center;gap:var(--ds-spacing-3, 12px);min-width:0;width:100%}._chapter2PanelTitle_jqahm_111{margin:0;width:100%;text-align:center;font-size:var(--ds-text-sm);font-weight:600;letter-spacing:.06em;color:#f5c842e6}._chapter2PanelHint_jqahm_121{margin:0;width:100%;max-width:28rem;text-align:center;font-size:var(--ds-text-xs);line-height:1.45;color:#f0e8c86b}._chapter2InlineCode_jqahm_131{padding:.1em .35em;font-family:var(--ds-font-mono, ui-monospace, monospace);font-size:.92em;color:#f5c842bf;background:#0d153e8c;border-radius:4px}._chapter2PanelSelectRow_jqahm_140{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--ds-spacing-2, 8px) var(--ds-spacing-3, 12px);width:100%;max-width:16rem;margin-top:var(--ds-spacing-3, 12px);margin-left:auto;margin-right:auto;padding:0}._chapter2PanelSelectLabel_jqahm_154{flex-shrink:0;margin:0;font-size:var(--ds-text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#f5c842d9}._chapter2PanelSelect_jqahm_140{flex:0 1 11rem;min-width:0;max-width:11rem;height:36px;padding:0 32px 0 var(--ds-spacing-3, 12px);font-family:var(--ds-font-mono, ui-monospace, monospace);font-size:var(--ds-text-xs);color:#f0e8c8;cursor:pointer;background-color:#0d153eeb;border:1px solid rgba(245,200,66,.4);border-radius:8px;box-shadow:inset 0 1px #ffffff0f;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f5c842' d='M2.5 4.25 6 8.25 9.5 4.25'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}._chapter2PanelSelect_jqahm_140:hover{border-color:#f5c8428c}._chapter2PanelSelect_jqahm_140:focus-visible{outline:2px solid rgba(245,200,66,.65);outline-offset:2px}._chapter2PanelFrame_jqahm_193{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--ds-spacing-3, 12px) var(--ds-spacing-2, 8px);box-sizing:border-box}@media(max-width:768px){._chapter2Compare_jqahm_93{grid-template-columns:1fr}}@layer override{._panel_1meci_3{position:fixed;left:calc(var(--shell-size-sidebar-width) + var(--ds-spacing-3));top:var(--nav-height);bottom:var(--ds-spacing-4);width:var(--ds-component-size-inspector-width);max-width:calc(100vw - var(--shell-size-sidebar-width) - var(--ds-spacing-8));background-color:var(--shell-bg-base);border:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);border-top:none;border-radius:0 0 var(--ds-radius-lg) var(--ds-radius-lg);box-shadow:var(--shell-shadow-lg);z-index:200;display:flex;flex-direction:column;overflow:hidden}._panelHeader_1meci_21{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-spacing-3) var(--ds-spacing-5);border-bottom:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);flex-shrink:0}._panelTitle_1meci_30{font-size:var(--ds-text-sm);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-primary);margin:0}._closeButton_1meci_37{display:flex;align-items:center;justify-content:center;width:var(--ds-size-sm);height:var(--ds-size-sm);border:none;background:none;border-radius:var(--ds-radius-sm);color:var(--shell-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}._closeButton_1meci_37:hover{background-color:var(--shell-bg-muted);color:var(--shell-text-primary)}._closeButton_1meci_37:focus-visible{outline:var(--ds-focus-ring-width) solid var(--shell-border-focus);outline-offset:var(--ds-focus-ring-offset)}._panelBody_1meci_61{flex:1;overflow-y:auto;padding:var(--ds-spacing-4) var(--ds-spacing-5);display:flex;flex-direction:column;gap:var(--ds-spacing-4)}._inspectorSection_1meci_71{display:flex;flex-direction:column;gap:var(--ds-spacing-2)}._inspectorSectionTitle_1meci_77{font-size:var(--ds-text-xs);font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;padding-bottom:var(--ds-spacing-2);border-bottom:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle)}._previewArea_1meci_93{background-color:var(--ds-color-bg-surface);border:var(--ds-border-width) var(--ds-border-style) var(--ds-color-border-subtle);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-4)}._previewGroup_1meci_100{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-spacing-3)}._tokenTable_1meci_108{width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--ds-text-xs);border:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);border-radius:var(--ds-radius-md);overflow:hidden}._tokenTable_1meci_108 th,._tokenTable_1meci_108 td{padding:var(--ds-spacing-2) var(--ds-spacing-3);text-align:left;border-bottom:var(--ds-border-width) solid var(--shell-border-subtle);vertical-align:middle}._tokenTable_1meci_108 th{font-weight:var(--ds-font-weight-semibold);color:var(--shell-text-secondary);background:var(--shell-bg-muted)}._tokenTable_1meci_108 tr:last-child td{border-bottom:none}._tokenNameCell_1meci_136{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;width:var(--ds-component-size-token-value-col);min-width:var(--ds-component-size-token-value-col);color:var(--shell-text-secondary)}._tokenVarCell_1meci_143{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--ds-text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0;color:var(--shell-text-primary)}._tokenValueCell_1meci_153{width:var(--ds-component-size-token-value-col);min-width:var(--ds-component-size-token-value-col);word-break:break-all;color:var(--shell-text-secondary)}._swatchCell_1meci_160{width:var(--ds-size-md);min-width:var(--ds-size-md)}._swatch_1meci_160{display:inline-block;width:var(--ds-component-size-swatch-sm);height:var(--ds-component-size-swatch-sm);border-radius:var(--ds-radius-sm);border:var(--ds-border-width) var(--ds-border-style) var(--shell-border-subtle);vertical-align:middle}}