@charset "UTF-8";:root{--font-family-ui: "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;--font-family-display: "REEJI PinboGB", var(--font-family-ui);--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-control: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-weight-normal: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius-xs: .1875rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-pill: 62.4375rem;--shadow-none: none;--shadow-soft: 0 1px .125rem rgb(15 23 42 / 8%);--motion-fast: .16s ease;--motion-base: .22s ease;--motion-slow: .26s ease}html[data-theme=dark]{color-scheme:dark;--color-bg-page: #010206;--color-bg-surface: #010206;--color-bg-elevated: #2a2114;--color-bg-soft: #f4f6fa;--color-content-primary: #f7f3e9;--color-content-secondary: #c8c3ba;--color-content-muted: #8e8981;--color-content-disabled: #625e57;--color-border: #b6babf;--color-border-strong: #b9bec8;--color-control-border: #7d5d21;--color-control-hover-border: #b9bec8;--color-border-hover: #0b99ff;--color-accent: #f5a301;--color-accent-text: #ffc46b;--color-on-accent: #211508;--color-content-inverse: #fff;--color-focus: #ffc46b;--color-success: #a8d9a8;--color-warning: #ffc46b;--color-danger: #f09a91;--color-content-heading: #ead58e;--color-logo: #f7f3e9;--color-icon-default: var(--color-content-secondary);--color-icon-muted: var(--color-content-muted);--color-icon-hover: var(--color-content-primary);--color-icon-active: #ffc46b;--color-icon-danger: #f09a91;--color-calibration: #f5a301;--item-bg: transparent;--item-border: var(--color-control-border);--item-hover-bg: linear-gradient(180deg, rgb(65 48 18 / 90%) 0%, rgb(18 14 9 / 96%) 100%);--item-hover-border: var(--color-accent-text);--item-selected-bg: linear-gradient(180deg, rgb(94 61 18 / 94%) 0%, rgb(36 26 11 / 98%) 100%);--item-selected-border: var(--color-accent-text);--item-focus-ring: 0 0 0 .125rem rgb(255 196 107 / 24%);--item-shadow: inset 0 1px 0 rgb(255 226 168 / 8%), 0 .125rem .5rem rgb(0 0 0 / 18%);--focus-ring: 0 0 0 .125rem var(--color-focus), 0 0 .5rem rgb(255 196 107 / 28%);--shadow-panel: var(--shadow-soft);--shadow-custom-key: var(--shadow-panel);--shadow-custom-key-hover: 0 .5rem 1.125rem rgb(15 23 42 / 14%);--shadow-custom-key-active: inset 0 1px .1875rem rgb(15 23 42 / 16%);--effect-bg-layer: none;--effect-bg-layer-opacity: 0;--content-bg-image: url(../svg/content_bg-DuNVam30.svg);--content-bg-image-blur: 0px;--effect-header-overlay: none;--effect-header-overlay-opacity: 0;--effect-header-glow: none;--effect-menu-active-shadow: var(--shadow-panel);--effect-pulse-animation: none;--effect-decorative-border-stops: #8a5a08 0deg, #4b3410 72deg, #756247 126deg, #251c0c 198deg, #756247 278.65deg, #8a5a08 360deg;--effect-decorative-border-background: conic-gradient(from 180deg at 50% 50%, var(--effect-decorative-border-stops));--effect-decorative-border-active-stops: #5d3f0d 0deg, #9f6909 72deg, #c9953c 126deg, #fff0cc 146deg, #ffe0a3 154deg, #ffc46a 166deg, #3a280d 198deg, #8b6f42 278.65deg, #d08a08 360deg;--effect-decorative-border-active-shadow: inset 0 0 .3125rem 1px rgb(255 214 143 / 24%), inset 0 0 .875rem .1875rem rgb(156 96 0 / 18%), 0 0 .3125rem 1px rgb(255 232 190 / 38%), 0 0 1rem .1875rem rgb(255 190 82 / 24%);--effect-decorative-border-active-animation: effect-border-flow 3s linear infinite;--effect-panel-border-stops: #453931 0deg, #62437a 90deg, #96673b 130deg, #62437a 180deg, #453931 300deg;--effect-panel-border-active-stops: #453931 0deg, #62437a 72deg, #9272ff 116deg, #ffeacd 146deg, #ffb268 164deg, #62437a 220deg, #453931 360deg;--effect-panel-border-hover-animation: effect-border-flow 3s linear infinite;--effect-panel-border-active-animation: effect-border-flow 3s linear infinite;--effect-panel-border-active-filter: drop-shadow(0 0 .4375rem rgb(255 234 205 / 50%)) drop-shadow(0 0 1.125rem rgb(255 178 104 / 24%));--effect-surface-hover-stops: rgb(255 198 94 / 12%) 0deg, rgb(84 57 17 / 20%) 76deg, rgb(16 13 8 / 0%) 142deg, rgb(255 226 168 / 12%) 196deg, rgb(16 13 8 / 0%) 262deg, rgb(255 198 94 / 12%) 360deg;--effect-surface-hover-base-background: linear-gradient( 180deg, rgb(65 48 18 / 88%) 0%, rgb(65 48 18 / 90%) 32%, rgb(16 13 8 / 94%) 68%, rgb(16 13 8 / 94%) 100% );--effect-surface-hover-shadow: inset 0 1px 0 rgb(255 226 168 / 22%), inset 0 0 .875rem rgb(255 179 64 / 12%), 0 0 .875rem rgb(255 173 48 / 12%);--effect-surface-hover-animation: effect-surface-flow 5.2s linear infinite;--effect-surface-shadow-rest: inset 0 1px 0 rgb(255 226 168 / 18%), inset 0 0 .625rem rgb(255 179 64 / 10%), 0 0 .625rem rgb(255 173 48 / 10%);--effect-surface-shadow-peak: inset 0 1px 0 rgb(255 226 168 / 30%), inset 0 0 1.125rem rgb(255 179 64 / 18%), 0 0 1.125rem rgb(255 173 48 / 16%);--header-bg: var(--color-bg-surface);--header-border: #d5d9e0;--header-border-gradient: linear-gradient( 90deg, #453931 0%, #62437a 20%, #ffeacd 38%, #ffb268 50%, #62437a 72%, #453931 100% );--header-border-glow: 0 0 .5rem rgb(255 178 104 / 20%);--header-border-animation: app-header-border-flow 4.8s linear infinite alternate;--sider-border-gradient: linear-gradient( 180deg, #453931 0%, #62437a 20%, #ffeacd 38%, #ffb268 50%, #62437a 72%, #453931 100% );--sider-border-glow: 0 0 .5rem rgb(255 178 104 / 20%);--sider-border-animation: sider-border-flow 4.8s linear infinite alternate;--slider-track: var(--control-slider-track);--slider-thumb-bg: var(--control-slider-thumb-bg);--slider-thumb-border: var(--control-slider-thumb-border);--key-bg-opacity: 30%;--key-bg: color-mix(in srgb, var(--color-bg-soft) var(--key-bg-opacity), transparent);--performance-preset-control-shadow: 0 1px .125rem rgb(15 23 42 / 8%);--macro-manage-item-hover-bg: var(--item-hover-bg);--macro-manage-item-active-bg: var(--item-selected-bg);--macro-manage-item-active-border: var(--item-selected-border);--macro-manage-record-item-hover-bg: var(--item-hover-bg);--macro-manage-record-item-active-bg: var(--item-selected-bg);--macro-manage-record-item-active-border: var(--item-selected-border);--macro-manage-type-option-hover-bg: var(--item-hover-bg);--macro-manage-type-option-active-bg: var(--item-selected-bg);--macro-manage-type-option-active-border: var(--item-selected-border);--dialog-mask: rgb(0 0 0 / 70%);--dialog-bg: linear-gradient(180deg, rgb(32 26 17 / 99%) 0%, rgb(8 8 8 / 99%) 100%);--dialog-border: rgb(150 114 60 / 76%);--dialog-shadow: inset 0 1px 0 rgb(255 226 168 / 10%), 0 1.125rem 3rem rgb(0 0 0 / 48%), 0 0 1.625rem rgb(255 169 60 / 10%);--dialog-on-accent: #211508;--dialog-accent: #ffc46b;--dialog-danger: #f09a91;--dialog-danger-border: #c96b60;--dialog-danger-bg: linear-gradient(180deg, rgb(96 41 35 / 96%) 0%, rgb(43 19 17 / 98%) 100%);--dialog-danger-text: #fff4f2;--dialog-control-bg: linear-gradient(180deg, rgb(53 42 27 / 88%) 0%, rgb(22 18 12 / 94%) 100%);--dialog-control-hover-bg: linear-gradient(180deg, rgb(74 55 28 / 94%) 0%, rgb(31 23 13 / 98%) 100%);--dialog-control-active-bg: var(--dialog-control-bg);--dialog-control-border: var(--color-border);--dialog-control-text: var(--color-content-primary);--dialog-control-shadow: var(--shadow-soft), inset 0 1px 0 rgb(255 226 168 / 7%);--dialog-control-active-shadow: inset 0 .125rem .3125rem rgb(0 0 0 / 30%);--dialog-confirm-bg: linear-gradient(180deg, rgb(255 196 107 / 98%) 0%, rgb(211 132 35 / 98%) 100%);--dialog-confirm-hover-bg: linear-gradient(180deg, #ffd58c 0%, #e39a39 100%);--dialog-confirm-active-bg: linear-gradient(180deg, #d48624 0%, #a66014 100%);--dialog-confirm-shadow: 0 0 .75rem rgb(255 173 48 / 18%), inset 0 1px 0 rgb(255 245 214 / 35%);--dialog-hover-shadow: 0 0 .875rem rgb(255 173 48 / 14%), inset 0 1px 0 rgb(255 226 168 / 12%);--dialog-danger-hover-bg: linear-gradient(180deg, rgb(128 52 44 / 98%) 0%, rgb(57 24 21 / 99%) 100%);--dialog-info: #d6c18b;--dialog-success: #a8d9a8;--dialog-warning: #ffc46b;--dialog-error: #f09a91;--message-bg: #1a140e;--message-border: #8f6b37;--message-text: #fff7e6;--message-shadow: 0 .75rem 1.75rem rgb(0 0 0 / 38%), inset 0 1px 0 rgb(255 226 168 / 10%);--message-info: #e3cc98;--message-success: #a8d9a8;--message-warning: #ffd080;--message-error: #ffaaa0;--message-close: #d7c39b;--sider-menu-accent: var(--color-accent-text);--sider-control-border: conic-gradient( from 180deg at 50% 50%, #8a5a08 0deg, #4b3410 72deg, #756247 126deg, #251c0c 198deg, #756247 278.65deg, #8a5a08 360deg );--sider-control-hover-bg: conic-gradient( from 180deg at 120% -40%, rgb(255 198 94 / 12%) 0deg, rgb(84 57 17 / 20%) 76deg, rgb(16 13 8 / 0%) 142deg, rgb(255 226 168 / 12%) 196deg, rgb(16 13 8 / 0%) 262deg, rgb(255 198 94 / 12%) 360deg ), linear-gradient( 180deg, rgb(65 48 18 / 88%) 0%, rgb(65 48 18 / 90%) 32%, rgb(16 13 8 / 94%) 68%, rgb(16 13 8 / 94%) 100% );--sider-control-hover-shadow: inset 0 1px 0 rgb(255 226 168 / 22%), inset 0 0 .875rem rgb(255 179 64 / 12%), 0 0 .875rem rgb(255 173 48 / 12%);--sider-control-item-border: var(--color-focus);--sider-menu-focus-border: color-mix(in srgb, var(--sider-menu-accent) 70%, transparent);--sider-menu-focus-ring: var(--focus-ring);--sider-button-focus-ring: var(--focus-ring);--card-bg-opacity: 80%;--card-bg-blur: 0px;--card-bg-surface: color-mix(in srgb, var(--color-bg-surface) var(--card-bg-opacity), transparent);--card-backdrop-filter: blur(var(--card-bg-blur));--hover-transform: translateY(-1px);--menu-hover-transform: translateX(.25rem);--menu-active-transform: translateX(.375rem);--active-scale: 1.04;--up-tip-border: rgb(150 114 60 / 48%);--up-tip-background: rgb(31 25 16 / 78%);--up-tip-shadow: inset 0 1px 0 rgb(255 226 168 / 7%);--up-quick-button-border-background: var(--effect-decorative-border-background);--up-quick-button-hover-gradient-stops: var(--effect-surface-hover-stops);--up-quick-button-hover-background: var(--effect-surface-hover-base-background);--up-quick-button-hover-border-background: var(--effect-decorative-border-background);--up-quick-button-hover-shadow: var(--item-shadow);--up-quick-button-hover-animation: var(--effect-surface-hover-animation);--up-quick-button-active-gradient-stops: var(--effect-surface-hover-stops);--up-quick-button-active-background: var(--effect-surface-hover-base-background);--up-quick-button-active-border-background: var(--effect-decorative-border-background);--up-quick-button-active-shadow: var(--up-quick-button-hover-shadow);--up-quick-button-active-animation: var(--effect-surface-hover-animation);--up-quick-button-active-text: #ff9f43;--up-quick-button-focus-ring: var(--focus-ring);--up-tab-shadow-hover: var(--shadow-custom-key-hover);--up-tab-shadow-active: var(--shadow-custom-key-active);--control-disabled-opacity: .5;--control-pressed-scale: .98;--control-loading-overlay-background: color-mix(in srgb, var(--color-bg-page) 58%, transparent);--control-loading-overlay-filter: blur(.5625rem);--control-axis-icon-text: var(--color-content-primary);--control-axis-icon-text-shadow: -1px -1px 0 #808080, 1px -1px 0 #808080, -1px 1px 0 #808080, 1px 1px 0 #808080;--control-number-stepper-hover-background: rgb(0 0 0 / 5%);--control-number-stepper-active-background: rgb(0 0 0 / 10%);--control-custom-key-tab-shadow: 0 0 .5rem 0 rgb(0 0 0 / 20%);--control-custom-key-tab-background: rgb(245 245 250 / 20%);--control-keyboard-layout-border: var(--color-control-border);--control-keyboard-layout-background: transparent;--control-keyboard-layout-shadow: none;--control-keyboard-layout-border-stops: var(--effect-panel-border-active-stops);--control-keyboard-layout-border-animation: var(--effect-panel-border-active-animation);--control-keyboard-layout-border-filter: var(--effect-panel-border-active-filter);--control-key-border: var(--color-border);--control-key-background: none;--control-key-selected-background: var(--control-key-background);--control-key-hover-gradient-stops: var(--effect-surface-hover-stops);--control-key-hover-background: var(--effect-surface-hover-base-background);--control-key-hover-animation: var(--effect-surface-hover-animation);--control-key-active-scale: var(--control-key-scale);--control-key-border-background: var(--effect-decorative-border-background);--control-key-border-hover-background: var(--effect-decorative-border-background);--control-key-selected-border-stops: var(--effect-decorative-border-active-stops);--control-key-selected-border-shadow: var(--effect-decorative-border-active-shadow);--control-key-selected-border-animation: var(--effect-decorative-border-active-animation);--control-key-light-background: var(--control-key-background);--control-key-hover-border: #0b99ff;--control-key-hover-shadow: 0 0 .5rem 0 #0c8ce94d;--control-key-focus-ring: var(--focus-ring);--control-key-trigger-text: var(--color-accent-text);--control-key-advanced-type-background: var(--color-accent);--control-key-adjusting-background: color-mix(in srgb, var(--color-bg-surface) 80%, transparent);--control-key-adjusting-none-shadow: 0 .25rem .75rem rgb(0 0 0 / 8%);--control-key-calibration-background: color-mix(in srgb, var(--color-accent) 18%, #fff);--control-key-calibration-shadow-done: 0 .25rem .75rem color-mix(in srgb, var(--color-accent) 14%, transparent);--control-key-calibration-shadow-new: 0 .25rem .75rem color-mix(in srgb, var(--color-accent) 10%, transparent);--control-key-calibration-overlay-background: color-mix(in srgb, var(--color-accent) 10%, transparent);--control-app-menu-bg: #2d2d2d;--control-app-menu-backdrop-filter: blur(.625rem);--control-app-menu-radius: 1rem;--control-menu-item-hover-bg: rgb(255 255 255 / 10%);--control-menu-item-hover-text: rgb(255 255 255 / 90%);--control-menu-item-radius: .625rem;--control-menu-icon-default: var(--color-content-secondary);--control-menu-icon-hover: var(--color-content-primary);--control-menu-icon-active: var(--color-focus);--control-menu-item-highlight: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 100%);--control-menu-item-hover-shadow: var(--shadow-none);--control-menu-item-active-shadow: var(--shadow-panel);--control-menu-item-active-text-shadow: 0 1px .1875rem rgb(0 0 0 / 20%);--control-menu-divider-bg: transparent;--control-menu-divider-shadow: 0 -1px .125rem 0 rgb(255 255 255 / 80%) inset;--control-app-menu-item-active-shadow: 0 0 .5rem 0 rgb(0 0 0 / 20%), 0 -.125rem .25rem 0 rgb(0 0 0 / 25%) inset, 0 .1875rem .1875rem 0 rgb(255 255 255 / 20%) inset;--control-button-bg: #fff;--control-button-bg-hover: #f7f8fa;--control-button-border: var(--color-control-border);--control-button-text: #202329;--control-button-focus-ring: var(--focus-ring);--control-button-primary-bg: #f5f1e8;--control-button-primary-text: var(--color-on-accent);--control-button-primary-shadow-hover: 0 .25rem .75rem rgb(0 0 0 / 15%);--control-button-primary-shadow-active: 0 .125rem .375rem rgb(0 0 0 / 15%);--control-button-outline-border: #f5f1e8;--control-button-outline-text: #f5f1e8;--control-button-outline-bg-hover: #f5f1e8;--control-button-outline-text-hover: var(--color-on-accent);--control-button-text-color: var(--color-accent-text);--control-button-text-bg-hover: var(--color-bg-elevated);--control-button-danger-bg: #ff4d4f;--control-button-danger-bg-hover: #ff7875;--control-button-danger-text: #fff;--control-button-danger-shadow-hover: 0 .25rem .75rem rgb(255 77 79 / 30%);--control-button-danger-shadow-active: 0 .125rem .375rem rgb(255 77 79 / 30%);--control-action-button-border: var(--color-control-border);--control-action-button-bg: linear-gradient(180deg, rgb(45 35 20 / 82%) 0%, rgb(18 15 10 / 92%) 100%);--control-action-button-text: var(--color-content-primary);--control-action-button-shadow: inset 0 1px 0 rgb(255 226 168 / 8%), 0 .125rem .5rem rgb(0 0 0 / 20%);--control-action-button-focus-outline: .125rem solid rgb(255 210 138 / 92%);--control-action-button-hover-border: var(--color-accent-text);--control-action-button-hover-bg: linear-gradient(180deg, rgb(76 53 19 / 92%) 0%, rgb(34 25 12 / 96%) 100%);--control-action-button-hover-text: var(--color-content-primary);--control-action-button-hover-shadow: inset 0 1px 0 rgb(255 226 168 / 18%), inset 0 0 .75rem rgb(255 179 64 / 10%), 0 0 .875rem rgb(255 173 48 / 14%);--control-action-button-active-border: var(--color-accent-text);--control-action-button-active-bg: linear-gradient(180deg, #8a5a08 0%, #4b3410 100%);--control-action-button-active-text: #fff7e8;--control-action-button-active-shadow: inset 0 .125rem .3125rem rgb(0 0 0 / 32%), 0 0 .625rem rgb(255 173 48 / 18%);--control-action-button-pressed-border: var(--color-accent-text);--control-action-button-pressed-bg: linear-gradient(180deg, rgb(118 73 14 / 94%) 0%, rgb(54 37 12 / 98%) 100%);--control-action-button-pressed-text: #fff7e8;--control-action-button-pressed-shadow: inset 0 1px 0 rgb(255 226 168 / 22%), inset 0 0 .875rem rgb(255 179 64 / 12%), 0 0 .875rem rgb(255 173 48 / 18%);--control-action-button-danger-border: #8c4b45;--control-action-button-danger-bg: linear-gradient(180deg, rgb(66 30 27 / 88%) 0%, rgb(28 16 15 / 94%) 100%);--control-action-button-danger-text: var(--color-content-primary);--control-action-button-danger-shadow: none;--control-action-button-danger-hover-border: #d86c62;--control-action-button-danger-hover-bg: linear-gradient(180deg, rgb(100 42 36 / 94%) 0%, rgb(47 22 20 / 98%) 100%);--control-action-button-danger-hover-shadow: inset 0 1px 0 rgb(255 211 204 / 16%), 0 0 .875rem rgb(216 108 98 / 16%);--control-action-button-danger-active-border: #f09a91;--control-action-button-danger-active-bg: linear-gradient(180deg, #7b312b 0%, #421d1a 100%);--control-action-button-danger-active-text: #fff4f2;--control-action-button-danger-active-shadow: inset 0 .125rem .3125rem rgb(0 0 0 / 32%), 0 0 .625rem rgb(216 108 98 / 18%);--control-radio-group-shadow: var(--shadow-soft);--control-radio-indicator-bg: var(--color-content-primary);--control-radio-text: var(--color-content-primary);--control-radio-text-active: var(--color-bg-page);--control-radio-bg-hover: rgb(0 0 0 / 5%);--control-connect-action-primary-bg: linear-gradient(180deg, rgb(82 54 13 / 82%) 0%, rgb(28 20 8 / 96%) 100%);--control-connect-action-primary-text: #ffd28a;--control-connect-action-primary-shadow: inset 0 1px 0 rgb(255 226 168 / 16%), 0 .625rem 1.75rem rgb(0 0 0 / 24%);--control-connect-action-ready-shadow: var(--effect-decorative-border-active-shadow);--control-connect-action-secondary-text: #9d8a6b;--control-connect-action-secondary-decoration: rgb(157 138 107 / 68%);--control-connect-action-secondary-text-hover: #ffd28a;--control-connect-action-secondary-text-active: #d2ad72;--control-connect-action-focus-outline: .125rem solid rgb(255 210 138 / 82%);--control-connect-action-hover-filter: brightness(1.14);--control-connect-action-active-filter: brightness(.96);--control-input-bg: #fff;--control-input-border: var(--color-control-border);--control-input-border-focus: var(--color-focus);--control-input-compact-bg: #f4f5f7;--control-input-compact-border: var(--color-control-border);--control-input-compact-bg-hover: #fff;--control-input-compact-border-hover: var(--color-accent-text);--control-select-trigger-border: var(--color-control-border);--control-select-trigger-hover-border: var(--color-control-hover-border);--control-select-trigger-bg: rgb(2 5 10 / 14%);--control-select-trigger-hover-bg: linear-gradient( 180deg, rgb(65 48 18 / 88%) 0%, rgb(65 48 18 / 90%) 32%, rgb(16 13 8 / 94%) 68%, rgb(16 13 8 / 94%) 100% );--control-select-trigger-hover-shadow: inset 0 1px 0 rgb(255 226 168 / 22%), 0 0 .625rem rgb(255 173 48 / 10%);--control-select-text: var(--color-content-primary);--control-select-arrow: var(--color-content-primary);--control-select-scrollbar-thumb: rgb(132 94 43 / 74%);--control-select-dropdown-border: var(--color-control-border);--control-select-dropdown-bg: rgb(2 5 10 / 96%);--control-select-dropdown-text: var(--color-content-muted);--control-select-indicator-border: var(--color-accent-text);--control-select-indicator-bg: linear-gradient( 180deg, rgb(255 210 94 / 18%) 0%, rgb(11 8 3 / 42%) 48%, rgb(255 178 31 / 16%) 100% );--control-select-indicator-shadow: 0 0 .625rem 1px rgb(255 181 32 / 56%), 0 0 1.375rem .1875rem rgb(255 165 28 / 26%), inset 0 0 .625rem rgb(255 184 38 / 18%);--control-select-option-hover-bg: rgb(255 190 58 / 8%);--control-select-option-hover-text: var(--color-content-secondary);--control-select-option-active-text: var(--color-content-primary);--control-select-option-active-shadow: 0 0 .5rem rgb(255 255 255 / 28%);--control-card-default-border: var(--color-control-border);--control-card-default-background: linear-gradient(180deg, rgb(35 29 20 / 72%) 0%, rgb(15 13 9 / 84%) 100%);--control-card-default-shadow: inset 0 1px 0 rgb(255 255 255 / 4%), 0 .125rem .5rem rgb(0 0 0 / 16%);--control-card-selected-border: var(--color-accent-text);--control-card-selected-background: linear-gradient(180deg, rgb(82 53 17 / 90%) 0%, rgb(31 23 11 / 96%) 100%);--control-card-selected-shadow: inset 0 1px 0 rgb(255 226 168 / 20%), inset 0 0 1rem rgb(255 179 64 / 12%), 0 0 1rem rgb(255 173 48 / 18%);--control-card-hover-border: var(--color-accent-text);--control-card-hover-background: linear-gradient(180deg, rgb(64 45 19 / 82%) 0%, rgb(27 21 12 / 90%) 100%);--control-card-hover-shadow: inset 0 1px 0 rgb(255 226 168 / 12%), 0 0 .75rem rgb(255 173 48 / 12%);--control-card-selected-hover-border: var(--color-accent-text);--control-card-selected-hover-background: linear-gradient(180deg, rgb(94 61 18 / 94%) 0%, rgb(36 26 11 / 98%) 100%);--control-card-selected-hover-shadow: inset 0 1px 0 rgb(255 226 168 / 26%), inset 0 0 1.125rem rgb(255 179 64 / 16%), 0 0 1.25rem rgb(255 173 48 / 24%);--control-config-item-background: transparent;--control-config-item-border: var(--color-control-border);--control-config-item-hover-background: linear-gradient(180deg, rgb(65 48 18 / 90%) 0%, rgb(18 14 9 / 96%) 100%);--control-config-item-hover-border: var(--color-accent-text);--control-config-item-selected-background: linear-gradient(180deg, rgb(94 61 18 / 94%) 0%, rgb(36 26 11 / 98%) 100%);--control-config-item-selected-border: var(--color-accent-text);--control-config-item-focus-ring: var(--focus-ring);--control-config-item-shadow: inset 0 1px 0 rgb(255 226 168 / 8%), 0 .125rem .5rem rgb(0 0 0 / 18%);--control-config-item-backdrop-filter: none;--control-config-heading-color: #ead58e;--control-config-panel-background: color-mix(in srgb, var(--color-bg-surface) 80%, transparent);--control-config-panel-backdrop-filter: none;--control-config-action-background: color-mix(in srgb, var(--color-accent) 4%, transparent);--control-config-name-background: color-mix(in srgb, var(--color-accent) 5%, var(--color-bg-surface));--control-config-edit-button-shadow: inset 0 1px 0 rgb(255 226 168 / 7%);--control-config-confirm-shadow: 0 0 .75rem rgb(255 173 48 / 16%), inset 0 1px 0 rgb(255 245 214 / 32%);--control-config-confirm-hover-background: linear-gradient(180deg, #ffd58c 0%, #e39a39 100%);--control-config-menu-background: linear-gradient(180deg, rgb(32 26 17 / 99%) 0%, rgb(8 8 8 / 99%) 100%);--control-config-menu-border: var(--color-control-border);--control-config-menu-shadow: inset 0 1px 0 rgb(255 226 168 / 10%), 0 1.125rem 3rem rgb(0 0 0 / 48%), 0 0 1.625rem rgb(255 169 60 / 10%);--control-config-menu-backdrop-filter: blur(1rem);--control-config-menu-item-hover-shadow: inset 0 1px 0 rgb(255 226 168 / 10%);--control-config-menu-item-active-shadow: inset 0 .125rem .3125rem rgb(0 0 0 / 30%);--control-config-menu-danger-border: #c96b60;--control-config-menu-danger-background: linear-gradient(180deg, rgb(96 41 35 / 96%) 0%, rgb(43 19 17 / 98%) 100%);--control-config-menu-danger-text: #fff4f2;--control-config-dialog-accent-background: linear-gradient(180deg, #ffc46b 0%, #d38423 100%);--control-config-dialog-accent-text: #211508;--control-config-dialog-check-shadow: 0 0 .625rem rgb(255 173 48 / 20%);--control-config-dialog-control-background: linear-gradient(180deg, rgb(53 42 27 / 88%) 0%, rgb(22 18 12 / 94%) 100%);--control-config-dialog-control-hover-background: linear-gradient( 180deg, rgb(74 55 28 / 94%) 0%, rgb(31 23 13 / 98%) 100% );--control-config-dialog-code-background: linear-gradient(180deg, rgb(48 37 22 / 72%) 0%, rgb(14 12 9 / 88%) 100%);--control-config-dialog-tag-background: #f4f6fa;--control-dialog-mask: rgb(0 0 0 / 70%);--control-dialog-background: linear-gradient(180deg, rgb(32 26 17 / 99%) 0%, rgb(8 8 8 / 99%) 100%);--control-dialog-border: var(--color-control-border);--control-dialog-divider: rgb(150 114 60 / 42%);--control-dialog-shadow: inset 0 1px 0 rgb(255 226 168 / 10%), 0 1.125rem 3rem rgb(0 0 0 / 48%), 0 0 1.625rem rgb(255 169 60 / 10%);--control-dialog-control-background: linear-gradient(180deg, rgb(53 42 27 / 88%) 0%, rgb(22 18 12 / 94%) 100%);--control-dialog-control-hover-background: linear-gradient(180deg, rgb(74 55 28 / 94%) 0%, rgb(31 23 13 / 98%) 100%);--control-dialog-control-active-background: var(--control-dialog-control-background);--control-dialog-control-highlight: inset 0 1px 0 rgb(255 226 168 / 7%);--control-dialog-hover-shadow: 0 0 .875rem rgb(255 173 48 / 14%), inset 0 1px 0 rgb(255 226 168 / 12%);--control-dialog-active-shadow: inset 0 .125rem .3125rem rgb(0 0 0 / 30%);--control-dialog-focus-ring: var(--focus-ring);--control-dialog-accent-border: var(--color-focus);--control-dialog-confirm-background: linear-gradient(180deg, rgb(255 196 107 / 98%) 0%, rgb(211 132 35 / 98%) 100%);--control-dialog-confirm-hover-background: linear-gradient(180deg, #ffd58c 0%, #e39a39 100%);--control-dialog-confirm-active-background: linear-gradient(180deg, #d48624 0%, #a66014 100%);--control-dialog-confirm-text: #211508;--control-dialog-confirm-shadow: 0 0 .75rem rgb(255 173 48 / 18%), inset 0 1px 0 rgb(255 245 214 / 35%);--control-dialog-cancel-action: #f53f3f;--control-dialog-cancel-focus-ring: 0 0 0 .125rem var(--dialog-danger);--control-dialog-danger-background: linear-gradient(180deg, rgb(96 41 35 / 96%) 0%, rgb(43 19 17 / 98%) 100%);--control-dialog-danger-hover-background: linear-gradient(180deg, rgb(128 52 44 / 98%) 0%, rgb(57 24 21 / 99%) 100%);--control-dialog-danger-text: var(--dialog-danger-text);--control-dialog-danger-shadow: 0 0 .75rem rgb(216 108 98 / 16%), inset 0 1px 0 rgb(255 211 204 / 16%);--control-rgb-panel-background: var(--control-config-panel-background);--control-rgb-panel-backdrop-filter: var(--control-config-panel-backdrop-filter);--control-rgb-divider-color: var(--color-border);--control-rgb-shade-background: rgb(255 255 255 / 20%);--control-rgb-selected-text: var(--control-config-dialog-accent-text);--control-rgb-color-picker-ring: 0 0 0 .125rem color-mix(in srgb, var(--color-bg-surface) 84%, transparent);--control-rgb-switch-rail-bg: rgb(93 74 108 / 50%);--control-rgb-switch-rail-fill-bg: linear-gradient(90deg, #7a3f8d 0%, #ffc46b 48%, #8e477f 100%);--control-rgb-switch-rail-fill-shadow: 0 0 .4375rem rgb(255 196 107 / 90%), 0 0 1.25rem rgb(166 75 169 / 58%);--control-rgb-custom-swatch-border: rgb(255 255 255 / 16%);--control-rgb-custom-swatch-shadow: inset 0 0 0 1px rgb(0 0 0 / 12%);--control-trigger-heading: var(--control-config-heading-color);--control-trigger-panel-background: var(--color-bg-surface);--control-trigger-panel-backdrop-filter: none;--control-trigger-inset-background: none;--control-trigger-inset-backdrop-filter: none;--control-trigger-progress-track-border: var(--color-accent-text);--control-trigger-progress-track-background: linear-gradient(180deg, rgb(122 44 255 / 16%) 0%, rgb(4 5 10 / 82%) 42%, rgb(1 2 8 / 92%) 100%), rgb(2 3 9 / 88%);--control-trigger-progress-track-shadow: inset 0 0 .625rem rgb(122 44 255 / 20%), 0 0 .4375rem rgb(122 44 255 / 48%), 0 0 1.125rem rgb(142 48 255 / 28%);--control-trigger-progress-fill-background: linear-gradient( 180deg, #7a2cff 0%, #7f2cff 28%, #b545d5 58%, #ef7a18 100% );--control-trigger-progress-fill-shadow: inset 0 0 .5rem rgb(255 255 255 / 18%), 0 0 .625rem rgb(122 44 255 / 58%), 0 0 1.125rem rgb(255 136 28 / 26%);--control-input-skin-border: conic-gradient( from var(--control-input-border-angle) at 50% 50%, #8a5a08 0deg, #4b3410 72deg, #756247 126deg, #251c0c 198deg, #756247 278.65deg, #8a5a08 360deg );--control-input-skin-hover-bg: conic-gradient( from 180deg at 120% -40%, rgb(255 198 94 / 12%) 0deg, rgb(84 57 17 / 20%) 76deg, rgb(16 13 8 / 0%) 142deg, rgb(255 226 168 / 12%) 196deg, rgb(16 13 8 / 0%) 262deg, rgb(255 198 94 / 12%) 360deg ), linear-gradient(180deg, rgb(65 48 18 / 88%) 0%, rgb(65 48 18 / 90%) 32%, rgb(16 13 8 / 94%) 100%);--control-input-skin-hover-shadow: inset 0 1px 0 rgb(255 226 168 / 22%), inset 0 0 .875rem rgb(255 179 64 / 12%), 0 0 .875rem rgb(255 173 48 / 12%);--control-input-skin-focus-animation: app-input-border-flow 3s linear infinite;--control-slider-text: #c8c3ba;--control-slider-muted: #8e8981;--control-slider-rail: #e1e3e8;--control-slider-track: #0b99ff;--control-slider-thumb-bg: #fff;--control-slider-thumb-border: #0b99ff;--control-switch-active-bg: #0b99ff;--control-slider-skin-rail-border: var(--color-control-border);--control-slider-skin-rail-bg: rgb(3 4 9 / 62%);--control-slider-skin-rail-shadow: inset 0 0 .25rem rgb(255 255 255 / 8%), 0 0 .5rem rgb(122 44 255 / 12%);--control-slider-skin-track-bg: var(--color-accent-text);--control-slider-skin-track-shadow: 0 0 .5rem rgb(122 44 255 / 70%), 0 0 .875rem rgb(255 157 70 / 60%);--control-slider-skin-thumb-border: var(--color-accent-text);--control-slider-skin-thumb-bg: #ff9f43;--control-slider-skin-thumb-shadow: 0 0 0 .125rem rgb(255 159 67 / 18%), 0 0 .875rem rgb(255 165 72 / 95%), 0 0 1.5rem rgb(255 204 145 / 55%);--control-slider-skin-thumb-hover-border: #ffe0ba;--control-slider-skin-thumb-hover-shadow: 0 0 0 .1875rem rgb(255 159 67 / 24%), 0 0 1.125rem rgb(255 165 72 / 100%), 0 0 1.875rem rgb(255 204 145 / 70%);--control-switch-skin-border: var(--color-control-border);--control-switch-skin-bg: linear-gradient(180deg, rgb(55 28 78 / 72%) 0%, rgb(34 17 55 / 78%) 100%);--control-switch-skin-shadow: inset 0 0 .5rem rgb(255 255 255 / 8%), 0 0 .4375rem rgb(189 71 255 / 70%), 0 0 1.125rem rgb(177 49 255 / 38%);--control-switch-skin-focus-outline: .125rem solid var(--color-focus);--control-switch-skin-hover-bg: linear-gradient(180deg, rgb(67 32 94 / 76%) 0%, rgb(42 19 66 / 82%) 100%);--control-switch-skin-handle-bg: radial-gradient(circle at 35% 30%, #ffe8bd 0%, #ffd18a 58%, #f0a55b 100%);--control-switch-skin-checked-handle-bg: var(--control-switch-skin-handle-bg);--control-switch-skin-handle-shadow: 0 0 .375rem rgb(255 208 139 / 90%), 0 0 .875rem rgb(255 172 87 / 45%);--control-switch-skin-checked-bg: linear-gradient(180deg, #6d348d 0%, #4c2370 100%);--control-switch-skin-checked-shadow: inset 0 0 .5rem rgb(255 255 255 / 9%), 0 0 .5rem rgb(189 71 255 / 88%), 0 0 1.375rem rgb(177 49 255 / 56%), 0 0 2.625rem rgb(121 42 190 / 35%);--control-switch-skin-checked-hover-bg: linear-gradient(180deg, #783a9b 0%, #55277c 100%);--control-tab-bar-bg: #e5e5eb;--control-tab-bar-border: #e5e5eb;--control-tab-bar-active-bg: var(--color-accent);--control-tab-bar-active-border: var(--color-accent-text);--control-tab-bar-active-text: var(--color-on-accent);--control-tab-bar-text: var(--color-content-primary);--control-tab-bar-hover-bg: rgb(255 255 255 / 32%);--control-tab-bar-active-shadow: none;--control-tab-indicator-bg: #f5f1e8;--control-tab-text: #f5f1e8;--control-tab-text-active: #f4f6fa;--control-tab-bg-hover: rgb(0 0 0 / 5%);--control-tab-accent-indicator-border: #c28a32;--control-tab-accent-indicator-bg: linear-gradient(180deg, rgb(82 55 17 / 94%) 0%, rgb(30 22 10 / 98%) 100%);--control-tab-accent-indicator-shadow: inset 0 1px 0 rgb(255 226 168 / 20%), inset 0 0 .75rem rgb(255 179 64 / 12%), 0 0 .75rem rgb(255 173 48 / 18%);--control-tab-accent-text: #bdbdbd;--control-tab-accent-text-hover: #f1d68d;--control-tab-accent-text-active: #f6e7ae;--control-tab-accent-bg-hover: rgb(170 111 28 / 12%);--control-tab-accent-bg-pressed: rgb(170 111 28 / 22%);--control-tab-accent-shadow-pressed: inset 0 .125rem .25rem rgb(0 0 0 / 28%);--control-tab-container-shadow: var(--shadow-soft);--control-tab-accent-container-bg: linear-gradient(180deg, rgb(27 22 15 / 94%) 0%, rgb(8 7 5 / 98%) 100%);--control-tab-accent-container-border: rgb(155 106 29 / 76%);--control-tab-accent-container-shadow: inset 0 1px 0 rgb(255 226 168 / 6%), inset 0 0 .75rem rgb(255 179 64 / 8%);--control-advanced-key-divider: #19171c;--control-advanced-key-heading: #ead58e;--control-advanced-key-dks-selection-border: #0d84db;--control-advanced-key-dks-on-accent: #211508;--control-advanced-key-dks-track-border: rgb(132 94 43 / 78%);--control-advanced-key-dks-track-bg: rgb(7 7 8 / 72%);--control-advanced-key-dks-travel-hover-text: var(--control-advanced-key-dks-selection-border);--control-advanced-key-input-bg: linear-gradient(180deg, rgb(53 42 27 / 88%) 0%, rgb(22 18 12 / 94%) 100%);--control-advanced-key-input-border: rgb(150 114 60 / 76%);--control-advanced-key-badge-text: #ead58e;--control-advanced-key-panel-bg: color-mix(in srgb, var(--color-bg-surface) 80%, transparent);--control-advanced-key-panel-backdrop-filter: none;--card-background: transparent;--card-border: none;--card-shadow: none;--card-hover-shadow: none;--card-radius: var(--radius-md);--control-axis-switch-transition: .3s ease;--control-number-stepper-transition: .15s ease;--control-custom-key-tab-transition: .5s ease;--control-key-scale: .95;--control-macro-record-placeholder-background: rgb(0 0 0 / 3%);--control-macro-record-placeholder-active-background: rgb(0 0 0 / 6%);--control-macro-record-transition: .15s ease;--control-macro-record-status-transition: .3s ease;--control-macro-record-placeholder-animation: .8s ease-in-out;--control-macro-record-disabled-opacity: .4;--control-macro-record-rebind-opacity: .6;--control-macro-record-rebind-animation: 1s infinite;--control-macro-item-transition: .2s ease;--control-menu-transition: .2s ease;--control-menu-hover-transform: translateX(.25rem);--control-menu-active-transform: translateX(.375rem);--control-connect-title-font-size: 3rem;--control-connect-description-font-size: 1.5rem;--control-connect-tip-font-size: 2rem;--control-connect-action-primary-font-size: 1.25rem;--control-connect-action-disabled-opacity: .42;--control-connect-action-loading-opacity: .82;--control-device-card-border-shadow: var(--effect-decorative-border-active-shadow);--control-device-card-active-shadow: inset 0 1px .1875rem rgb(15 23 42 / 16%);--control-device-card-image-hover-shadow: 0 0 1.25rem rgb(255 255 255 / 90%), 1.25rem 0 5rem rgb(255 255 255 / 50%), -1.25rem 0 5rem rgb(255 255 255 / 50%), inset 0 0 3.125rem rgb(255 255 255 / 30%), inset 12.5rem 0 5rem rgb(255 255 255 / 40%);--control-advanced-key-item-bg: var(--control-config-item-background);--control-advanced-key-item-border: var(--control-config-item-border);--control-advanced-key-item-shadow: var(--control-config-item-shadow);--control-advanced-key-item-hover-bg: var(--control-config-item-hover-background);--control-advanced-key-item-hover-border: var(--control-config-item-hover-border);--control-advanced-key-item-selected-bg: var(--control-config-item-selected-background);--control-advanced-key-item-selected-border: var(--control-config-item-selected-border);--control-advanced-key-item-focus-ring: var(--control-config-item-focus-ring);--control-advanced-key-badge-bg: color-mix(in srgb, var(--color-accent) 8%, var(--color-bg-surface));--control-advanced-key-badge-border: var(--control-config-item-hover-border);--control-advanced-key-keycap-bg: var(--control-advanced-key-panel-bg);--control-advanced-key-keycap-border: var(--color-border);--control-advanced-key-keycap-selected-bg: var(--control-config-item-selected-background);--control-advanced-key-keycap-selected-border: var(--control-config-item-selected-border);--control-advanced-key-dks-button-bg: color-mix(in srgb, var(--color-bg-surface) 78%, transparent);--control-advanced-key-dks-button-border: var(--color-content-muted);--control-advanced-key-dks-item-hover-bg: var(--control-config-item-hover-background);--control-advanced-key-dks-item-active-bg: var(--control-config-item-selected-background);--control-advanced-key-dks-trigger-point-border: color-mix( in srgb, var(--control-advanced-key-item-selected-border) 72%, transparent );--control-advanced-key-dks-trigger-point-ghost-background: color-mix( in srgb, var(--control-advanced-key-item-selected-border) 42%, transparent );--control-advanced-key-dks-travel-hover-bg: transparent;--control-advanced-key-dks-divider: rgb(132 94 43 / 24%);--control-advanced-key-disabled-opacity: .45;--control-advanced-key-slider-text: var(--control-slider-text);--control-advanced-key-cell-bg: var(--control-config-item-background);--control-advanced-key-cell-border: var(--control-config-item-border);--control-advanced-key-cell-shadow: var(--control-config-item-shadow);--control-advanced-key-cell-hover-bg: var(--control-config-item-hover-background);--control-advanced-key-cell-hover-border: var(--control-config-item-hover-border);--control-advanced-key-cell-selected-bg: var(--control-config-item-selected-background);--control-advanced-key-cell-selected-border: var(--control-config-item-selected-border);--control-advanced-key-cell-selected-ring: var(--control-config-item-focus-ring);--control-advanced-key-cell-icon: var(--color-content-secondary);--control-advanced-key-cell-icon-active: var(--color-focus);--control-advanced-key-cell-icon-danger: var(--color-danger);--control-advanced-key-cell-clear-bg: color-mix(in srgb, var(--color-bg-surface) 72%, transparent);--control-advanced-key-cell-clear-shadow: var(--shadow-soft);--control-advanced-key-cell-drag-opacity: var(--control-disabled-opacity);--control-select-disabled-opacity: var(--control-disabled-opacity);--control-share-code-slot-border: #e1e3e8;--control-share-code-slot-radius: .625rem;--control-share-code-slot-bg: color-mix(in srgb, var(--control-share-code-slot-border) 8%, transparent);--control-config-press-motion: .1s ease;--control-config-menu-item-radius: .3125rem;--control-config-module-disabled-opacity: .42;--control-config-dialog-label-font-size: .9375rem;--control-config-loading-overlay-background: var(--control-loading-overlay-background);--control-config-loading-overlay-filter: var(--control-loading-overlay-filter);--control-firmware-pill-hover-background: color-mix(in srgb, var(--color-accent) 12%, var(--color-bg-surface));--control-firmware-pill-shadow: inset 0 1px 0 rgb(255 255 255 / 4%);--control-firmware-pill-hover-shadow: inset 0 1px 0 rgb(255 226 168 / 10%);--control-firmware-log-header-hover-background: color-mix(in srgb, var(--color-accent) 8%, transparent);--control-firmware-log-divider: color-mix(in srgb, var(--color-accent) 18%, transparent);--control-firmware-log-active-background: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 12%, var(--color-bg-surface)) 0%, color-mix(in srgb, var(--color-accent) 4%, var(--color-bg-surface)) 100% );--control-function-item-border: color-mix(in srgb, var(--color-accent) 24%, transparent);--control-function-item-border-strong: var(--color-accent-text);--control-function-item-background: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 7%, var(--color-bg-surface)) 0%, color-mix(in srgb, var(--color-accent) 2%, var(--color-bg-surface)) 100% );--control-function-control-background: color-mix(in srgb, var(--color-accent) 5%, var(--color-bg-surface));--control-function-control-border: color-mix(in srgb, var(--color-accent) 42%, transparent);--control-function-control-hover-border: color-mix(in srgb, var(--color-accent) 76%, transparent);--control-function-focus-ring: var(--focus-ring);--control-function-item-shadow: inset 0 1px 0 rgb(255 255 255 / 4%);--control-rgb-shade-backdrop-filter: blur(.125rem);--control-trigger-progress-transition: height 80ms linear;--control-tab-disabled-opacity: .42;--control-input-skin-disabled-bg: transparent;--control-input-skin-disabled-color: var(--color-content-muted);--control-slider-skin-disabled-rail-border: rgb(92 76 102 / 45%);--control-slider-skin-disabled-rail-shadow: none;--control-slider-skin-disabled-track-bg: linear-gradient(90deg, #76588f 0%, #98668e 48%, #ad8062 100%);--control-slider-skin-disabled-track-shadow: none;--control-slider-skin-disabled-thumb-border: #b9a99a;--control-slider-skin-disabled-thumb-bg: #9b826d;--control-slider-skin-disabled-thumb-shadow: none;--control-switch-skin-disabled-opacity: .48;--control-switch-skin-disabled-filter: saturate(.55)}html[data-theme=light]{color-scheme:light;--color-bg-page: #f4f6fa;--color-bg-surface: #fff;--color-bg-elevated: #f7f8fa;--color-bg-soft: #f5f6fa;--color-content-primary: #202329;--color-content-secondary: #626875;--color-content-muted: #8a909d;--color-content-disabled: #a6acb7;--color-border: #b6babf;--color-border-strong: #8e96a3;--color-control-border: #858d98;--color-control-hover-border: #0b99ff;--color-border-hover: #0b99ff;--color-accent: #0b99ff;--color-accent-text: #0b99ff;--color-on-accent: #202329;--color-content-inverse: #fff;--color-focus: #0876be;--color-success: #18864b;--color-warning: #9a5a00;--color-danger: #d33c32;--color-content-heading: var(--color-content-primary);--color-logo: var(--color-content-primary);--color-icon-default: var(--color-content-secondary);--color-icon-muted: var(--color-content-muted);--color-icon-hover: var(--color-content-primary);--color-icon-active: var(--color-accent-text);--color-icon-danger: var(--color-danger);--color-calibration: var(--color-accent-text);--item-bg: transparent;--item-border: var(--color-control-border);--item-hover-bg: #e7f5ff;--item-hover-border: var(--color-accent-text);--item-selected-bg: #e4f2fd;--item-selected-border: var(--color-accent-text);--item-focus-ring: 0 0 0 .125rem rgb(11 153 255 / 18%);--item-shadow: 0 1px .125rem rgb(15 23 42 / 8%);--focus-ring: 0 0 0 .125rem var(--color-focus);--shadow-panel: 0 .25rem .75rem rgb(15 23 42 / 10%);--shadow-custom-key: 0 1px .125rem rgb(15 23 42 / 8%);--shadow-custom-key-hover: 0 .5rem 1.125rem rgb(15 23 42 / 14%);--shadow-custom-key-active: inset 0 1px .1875rem rgb(15 23 42 / 16%);--effect-bg-layer: none;--effect-bg-layer-opacity: 0;--content-bg-image: url(../svg/content_bg-DuNVam30.svg);--content-bg-image-blur: 0px;--effect-header-overlay: none;--effect-header-overlay-opacity: 0;--effect-header-glow: none;--effect-menu-active-shadow: var(--shadow-panel);--effect-pulse-animation: none;--effect-decorative-border-stops: var(--color-border) 0deg, var(--color-border) 360deg;--effect-decorative-border-background: var(--color-border);--effect-decorative-border-active-stops: var(--color-border) 0deg, var(--color-border) 360deg;--effect-decorative-border-active-shadow: none;--effect-decorative-border-active-animation: none;--effect-panel-border-stops: var(--color-border) 0deg, var(--color-border) 360deg;--effect-panel-border-active-stops: var(--color-border) 0deg, var(--color-border) 360deg;--effect-panel-border-hover-animation: none;--effect-panel-border-active-animation: none;--effect-panel-border-active-filter: none;--effect-surface-hover-stops: transparent 0deg, transparent 360deg;--effect-surface-hover-base-background: var(--item-hover-bg);--effect-surface-hover-shadow: var(--shadow-soft);--effect-surface-hover-animation: none;--effect-surface-shadow-rest: var(--shadow-soft);--effect-surface-shadow-peak: var(--shadow-soft);--header-bg: var(--color-bg-surface);--header-border: #d5d9e0;--header-border-gradient: var(--header-border);--header-border-glow: none;--header-border-animation: none;--sider-border-gradient: var(--color-border);--sider-border-glow: none;--sider-border-animation: none;--slider-track: var(--color-accent-text);--slider-thumb-bg: #fff;--slider-thumb-border: var(--color-accent-text);--key-bg-opacity: 30%;--key-bg: color-mix(in srgb, var(--color-bg-soft) var(--key-bg-opacity), transparent);--performance-preset-control-shadow: 0 1px .125rem rgb(15 23 42 / 8%);--macro-manage-item-hover-bg: var(--item-hover-bg);--macro-manage-item-active-bg: var(--item-selected-bg);--macro-manage-item-active-border: var(--item-selected-border);--macro-manage-record-item-hover-bg: var(--item-hover-bg);--macro-manage-record-item-active-bg: var(--item-selected-bg);--macro-manage-record-item-active-border: var(--item-selected-border);--macro-manage-type-option-hover-bg: var(--item-hover-bg);--macro-manage-type-option-active-bg: var(--item-selected-bg);--macro-manage-type-option-active-border: var(--item-selected-border);--dialog-mask: rgb(15 23 42 / 38%);--dialog-bg: var(--color-bg-surface);--dialog-border: var(--color-control-border);--dialog-shadow: 0 1.125rem 3rem rgb(15 23 42 / 16%);--dialog-on-accent: var(--color-content-inverse);--dialog-accent: var(--color-focus);--dialog-danger: var(--color-danger);--dialog-danger-border: #e39a95;--dialog-danger-bg: #fff3f1;--dialog-danger-text: #c52f27;--dialog-control-bg: var(--color-bg-surface);--dialog-control-hover-bg: #f1f8fe;--dialog-control-active-bg: #e4f2fd;--dialog-control-border: var(--color-control-border);--dialog-control-text: var(--color-content-primary);--dialog-control-shadow: 0 1px .125rem rgb(15 23 42 / 8%);--dialog-control-active-shadow: inset 0 1px .1875rem rgb(15 23 42 / 16%);--dialog-confirm-bg: var(--color-focus);--dialog-confirm-hover-bg: #05639f;--dialog-confirm-active-bg: #044f80;--dialog-confirm-shadow: 0 .25rem .75rem rgb(8 118 190 / 20%);--dialog-hover-shadow: 0 .1875rem .625rem rgb(8 118 190 / 14%);--dialog-danger-hover-bg: #ffe2de;--dialog-info: var(--color-content-secondary);--dialog-success: var(--color-success);--dialog-warning: var(--color-warning);--dialog-error: var(--color-danger);--message-bg: var(--color-bg-surface);--message-border: var(--color-control-border);--message-text: var(--color-content-primary);--message-shadow: 0 .75rem 1.75rem rgb(15 23 42 / 16%);--message-info: var(--color-accent-text);--message-success: var(--color-success);--message-warning: var(--color-warning);--message-error: var(--color-danger);--message-close: var(--color-content-muted);--sider-menu-accent: var(--color-accent-text);--sider-control-border: var(--color-control-border);--sider-control-hover-bg: var(--item-hover-bg);--sider-control-hover-shadow: var(--shadow-soft);--sider-control-item-border: none;--sider-menu-focus-border: var(--color-focus);--sider-menu-focus-ring: var(--focus-ring);--sider-button-focus-ring: var(--focus-ring);--card-bg-opacity: 100%;--card-bg-blur: 0px;--card-bg-surface: color-mix(in srgb, var(--color-bg-surface) 55%, transparent);--card-backdrop-filter: none;--hover-transform: translateY(-1px);--menu-hover-transform: translateX(.25rem);--menu-active-transform: translateX(.375rem);--active-scale: 1.04;--up-tip-border: var(--color-control-border);--up-tip-background: var(--color-bg-surface);--up-tip-shadow: var(--shadow-soft);--up-quick-button-border-background: var(--color-control-border);--up-quick-button-hover-gradient-stops: var(--effect-surface-hover-stops);--up-quick-button-hover-background: var(--effect-surface-hover-base-background);--up-quick-button-hover-border-background: var(--color-accent-text);--up-quick-button-hover-shadow: var(--shadow-soft);--up-quick-button-hover-animation: none;--up-quick-button-active-gradient-stops: transparent 0deg, transparent 360deg;--up-quick-button-active-background: var(--color-accent);--up-quick-button-active-border-background: var(--color-accent-text);--up-quick-button-active-shadow: none;--up-quick-button-active-animation: none;--up-quick-button-active-text: #fff;--up-quick-button-focus-ring: var(--focus-ring);--up-tab-shadow-hover: var(--shadow-custom-key-hover);--up-tab-shadow-active: var(--shadow-custom-key-active);--control-disabled-opacity: .5;--control-pressed-scale: .98;--control-loading-overlay-background: rgb(244 246 250 / 72%);--control-loading-overlay-filter: blur(.25rem);--control-axis-icon-text: #fff;--control-axis-icon-text-shadow: none;--control-number-stepper-hover-background: #f1f8fe;--control-number-stepper-active-background: #e4f2fd;--control-custom-key-tab-shadow: 0 1px .125rem rgb(15 23 42 / 8%);--control-custom-key-tab-background: #f5f6fa;--control-keyboard-layout-border: var(--color-control-border);--control-keyboard-layout-background: transparent;--control-keyboard-layout-shadow: none;--control-keyboard-layout-border-stops: var(--effect-panel-border-active-stops);--control-keyboard-layout-border-animation: var(--effect-panel-border-active-animation);--control-keyboard-layout-border-filter: var(--effect-panel-border-active-filter);--control-key-border: var(--color-border);--control-key-background: color-mix(in srgb, var(--color-bg-soft) 30%, transparent);--control-key-selected-background: var(--item-selected-bg);--control-key-hover-gradient-stops: var(--effect-surface-hover-stops);--control-key-hover-background: var(--effect-surface-hover-base-background);--control-key-hover-animation: var(--effect-surface-hover-animation);--control-key-active-scale: .92;--control-key-border-background: var(--effect-decorative-border-background);--control-key-border-hover-background: var(--control-key-hover-border);--control-key-selected-border-stops: var(--color-accent-text) 0deg, var(--color-accent-text) 360deg;--control-key-selected-border-shadow: var(--effect-decorative-border-active-shadow);--control-key-selected-border-animation: var(--effect-decorative-border-active-animation);--control-key-light-background: var(--control-key-background);--control-key-hover-border: var(--color-accent-text);--control-key-hover-shadow: 0 0 .5rem rgb(11 153 255 / 18%);--control-key-focus-ring: var(--focus-ring);--control-key-trigger-text: var(--color-accent-text);--control-key-advanced-type-background: var(--color-accent);--control-key-adjusting-background: var(--color-bg-surface);--control-key-adjusting-none-shadow: 0 .25rem .75rem rgb(15 23 42 / 8%);--control-key-calibration-background: #e4f2fd;--control-key-calibration-shadow-done: 0 .25rem .75rem rgb(11 153 255 / 14%);--control-key-calibration-shadow-new: 0 .25rem .75rem rgb(11 153 255 / 10%);--control-key-calibration-overlay-background: rgb(11 153 255 / 10%);--control-app-menu-bg: var(--color-bg-surface);--control-app-menu-backdrop-filter: none;--control-app-menu-radius: var(--radius-md);--control-menu-item-hover-bg: #f1f8fe;--control-menu-item-hover-text: var(--color-content-primary);--control-menu-item-radius: var(--radius-sm);--control-menu-icon-default: var(--color-content-secondary);--control-menu-icon-hover: var(--color-content-primary);--control-menu-icon-active: var(--color-accent-text);--control-menu-item-highlight: none;--control-menu-item-hover-shadow: none;--control-menu-item-active-shadow: var(--shadow-soft);--control-menu-item-active-text-shadow: none;--control-menu-divider-bg: var(--color-control-border);--control-menu-divider-shadow: none;--control-app-menu-item-active-shadow: var(--shadow-soft);--control-button-bg: #fff;--control-button-bg-hover: #f1f8fe;--control-button-border: var(--color-control-border);--control-button-text: var(--color-content-primary);--control-button-focus-ring: var(--focus-ring);--control-button-primary-bg: var(--color-accent);--control-button-primary-text: var(--color-on-accent);--control-button-primary-shadow-hover: 0 .25rem .75rem rgb(11 153 255 / 18%);--control-button-primary-shadow-active: inset 0 1px .1875rem rgb(15 23 42 / 16%);--control-button-outline-border: var(--color-accent-text);--control-button-outline-text: var(--color-accent-text);--control-button-outline-bg-hover: #e4f2fd;--control-button-outline-text-hover: #0876be;--control-button-text-color: var(--color-accent-text);--control-button-text-bg-hover: #f1f8fe;--control-button-danger-bg: #d33c32;--control-button-danger-bg-hover: #b8322a;--control-button-danger-text: #fff;--control-button-danger-shadow-hover: 0 .25rem .75rem rgb(211 60 50 / 24%);--control-button-danger-shadow-active: inset 0 1px .1875rem rgb(15 23 42 / 16%);--control-action-button-border: var(--color-control-border);--control-action-button-bg: var(--color-bg-surface);--control-action-button-text: var(--color-content-primary);--control-action-button-shadow: var(--shadow-soft);--control-action-button-focus-outline: .125rem solid var(--color-focus);--control-action-button-hover-border: var(--color-accent-text);--control-action-button-hover-bg: var(--item-hover-bg);--control-action-button-hover-text: #fff;--control-action-button-hover-shadow: 0 .25rem .75rem rgb(11 153 255 / 16%);--control-action-button-active-border: var(--color-focus);--control-action-button-active-bg: var(--item-selected-bg);--control-action-button-active-text: var(--color-content-primary);--control-action-button-active-shadow: inset 0 1px .1875rem rgb(15 23 42 / 16%);--control-action-button-pressed-border: var(--color-accent-text);--control-action-button-pressed-bg: var(--item-selected-bg);--control-action-button-pressed-text: var(--color-content-primary);--control-action-button-pressed-shadow: 0 0 0 1px rgb(11 153 255 / 20%);--control-action-button-danger-border: var(--color-danger);--control-action-button-danger-bg: var(--control-button-danger-bg);--control-action-button-danger-text: var(--control-button-danger-text);--control-action-button-danger-shadow: none;--control-action-button-danger-hover-border: #b8322a;--control-action-button-danger-hover-bg: var(--control-button-danger-bg-hover);--control-action-button-danger-hover-shadow: var(--control-button-danger-shadow-hover);--control-action-button-danger-active-border: #9f2c25;--control-action-button-danger-active-bg: #9f2c25;--control-action-button-danger-active-text: #fff;--control-action-button-danger-active-shadow: var(--control-button-danger-shadow-active);--control-radio-group-shadow: var(--shadow-soft);--control-radio-indicator-bg: var(--color-accent-text);--control-radio-text: var(--color-content-secondary);--control-radio-text-active: var(--color-content-primary);--control-radio-bg-hover: #f1f8fe;--control-connect-action-primary-bg: var(--color-accent);--control-connect-action-primary-text: #fff;--control-connect-action-primary-shadow: 0 .25rem .75rem rgb(11 153 255 / 18%);--control-connect-action-ready-shadow: var(--control-connect-action-primary-shadow);--control-connect-action-secondary-text: var(--color-content-secondary);--control-connect-action-secondary-decoration: rgb(98 104 117 / 58%);--control-connect-action-secondary-text-hover: var(--color-accent-text);--control-connect-action-secondary-text-active: #0876be;--control-connect-action-focus-outline: .125rem solid var(--color-focus);--control-connect-action-hover-filter: brightness(1.04);--control-connect-action-active-filter: brightness(.96);--control-input-bg: #fff;--control-input-border: var(--color-control-border);--control-input-border-focus: var(--color-focus);--control-input-compact-bg: #f4f5f7;--control-input-compact-border: var(--color-control-border);--control-input-compact-bg-hover: #fff;--control-input-compact-border-hover: var(--color-accent-text);--control-select-trigger-border: var(--color-control-border);--control-select-trigger-hover-border: var(--color-control-hover-border);--control-select-trigger-bg: #fff;--control-select-trigger-hover-bg: #f1f8fe;--control-select-trigger-hover-shadow: var(--shadow-soft);--control-select-text: var(--color-content-primary);--control-select-arrow: var(--color-content-secondary);--control-select-scrollbar-thumb: #8dccff;--control-select-dropdown-border: var(--color-control-border);--control-select-dropdown-bg: #fff;--control-select-dropdown-text: var(--color-content-primary);--control-select-indicator-border: var(--color-accent-text);--control-select-indicator-bg: #e4f2fd;--control-select-indicator-shadow: none;--control-select-option-hover-bg: #f1f8fe;--control-select-option-hover-text: var(--color-content-primary);--control-select-option-active-text: var(--color-content-primary);--control-select-option-active-shadow: none;--control-card-default-border: none;--control-card-default-background: #f6f8fb;--control-card-default-shadow: var(--shadow-soft);--control-card-selected-border: var(--color-accent-text);--control-card-selected-background: #e4f2fd;--control-card-selected-shadow: 0 0 0 1px rgb(11 153 255 / 20%);--control-card-hover-border: var(--color-accent-text);--control-card-hover-background: #f1f8fe;--control-card-hover-shadow: 0 .25rem .75rem rgb(11 153 255 / 12%);--control-card-selected-hover-border: var(--color-accent-text);--control-card-selected-hover-background: #d8ecfc;--control-card-selected-hover-shadow: 0 0 0 1px rgb(11 153 255 / 28%);--control-config-item-background: #f5f6fa;--control-config-item-border: none;--control-config-item-hover-background: #f1f8fe;--control-config-item-hover-border: var(--color-accent-text);--control-config-item-selected-background: #e4f2fd;--control-config-item-selected-border: var(--color-accent-text);--control-config-item-focus-ring: var(--focus-ring);--control-config-item-shadow: var(--shadow-soft);--control-config-item-backdrop-filter: none;--control-config-heading-color: var(--color-content-primary);--control-config-panel-background: #fff;--control-config-panel-backdrop-filter: none;--control-config-action-background: #f1f8fe;--control-config-name-background: #f7fbff;--control-config-edit-button-shadow: none;--control-config-confirm-shadow: 0 .25rem .75rem rgb(11 153 255 / 18%);--control-config-confirm-hover-background: #0876be;--control-config-menu-background: #fff;--control-config-menu-border: var(--color-control-border);--control-config-menu-shadow: var(--shadow-panel);--control-config-menu-backdrop-filter: none;--control-config-menu-item-hover-shadow: none;--control-config-menu-item-active-shadow: var(--shadow-soft);--control-config-menu-danger-border: #e39a95;--control-config-menu-danger-background: #fff3f1;--control-config-menu-danger-text: var(--color-danger);--control-config-dialog-accent-background: var(--color-accent);--control-config-dialog-accent-text: var(--color-on-accent);--control-config-dialog-check-shadow: 0 .125rem .375rem rgb(11 153 255 / 18%);--control-config-dialog-control-background: #f5f6fa;--control-config-dialog-control-hover-background: #e4f2fd;--control-config-dialog-code-background: #f5f6fa;--control-config-dialog-tag-background: #e4f2fd;--control-dialog-mask: var(--dialog-mask);--control-dialog-background: var(--dialog-bg);--control-dialog-border: var(--dialog-border);--control-dialog-divider: #dfe3e8;--control-dialog-shadow: var(--dialog-shadow);--control-dialog-control-background: #fff;--control-dialog-control-hover-background: #f1f8fe;--control-dialog-control-active-background: #e4f2fd;--control-dialog-control-highlight: none;--control-dialog-hover-shadow: 0 .25rem .75rem rgb(11 153 255 / 12%);--control-dialog-active-shadow: inset 0 1px .1875rem rgb(15 23 42 / 16%);--control-dialog-focus-ring: var(--focus-ring);--control-dialog-accent-border: var(--color-accent-text);--control-dialog-confirm-background: var(--color-focus);--control-dialog-confirm-hover-background: #05639f;--control-dialog-confirm-active-background: #044f80;--control-dialog-confirm-text: var(--color-content-inverse);--control-dialog-confirm-shadow: 0 .25rem .75rem rgb(8 118 190 / 20%);--control-dialog-cancel-action: var(--color-control-hover-border);--control-dialog-cancel-focus-ring: var(--focus-ring);--control-dialog-danger-background: #fff3f1;--control-dialog-danger-hover-background: #ffe2de;--control-dialog-danger-text: var(--color-danger);--control-dialog-danger-shadow: 0 .25rem .75rem rgb(211 60 50 / 14%);--control-rgb-panel-background: #fff;--control-rgb-panel-backdrop-filter: none;--control-rgb-divider-color: var(--color-border);--control-rgb-shade-background: rgb(15 23 42 / 8%);--control-rgb-selected-text: var(--color-content-primary);--control-rgb-color-picker-ring: 0 0 0 .125rem #fff, 0 0 0 .1875rem var(--color-accent-text);--control-rgb-switch-rail-bg: #dfe3e8;--control-rgb-switch-rail-fill-bg: var(--color-accent);--control-rgb-switch-rail-fill-shadow: 0 1px .1875rem rgb(11 153 255 / 20%);--control-rgb-custom-swatch-border: rgb(15 23 42 / 14%);--control-rgb-custom-swatch-shadow: inset 0 0 0 1px rgb(15 23 42 / 12%);--control-trigger-heading: var(--color-content-primary);--control-trigger-panel-background: #fff;--control-trigger-panel-backdrop-filter: none;--control-trigger-inset-background: #f7f8fa;--control-trigger-inset-backdrop-filter: none;--control-trigger-progress-track-border: var(--color-accent-text);--control-trigger-progress-track-background: #e4f2fd;--control-trigger-progress-track-shadow: inset 0 0 .375rem rgb(11 153 255 / 10%);--control-trigger-progress-fill-background: var(--color-accent);--control-trigger-progress-fill-shadow: 0 1px .1875rem rgb(11 153 255 / 20%);--control-input-skin-border: var(--color-control-border);--control-input-skin-hover-bg: #f1f8fe;--control-input-skin-hover-shadow: none;--control-input-skin-focus-animation: none;--control-slider-text: var(--color-content-secondary);--control-slider-muted: var(--color-content-muted);--control-slider-rail: #e1e3e8;--control-slider-track: var(--color-accent-text);--control-slider-thumb-bg: #fff;--control-slider-thumb-border: var(--color-accent-text);--control-switch-active-bg: var(--color-accent);--control-slider-skin-rail-border: var(--color-control-border);--control-slider-skin-rail-bg: #f5f6fa;--control-slider-skin-rail-shadow: inset 0 0 .25rem rgb(15 23 42 / 8%);--control-slider-skin-track-bg: var(--color-accent-text);--control-slider-skin-track-shadow: 0 1px .1875rem rgb(11 153 255 / 20%);--control-slider-skin-thumb-border: var(--color-accent-text);--control-slider-skin-thumb-bg: #fff;--control-slider-skin-thumb-shadow: 0 1px .1875rem rgb(15 23 42 / 16%);--control-slider-skin-thumb-hover-border: #0876be;--control-slider-skin-thumb-hover-shadow: 0 0 0 .1875rem rgb(11 153 255 / 18%);--control-switch-skin-border: var(--color-control-border);--control-switch-skin-bg: var(--color-control-border);--control-switch-skin-shadow: var(--shadow-soft);--control-switch-skin-focus-outline: .125rem solid var(--color-focus);--control-switch-skin-hover-bg: #f1f8fe;--control-switch-skin-handle-bg: #fff;--control-switch-skin-checked-handle-bg: #fff;--control-switch-skin-handle-shadow: 0 1px .1875rem rgb(15 23 42 / 18%);--control-switch-skin-checked-bg: var(--color-accent);--control-switch-skin-checked-shadow: 0 .125rem .375rem rgb(11 153 255 / 20%);--control-switch-skin-checked-hover-bg: #0876be;--control-tab-bar-bg: #e5e5eb;--control-tab-bar-border: #e5e5eb;--control-tab-bar-active-bg: var(--color-accent);--control-tab-bar-active-border: var(--color-accent-text);--control-tab-bar-active-text: var(--color-on-accent);--control-tab-bar-text: var(--color-content-primary);--control-tab-bar-hover-bg: #f1f8fe;--control-tab-bar-active-shadow: none;--control-tab-indicator-bg: var(--color-accent-text);--control-tab-text: var(--color-content-secondary);--control-tab-text-active: var(--color-content-primary);--control-tab-bg-hover: #f1f8fe;--control-tab-accent-indicator-border: var(--color-accent-text);--control-tab-accent-indicator-bg: #e4f2fd;--control-tab-accent-indicator-shadow: none;--control-tab-accent-text: var(--color-content-secondary);--control-tab-accent-text-hover: var(--color-content-primary);--control-tab-accent-text-active: var(--color-accent-text);--control-tab-accent-bg-hover: #f1f8fe;--control-tab-accent-bg-pressed: #e4f2fd;--control-tab-accent-shadow-pressed: inset 0 1px .1875rem rgb(15 23 42 / 12%);--control-tab-container-shadow: var(--shadow-soft);--control-tab-accent-container-bg: #ededf1;--control-tab-accent-container-border: var(--color-control-border);--control-tab-accent-container-shadow: var(--shadow-soft);--control-advanced-key-divider: var(--color-control-border);--control-advanced-key-heading: var(--color-content-primary);--control-advanced-key-dks-selection-border: var(--color-accent-text);--control-advanced-key-dks-on-accent: var(--color-on-accent);--control-advanced-key-dks-track-border: var(--color-border);--control-advanced-key-dks-track-bg: #f5f6fa;--control-advanced-key-dks-travel-hover-text: var(--color-accent-text);--control-advanced-key-input-bg: #f5f6fa;--control-advanced-key-input-border: var(--color-border);--control-advanced-key-badge-text: var(--color-content-primary);--control-advanced-key-panel-bg: #fff;--control-advanced-key-panel-backdrop-filter: none;--card-background: var(--color-bg-surface);--card-border: 1px solid var(--color-border);--card-shadow: var(--shadow-soft);--card-hover-shadow: var(--shadow-panel);--card-radius: var(--radius-md);--control-axis-switch-transition: var(--motion-base);--control-number-stepper-transition: var(--motion-fast);--control-custom-key-tab-transition: var(--motion-slow);--control-key-scale: .95;--control-macro-record-placeholder-background: rgb(15 23 42 / 3%);--control-macro-record-placeholder-active-background: rgb(15 23 42 / 6%);--control-macro-record-transition: var(--motion-fast);--control-macro-record-status-transition: var(--motion-base);--control-macro-record-placeholder-animation: .8s ease-in-out;--control-macro-record-disabled-opacity: .4;--control-macro-record-rebind-opacity: .6;--control-macro-record-rebind-animation: 1s infinite;--control-macro-item-transition: var(--motion-base);--control-menu-transition: var(--motion-base);--control-menu-hover-transform: translateX(.25rem);--control-menu-active-transform: translateX(.375rem);--control-connect-title-font-size: 3rem;--control-connect-description-font-size: 1.5rem;--control-connect-tip-font-size: 2rem;--control-connect-action-primary-font-size: 1.25rem;--control-connect-action-disabled-opacity: .42;--control-connect-action-loading-opacity: .82;--control-device-card-border-shadow: var(--shadow-panel);--control-device-card-active-shadow: var(--shadow-soft);--control-device-card-image-hover-shadow: 0 0 1.25rem rgb(11 153 255 / 24%);--control-advanced-key-item-bg: var(--control-config-item-background);--control-advanced-key-item-border: var(--control-config-item-border);--control-advanced-key-item-shadow: var(--control-config-item-shadow);--control-advanced-key-item-hover-bg: var(--control-config-item-hover-background);--control-advanced-key-item-hover-border: var(--control-config-item-hover-border);--control-advanced-key-item-selected-bg: var(--control-config-item-selected-background);--control-advanced-key-item-selected-border: var(--control-config-item-selected-border);--control-advanced-key-item-focus-ring: var(--control-config-item-focus-ring);--control-advanced-key-badge-bg: color-mix(in srgb, var(--color-accent) 8%, var(--color-bg-surface));--control-advanced-key-badge-border: var(--control-config-item-hover-border);--control-advanced-key-keycap-bg: var(--control-advanced-key-panel-bg);--control-advanced-key-keycap-border: var(--color-border);--control-advanced-key-keycap-selected-bg: var(--control-config-item-selected-background);--control-advanced-key-keycap-selected-border: var(--control-config-item-selected-border);--control-advanced-key-dks-button-bg: color-mix(in srgb, var(--color-bg-surface) 78%, transparent);--control-advanced-key-dks-button-border: var(--color-content-muted);--control-advanced-key-dks-item-hover-bg: var(--control-config-item-hover-background);--control-advanced-key-dks-item-active-bg: var(--control-config-item-selected-background);--control-advanced-key-dks-trigger-point-border: var(--color-accent-text);--control-advanced-key-dks-trigger-point-ghost-background: color-mix(in srgb, var(--color-accent) 12%, transparent);--control-advanced-key-dks-travel-hover-bg: transparent;--control-advanced-key-dks-divider: var(--color-border);--control-advanced-key-disabled-opacity: .45;--control-advanced-key-slider-text: var(--control-slider-text);--control-advanced-key-cell-bg: var(--control-config-item-background);--control-advanced-key-cell-border: var(--control-config-item-border);--control-advanced-key-cell-shadow: var(--control-config-item-shadow);--control-advanced-key-cell-hover-bg: var(--control-config-item-hover-background);--control-advanced-key-cell-hover-border: var(--control-config-item-hover-border);--control-advanced-key-cell-selected-bg: var(--control-config-item-selected-background);--control-advanced-key-cell-selected-border: var(--control-config-item-selected-border);--control-advanced-key-cell-selected-ring: var(--control-config-item-focus-ring);--control-advanced-key-cell-icon: var(--color-content-secondary);--control-advanced-key-cell-icon-active: var(--color-focus);--control-advanced-key-cell-icon-danger: var(--color-danger);--control-advanced-key-cell-clear-bg: color-mix(in srgb, var(--color-bg-surface) 72%, transparent);--control-advanced-key-cell-clear-shadow: var(--shadow-soft);--control-advanced-key-cell-drag-opacity: var(--control-disabled-opacity);--control-select-disabled-opacity: var(--control-disabled-opacity);--control-share-code-slot-border: var(--color-border);--control-share-code-slot-radius: .625rem;--control-share-code-slot-bg: color-mix(in srgb, var(--control-share-code-slot-border) 8%, transparent);--control-config-press-motion: .1s ease;--control-config-menu-item-radius: .3125rem;--control-config-module-disabled-opacity: .42;--control-config-dialog-label-font-size: .9375rem;--control-config-loading-overlay-background: var(--control-loading-overlay-background);--control-config-loading-overlay-filter: var(--control-loading-overlay-filter);--control-firmware-pill-hover-background: color-mix(in srgb, var(--color-accent) 12%, var(--color-bg-surface));--control-firmware-pill-shadow: var(--shadow-soft);--control-firmware-pill-hover-shadow: var(--shadow-soft);--control-firmware-log-header-hover-background: color-mix(in srgb, var(--color-accent) 8%, transparent);--control-firmware-log-divider: color-mix(in srgb, var(--color-accent) 18%, transparent);--control-firmware-log-active-background: color-mix(in srgb, var(--color-accent) 8%, var(--color-bg-surface));--control-function-item-border: none;--control-function-item-border-strong: var(--color-accent-text);--control-function-item-background: #f6f8fb;--control-function-control-background: color-mix(in srgb, var(--color-accent) 5%, var(--color-bg-surface));--control-function-control-border: var(--color-control-border);--control-function-control-hover-border: var(--color-accent-text);--control-function-focus-ring: var(--focus-ring);--control-function-item-shadow: none;--control-rgb-shade-backdrop-filter: blur(.125rem);--control-trigger-progress-transition: height 80ms linear;--control-tab-disabled-opacity: .42;--control-input-skin-disabled-bg: transparent;--control-input-skin-disabled-color: var(--color-content-muted);--control-slider-skin-disabled-rail-border: var(--color-border);--control-slider-skin-disabled-rail-shadow: none;--control-slider-skin-disabled-track-bg: var(--color-bg-elevated);--control-slider-skin-disabled-track-shadow: none;--control-slider-skin-disabled-thumb-border: var(--color-content-disabled);--control-slider-skin-disabled-thumb-bg: var(--color-content-disabled);--control-slider-skin-disabled-thumb-shadow: none;--control-switch-skin-disabled-opacity: .48;--control-switch-skin-disabled-filter: saturate(.55)}@property --effect-border-angle{syntax: "<angle>"; inherits: false; initial-value: 180deg;}@property --effect-surface-angle{syntax: "<angle>"; inherits: false; initial-value: 180deg;}.themed-svg{color:inherit}.themed-svg :where([fill]:not([fill=none])){fill:currentcolor}.themed-svg :where([stroke]:not([stroke=none])){stroke:currentcolor}@keyframes effect-border-flow{0%{--effect-border-angle: 180deg}to{--effect-border-angle: 540deg}}@keyframes effect-surface-flow{0%{--effect-surface-angle: 180deg;box-shadow:var(--effect-surface-shadow-rest)}50%{box-shadow:var(--effect-surface-shadow-peak)}to{--effect-surface-angle: 540deg;box-shadow:var(--effect-surface-shadow-rest)}}.ttc-dialog-plugin .t-dialog__mask{background-color:var(--dialog-mask)}.ttc-confirm-dialog.t-dialog{overflow:hidden;border:1px solid var(--dialog-border);border-radius:var(--radius-lg);background:var(--dialog-bg);box-shadow:var(--dialog-shadow);color:var(--color-content-primary)}.ttc-confirm-dialog.t-dialog--default{padding:0}.ttc-confirm-dialog{border-color:var(--dialog-border);background:var(--dialog-bg);box-shadow:var(--dialog-shadow)}.ttc-confirm-dialog .t-dialog__header{align-items:center;padding:1.25rem 1.5rem 0;color:var(--color-content-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:1.5rem}.ttc-confirm-dialog .t-dialog__header .t-dialog__header-content{align-items:center}.ttc-confirm-dialog .t-dialog__header .t-icon{flex:0 0 auto;font-size:1.25rem}.ttc-confirm-dialog .t-dialog__header .t-is-info{color:var(--dialog-info)}.ttc-confirm-dialog .t-dialog__header .t-is-warning{color:var(--dialog-warning)}.ttc-confirm-dialog .t-dialog__header .t-is-error{color:var(--dialog-error)}.ttc-confirm-dialog .t-dialog__header .t-is-success{color:var(--dialog-success)}.ttc-confirm-dialog .t-dialog__body,.ttc-confirm-dialog .t-dialog__body__icon{padding:.75rem 1.5rem 1.375rem;color:var(--color-content-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.4375rem}.ttc-confirm-dialog .t-dialog__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:0 1.5rem 1.375rem;border-top:0}.ttc-confirm-dialog .t-dialog__cancel.t-button,.ttc-confirm-dialog .t-dialog__confirm.t-button{min-width:5.5rem;height:2.25rem;border:1px solid var(--dialog-control-border);border-radius:var(--radius-md);background:var(--dialog-control-bg);color:var(--dialog-control-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.25rem;box-shadow:var(--dialog-control-shadow);transition:border-color var(--motion-fast),background var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.ttc-confirm-dialog .t-dialog__confirm.t-button{border-color:var(--dialog-accent);background:var(--dialog-confirm-bg);color:var(--dialog-on-accent);box-shadow:var(--dialog-confirm-shadow, var(--shadow-soft))}.ttc-confirm-dialog .t-dialog__cancel.t-button:hover,.ttc-confirm-dialog .t-dialog__confirm.t-button:hover{border-color:var(--dialog-accent);background:var(--dialog-control-hover-bg);color:var(--dialog-control-text);box-shadow:var(--dialog-hover-shadow, var(--shadow-soft));transform:var(--hover-transform)}.ttc-confirm-dialog .t-dialog__confirm.t-button:hover{background:var(--dialog-confirm-hover-bg);color:var(--dialog-on-accent)}.ttc-confirm-dialog .t-dialog__cancel.t-button:active,.ttc-confirm-dialog .t-dialog__confirm.t-button:active{background:var(--dialog-control-active-bg);box-shadow:var(--dialog-control-active-shadow);transform:none}.ttc-confirm-dialog .t-dialog__confirm.t-button:active{background:var(--dialog-confirm-active-bg)}.ttc-confirm-dialog .t-dialog__cancel.t-button:focus-visible,.ttc-confirm-dialog .t-dialog__confirm.t-button:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-soft)}.ttc-confirm-dialog .t-dialog__cancel.t-button:disabled,.ttc-confirm-dialog .t-dialog__confirm.t-button:disabled{border-color:var(--color-content-disabled);background:transparent;color:var(--color-content-disabled);box-shadow:none;cursor:not-allowed}.ttc-confirm-dialog--danger.t-dialog{border-color:var(--dialog-danger-border)}.ttc-confirm-dialog--danger.t-dialog .t-dialog__confirm.t-button{border-color:var(--dialog-danger-border);background:var(--dialog-danger-bg);color:var(--dialog-danger-text);box-shadow:0 0 .75rem #d86c6229,inset 0 1px #ffd3cc29}.ttc-confirm-dialog--danger.t-dialog .t-dialog__confirm.t-button:hover{border-color:var(--dialog-danger);background:var(--dialog-danger-hover-bg);color:var(--dialog-danger-text)}@media(width<=560px){.ttc-confirm-dialog{width:calc(100vw - 2rem)!important}.ttc-confirm-dialog .t-dialog__header,.ttc-confirm-dialog .t-dialog__body,.ttc-confirm-dialog .t-dialog__footer{padding-right:1.125rem;padding-left:1.125rem}}body{transition:background-color .3s ease,color .3s ease}button,input,textarea,select,[role=button],[role=menuitem]{transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}@media(prefers-reduced-motion:reduce){body,button,input,textarea,select,[role=button],[role=menuitem]{transition:none}}@font-face{font-family:HarmonyOS Sans SC;font-weight:500;font-style:normal;font-display:swap;src:url(../ttf/HarmonyOS_Sans_SC_Medium-CE5MS7Zn.ttf) format("truetype")}@font-face{font-family:HarmonyOS Sans SC;font-weight:400;font-style:normal;font-display:swap;src:url(../ttf/HarmonyOS_Sans_SC-C77Vtir2.ttf) format("truetype")}@font-face{font-family:HarmonyOS Sans SC;font-weight:700;font-style:normal;font-display:swap;src:url(../ttf/HarmonyOS_Sans_SC_Bold-BqocZwdf.ttf) format("truetype")}@font-face{font-family:REEJI PinboGB;font-weight:400;font-style:normal;font-display:swap;src:url(../ttf/REEJI-PinboGB-CUsFcR24.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}*::-webkit-scrollbar{width:.5rem;height:.5rem}*::-webkit-scrollbar-track{background:transparent;border-radius:.25rem}*::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:.25rem;-webkit-transition:background .2s;transition:background .2s}*::-webkit-scrollbar-thumb:hover{background:var(--color-content-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg-page);color:var(--color-content-primary);font-family:var(--font-family-ui);-webkit-user-select:none;-moz-user-select:none;user-select:none}#app{width:100%;height:100%}.t-message__list{top:max(.8333rem,env(safe-area-inset-top))!important;left:50%!important;display:flex;flex-direction:column;align-items:stretch;width:-moz-fit-content!important;width:fit-content!important;transform:translate(-50%)!important;max-width:calc(100vw - 2.6667rem)!important;gap:.5833rem;pointer-events:none}.t-message__list .t-message.ttc-global-message{width:auto;min-width:min(20rem,100%);max-width:min(40rem,100%);min-height:3.1667rem;margin:0;padding:.5833rem .8333rem;border:1px solid var(--message-border);border-radius:.5rem;background:var(--message-bg);box-shadow:var(--message-shadow);color:var(--message-text);font-size:1.0833rem;font-weight:600;line-height:1.45;text-align:left;white-space:normal;overflow-wrap:anywhere;pointer-events:auto}.t-message__list .t-message.ttc-global-message>.t-icon,.t-message__list .t-message.ttc-global-message>[data-t-icon]>.t-icon,.t-message__list .t-message.ttc-global-message .t-loading{color:var(--message-state-color, var(--message-info));font-size:1.3333rem;flex:0 0 auto;margin-right:.5833rem}.t-message__list .t-message.ttc-global-message.t-is-success{--message-state-color: var(--message-success);border-left-color:var(--message-success)}.t-message__list .t-message.ttc-global-message.t-is-warning{--message-state-color: var(--message-warning);border-left-color:var(--message-warning)}.t-message__list .t-message.ttc-global-message.t-is-error{--message-state-color: var(--message-error);border-left-color:var(--message-error)}.t-message__list .t-message.ttc-global-message.t-is-closable .t-message__close{flex:0 0 auto;min-width:2rem;min-height:2rem;margin-left:1rem;color:var(--message-close)}.t-message__list .t-message.ttc-global-message.t-is-closable .t-message__close:hover{color:var(--message-text)}@media(width<=560px){.t-message__list{width:-moz-fit-content!important;width:fit-content!important;max-width:calc(100vw - 2rem)!important;gap:.5833rem}.t-message__list .t-message.ttc-global-message{min-height:3.3333rem;padding:.5833rem .8333rem;font-size:1.1667rem;line-height:1.45}.t-message__list .t-message.ttc-global-message>.t-icon,.t-message__list .t-message.ttc-global-message>[data-t-icon]>.t-icon,.t-message__list .t-message.ttc-global-message .t-loading{margin-right:.5833rem;font-size:1.4167rem}}@media(prefers-reduced-motion:reduce){.t-message__list .t-message.ttc-global-message{animation:none!important;transition:none!important}}html[data-theme=light]{--td-brand-color-1: #f3f3f3;--td-brand-color-2: #e3e3e3;--td-brand-color-3: #c6c6c6;--td-brand-color-4: #a9a9a9;--td-brand-color-5: #8c8c8c;--td-brand-color-6: #717171;--td-brand-color-7: #595959;--td-brand-color-8: #434343;--td-brand-color-9: #303030;--td-brand-color-10: #000;--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-hover: var(--td-brand-color-9);--td-brand-color: var(--td-brand-color-10);--td-brand-color-active: var(--td-brand-color-10);--td-warning-color-1: #fef3e6;--td-warning-color-2: #f9e0c7;--td-warning-color-3: #f7c797;--td-warning-color-4: #f2995f;--td-warning-color-5: #ed7b2f;--td-warning-color-6: #d35a21;--td-warning-color-7: #ba431b;--td-warning-color-8: #9e3610;--td-warning-color-9: #842b0b;--td-warning-color-10: #5a1907;--td-warning-color: var(--td-warning-color-5);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-error-color-1: #fdecee;--td-error-color-2: #f9d7d9;--td-error-color-3: #f8b9be;--td-error-color-4: #f78d94;--td-error-color-5: #f36d78;--td-error-color-6: #e34d59;--td-error-color-7: #c9353f;--td-error-color-8: #b11f26;--td-error-color-9: #951114;--td-error-color-10: #680506;--td-error-color: var(--td-error-color-6);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-success-color-1: #e8f8f2;--td-success-color-2: #bcebdc;--td-success-color-3: #85dbbe;--td-success-color-4: #48c79c;--td-success-color-5: #00a870;--td-success-color-6: #078d5c;--td-success-color-7: #067945;--td-success-color-8: #056334;--td-success-color-9: #044f2a;--td-success-color-10: #033017;--td-success-color: var(--td-success-color-5);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #383838;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-bg-color-container: rgb(255 255 255 / 60%);--td-bg-color-container-select: #fff;--td-bg-color-page: var(--td-gray-color-2);--td-bg-color-container-hover: var(--td-gray-color-1);--td-bg-color-container-active: var(--td-gray-color-3);--td-bg-color-secondarycontainer: var(--td-gray-color-1);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);--td-bg-color-component: var(--td-gray-color-3);--td-bg-color-component-hover: var(--td-gray-color-4);--td-bg-color-component-active: var(--td-gray-color-6);--td-bg-color-component-disabled: var(--td-gray-color-2);--td-component-stroke: var(--td-gray-color-3);--td-component-border: var(--td-gray-color-4);--td-font-white-1: #fff;--td-font-white-2: rgb(255 255 255 / 55%);--td-font-white-3: rgb(255 255 255 / 35%);--td-font-white-4: rgb(255 255 255 / 22%);--td-font-gray-1: rgb(0 0 0 / 90%);--td-font-gray-2: rgb(0 0 0 / 60%);--td-font-gray-3: rgb(0 0 0 / 40%);--td-font-gray-4: rgb(0 0 0 / 26%);--td-text-color-primary: var(--td-font-gray-1);--td-text-color-secondary: var(--td-font-gray-2);--td-text-color-placeholder: var(--td-font-gray-3);--td-text-color-disabled: var(--td-font-gray-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color);--td-text-color-link: var(--td-brand-color);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-light-hover: var(--td-success-color-2);--td-bg-color-secondarycomponent: var(--td-gray-color-4);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);--td-table-shadow-color: rgb(0 0 0 / 8%);--td-scrollbar-color: rgb(0 0 0 / 10%);--td-scrollbar-hover-color: rgb(0 0 0 / 30%);--td-scroll-track-color: #fff;--td-bg-color-specialcomponent: #fff;--td-border-level-1-color: var(--td-gray-color-3);--td-border-level-2-color: var(--td-gray-color-4);--td-shadow-1: 0 1px .625rem rgb(0 0 0 / 5%), 0 .25rem .3125rem rgb(0 0 0 / 8%), 0 .125rem .25rem -1px rgb(0 0 0 / 12%);--td-shadow-2: 0 .1875rem .875rem .125rem rgb(0 0 0 / 5%), 0 .5rem .625rem 1px rgb(0 0 0 / 6%), 0 .3125rem .3125rem -.1875rem rgb(0 0 0 / 10%);--td-shadow-3: 0 .375rem 1.875rem .3125rem rgb(0 0 0 / 5%), 0 1rem 1.5rem .125rem rgb(0 0 0 / 4%), 0 .5rem .625rem -.3125rem rgb(0 0 0 / 8%);--td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;--td-shadow-inset-right: inset .5px 0 0 #dcdcdc;--td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;--td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;--td-mask-active: rgb(0 0 0 / 60%);--td-mask-disabled: rgb(255 255 255 / 60%)}html[data-theme=dark]{--td-brand-color-1: #8c8c8c20;--td-brand-color-2: #303030;--td-brand-color-3: #434343;--td-brand-color-4: #595959;--td-brand-color-5: #717171;--td-brand-color-6: #8c8c8c;--td-brand-color-7: #a9a9a9;--td-brand-color-8: #c6c6c6;--td-brand-color-9: #e3e3e3;--td-brand-color-10: #f3f3f3;--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-hover: var(--td-brand-color-5);--td-brand-color: var(--td-brand-color-6);--td-brand-color-active: var(--td-brand-color-7);--td-warning-color-1: #4f2a1d;--td-warning-color-2: #582f21;--td-warning-color-3: #733c23;--td-warning-color-4: #a75d2b;--td-warning-color-5: #cf6e2d;--td-warning-color-6: #dc7633;--td-warning-color-7: #e8935c;--td-warning-color-8: #ecbf91;--td-warning-color-9: #eed7bf;--td-warning-color-10: #f3e9dc;--td-error-color-1: #472324;--td-error-color-2: #5e2a2d;--td-error-color-3: #703439;--td-error-color-4: #83383e;--td-error-color-5: #a03f46;--td-error-color-6: #c64751;--td-error-color-7: #de6670;--td-error-color-8: #ec888e;--td-error-color-9: #edb1b6;--td-error-color-10: #eeced0;--td-success-color-1: #193a2a;--td-success-color-2: #1a4230;--td-success-color-3: #17533d;--td-success-color-4: #0d7a55;--td-success-color-5: #059465;--td-success-color-6: #43af8a;--td-success-color-7: #46bf96;--td-success-color-8: #80d2b6;--td-success-color-9: #b4e1d3;--td-success-color-10: #deede8;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #383838;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-bg-color-page: var(--td-gray-color-14);--td-bg-color-container: var(--td-gray-color-13);--td-bg-color-container-hover: var(--td-gray-color-12);--td-bg-color-container-active: var(--td-gray-color-10);--td-bg-color-container-select: var(--td-gray-color-9);--td-bg-color-secondarycontainer: var(--td-gray-color-12);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);--td-bg-color-secondarycontainer-active: var(--td-gray-color-9);--td-bg-color-component: var(--td-gray-color-11);--td-bg-color-component-hover: var(--td-gray-color-10);--td-bg-color-component-active: var(--td-gray-color-9);--td-bg-color-component-disabled: var(--td-gray-color-12);--td-component-stroke: var(--td-gray-color-11);--td-component-border: var(--td-gray-color-9);--td-font-white-1: rgb(255 255 255 / 90%);--td-font-white-2: rgb(255 255 255 / 55%);--td-font-white-3: rgb(255 255 255 / 35%);--td-font-white-4: rgb(255 255 255 / 22%);--td-font-gray-1: rgb(0 0 0 / 90%);--td-font-gray-2: rgb(0 0 0 / 60%);--td-font-gray-3: rgb(0 0 0 / 40%);--td-font-gray-4: rgb(0 0 0 / 26%);--td-text-color-primary: var(--td-font-white-1);--td-text-color-secondary: var(--td-font-white-2);--td-text-color-placeholder: var(--td-font-white-3);--td-text-color-disabled: var(--td-font-white-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color);--td-text-color-link: var(--td-brand-color);--td-shadow-1: 0 .25rem .375rem rgb(0 0 0 / 6%), 0 1px .625rem rgb(0 0 0 / 8%), 0 .125rem .25rem rgb(0 0 0 / 12%);--td-shadow-2: 0 .5rem .625rem rgb(0 0 0 / 12%), 0 .1875rem .875rem rgb(0 0 0 / 10%), 0 .3125rem .3125rem rgb(0 0 0 / 16%);--td-shadow-3: 0 1rem 1.5rem rgb(0 0 0 / 14%), 0 .375rem 1.875rem rgb(0 0 0 / 12%), 0 .5rem .625rem rgb(0 0 0 / 20%);--td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;--td-shadow-inset-right: inset .5px 0 0 #5e5e5e;--td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;--td-table-shadow-color: rgb(0 0 0 / 55%);--td-scrollbar-color: rgb(255 255 255 / 10%);--td-scrollbar-hover-color: rgb(255 255 255 / 30%);--td-scroll-track-color: #333;--td-bg-color-specialcomponent: transparent;--td-border-level-1-color: var(--td-gray-color-11);--td-border-level-2-color: var(--td-gray-color-9);--td-mask-active: rgb(0 0 0 / 40%);--td-mask-disabled: rgb(0 0 0 / 60%)}:root{--td-font-family: pingfang sc, microsoft yahei, arial regular;--td-font-family-medium: pingfang sc, microsoft yahei, arial medium;--td-font-size-link-small: .75rem;--td-font-size-link-medium: .875rem;--td-font-size-link-large: 1rem;--td-font-size-mark-small: .75rem;--td-font-size-mark-medium: .875rem;--td-font-size-body-small: .75rem;--td-font-size-body-medium: .875rem;--td-font-size-body-large: 1rem;--td-font-size-title-small: .875rem;--td-font-size-title-medium: 1rem;--td-font-size-title-large: 1.25rem;--td-font-size-headline-small: 1.5rem;--td-font-size-headline-medium: 1.75rem;--td-font-size-headline-large: 2.25rem;--td-font-size-display-medium: 3rem;--td-font-size-display-large: 4rem;--td-line-height-link-small: 1.25rem;--td-line-height-link-medium: 1.375rem;--td-line-height-link-large: 1.5rem;--td-line-height-mark-small: 1.25rem;--td-line-height-mark-medium: 1.375rem;--td-line-height-body-small: 1.25rem;--td-line-height-body-medium: 1.375rem;--td-line-height-body-large: 1.5rem;--td-line-height-title-small: 1.375rem;--td-line-height-title-medium: 1.5rem;--td-line-height-title-large: 1.75rem;--td-line-height-headline-small: 2rem;--td-line-height-headline-medium: 2.25rem;--td-line-height-headline-large: 2.75rem;--td-line-height-display-medium: 3.5rem;--td-line-height-display-large: 4.5rem;--td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);--td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);--td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);--td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);--td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);--td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);--td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);--td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);--td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);--td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);--td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);--td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);--td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);--td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);--td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);--td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family);--td-radius-small: .125rem;--td-radius-default: .1875rem;--td-radius-medium: .375rem;--td-radius-large: .5625rem;--td-radius-extraLarge: .75rem;--td-radius-round: 62.4375rem;--td-radius-circle: 50%;--td-size-1: .125rem;--td-size-2: .25rem;--td-size-3: .375rem;--td-size-4: .5rem;--td-size-5: .75rem;--td-size-6: 1rem;--td-size-7: 1.25rem;--td-size-8: 1.5rem;--td-size-9: 1.75rem;--td-size-10: 2rem;--td-size-11: 2.25rem;--td-size-12: 2.5rem;--td-size-13: 3rem;--td-size-14: 3.5rem;--td-size-15: 4rem;--td-size-16: 4.5rem;--td-comp-size-xxxs: var(--td-size-6);--td-comp-size-xxs: var(--td-size-7);--td-comp-size-xs: var(--td-size-8);--td-comp-size-s: var(--td-size-9);--td-comp-size-m: var(--td-size-10);--td-comp-size-l: var(--td-size-11);--td-comp-size-xl: var(--td-size-12);--td-comp-size-xxl: var(--td-size-13);--td-comp-size-xxxl: var(--td-size-14);--td-comp-size-xxxxl: var(--td-size-15);--td-comp-size-xxxxxl: var(--td-size-16);--td-pop-padding-s: var(--td-size-2);--td-pop-padding-m: var(--td-size-3);--td-pop-padding-l: var(--td-size-4);--td-pop-padding-xl: var(--td-size-5);--td-pop-padding-xxl: var(--td-size-6);--td-comp-paddingLR-xxs: var(--td-size-1);--td-comp-paddingLR-xs: var(--td-size-2);--td-comp-paddingLR-s: var(--td-size-4);--td-comp-paddingLR-m: var(--td-size-5);--td-comp-paddingLR-l: var(--td-size-6);--td-comp-paddingLR-xl: var(--td-size-8);--td-comp-paddingLR-xxl: var(--td-size-10);--td-comp-paddingTB-xxs: var(--td-size-1);--td-comp-paddingTB-xs: var(--td-size-2);--td-comp-paddingTB-s: var(--td-size-4);--td-comp-paddingTB-m: var(--td-size-5);--td-comp-paddingTB-l: var(--td-size-6);--td-comp-paddingTB-xl: var(--td-size-8);--td-comp-paddingTB-xxl: var(--td-size-10);--td-comp-margin-xxs: var(--td-size-1);--td-comp-margin-xs: var(--td-size-2);--td-comp-margin-s: var(--td-size-4);--td-comp-margin-m: var(--td-size-5);--td-comp-margin-l: var(--td-size-6);--td-comp-margin-xl: var(--td-size-7);--td-comp-margin-xxl: var(--td-size-8);--td-comp-margin-xxxl: var(--td-size-10);--td-comp-margin-xxxxl: var(--td-size-12)}html[data-theme=light],html[data-theme=dark]{--td-brand-color: var(--color-accent);--td-brand-color-hover: var(--color-focus);--td-brand-color-focus: color-mix(in srgb, var(--color-accent) 24%, transparent);--td-brand-color-active: var(--color-accent);--td-brand-color-disabled: var(--color-content-disabled);--td-brand-color-light: color-mix(in srgb, var(--color-accent) 12%, transparent);--td-brand-color-light-hover: color-mix(in srgb, var(--color-accent) 18%, transparent);--td-text-color-brand: var(--color-accent-text);--td-text-color-link: var(--color-accent-text);--td-error-color: var(--color-danger);--td-error-color-hover: var(--color-danger);--td-error-color-focus: color-mix(in srgb, var(--color-danger) 24%, transparent);--td-error-color-active: var(--color-danger);--td-error-color-disabled: var(--color-content-disabled);--td-error-color-light: color-mix(in srgb, var(--color-danger) 12%, transparent);--td-success-color: var(--color-success);--td-success-color-hover: var(--color-success);--td-success-color-focus: color-mix(in srgb, var(--color-success) 24%, transparent);--td-success-color-active: var(--color-success);--td-success-color-disabled: var(--color-content-disabled);--td-success-color-light: color-mix(in srgb, var(--color-success) 12%, transparent);--td-warning-color: var(--color-warning);--td-warning-color-hover: var(--color-warning);--td-warning-color-focus: color-mix(in srgb, var(--color-warning) 24%, transparent);--td-warning-color-active: var(--color-warning);--td-warning-color-disabled: var(--color-content-disabled);--td-warning-color-light: color-mix(in srgb, var(--color-warning) 12%, transparent);--td-bg-color-page: var(--color-bg-page);--td-bg-color-container: var(--color-bg-surface);--td-bg-color-container-select: var(--color-bg-surface);--td-bg-color-container-hover: var(--color-bg-elevated);--td-bg-color-container-active: var(--color-bg-elevated);--td-bg-color-secondarycontainer: var(--color-bg-surface);--td-bg-color-secondarycontainer-hover: var(--color-bg-elevated);--td-bg-color-secondarycontainer-active: var(--color-bg-elevated);--td-bg-color-component: var(--color-bg-surface);--td-bg-color-component-hover: var(--color-bg-elevated);--td-bg-color-component-active: var(--color-bg-elevated);--td-bg-color-component-disabled: var(--color-bg-page);--td-bg-color-specialcomponent: var(--color-bg-surface);--td-component-stroke: var(--color-control-border);--td-component-border: var(--color-control-border);--td-border-level-1-color: var(--color-border);--td-border-level-2-color: var(--color-border-strong);--td-text-color-primary: var(--color-content-primary);--td-text-color-secondary: var(--color-content-secondary);--td-text-color-placeholder: var(--color-content-muted);--td-text-color-disabled: var(--color-content-disabled);--td-text-color-anti: var(--color-content-inverse);--td-font-family: var(--font-family-ui);--td-font-family-medium: var(--font-family-ui);--td-mask-active: rgb(0 0 0 / 70%);--td-mask-disabled: rgb(0 0 0 / 50%)}@property --control-input-border-angle{syntax: "<angle>"; inherits: false; initial-value: 180deg;}:is(.t-input,.app-input-shell){--control-input-border-angle: 180deg;position:relative;isolation:isolate;border:none!important;border-radius:.375rem!important;background:transparent!important;color:var(--color-content-primary);box-shadow:none!important;font-size:.75rem;font-weight:700;overflow:hidden}:is(.t-input,.app-input-shell):before{position:absolute;z-index:1;padding:1px;border-radius:inherit;background:var(--control-input-skin-border);content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.app-input-shell{display:inline-flex;align-items:center;padding:0 .5rem}.app-input-shell__control{width:100%;min-width:0;height:100%;padding:0;border:0;outline:none;background:transparent;font:inherit;text-align:center}.app-input-shell__suffix{flex:0 0 auto;margin-left:.125rem;font-size:.6875rem;font-weight:700}.t-input .t-input__suffix{flex:0 0 auto;font-size:.6875rem;font-weight:700}.t-input .t-input__inner,.t-input .t-input__prefix,.t-input .t-input__suffix,.app-input-shell__control,.app-input-shell__suffix{position:relative;z-index:2;color:var(--color-content-primary)!important}.t-input:not(.t-is-disabled):hover,.t-input.t-is-focused:not(.t-is-disabled),.app-input-shell:not(:has(.app-input-shell__control:disabled)):hover,.app-input-shell:focus-within{background:var(--control-input-skin-hover-bg)!important;box-shadow:var(--control-input-skin-hover-shadow)!important}.t-input.t-is-focused:not(.t-is-disabled):before,.app-input-shell:focus-within:before{animation:var(--control-input-skin-focus-animation)}.t-input.t-is-disabled,.input-disabled.t-is-disabled,.t-input-number.t-is-disabled .t-input,.app-input-shell:has(.app-input-shell__control:disabled){background:var(--control-input-skin-disabled-bg)!important;color:var(--control-input-skin-disabled-color)!important;box-shadow:none!important;cursor:not-allowed}.t-input.t-is-disabled .t-input__inner,.input-disabled.t-is-disabled .t-input__inner,.t-input-number.t-is-disabled :is(.t-input__inner,.t-input__suffix),.app-input-shell:has(.app-input-shell__control:disabled) :is(.app-input-shell__control,.app-input-shell__suffix){color:var(--control-input-skin-disabled-color)!important;cursor:not-allowed}@keyframes app-input-border-flow{to{--control-input-border-angle: 540deg}}@media(prefers-reduced-motion:reduce){.t-input.t-is-focused:not(.t-is-disabled):before,.app-input-shell:focus-within:before{animation:none}}.app-action-button{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0 1rem;border:1px solid var(--control-action-button-border);border-radius:.375rem;background:var(--control-action-button-bg);color:var(--control-action-button-text);box-shadow:var(--control-action-button-shadow);scale:1;cursor:pointer;touch-action:manipulation;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease,scale .1s ease}.app-action-button:focus-visible{outline:var(--control-action-button-focus-outline);outline-offset:.125rem}.app-action-button:disabled:not([aria-busy=true]){opacity:.42;cursor:not-allowed;filter:saturate(.5)}.app-action-button[aria-busy=true]{opacity:.72;cursor:progress}.app-action-button:hover:not(:disabled,[aria-busy=true]){border-color:var(--control-action-button-hover-border);background:var(--control-action-button-hover-bg);color:var(--control-action-button-hover-text);box-shadow:var(--control-action-button-hover-shadow)}.app-action-button:active:not(:disabled,[aria-busy=true]){border-color:var(--control-action-button-active-border);background:var(--control-action-button-active-bg);color:var(--control-action-button-active-text);box-shadow:var(--control-action-button-active-shadow);scale:.98}.app-action-button[aria-pressed=true]{border-color:var(--control-action-button-pressed-border);background:var(--control-action-button-pressed-bg);color:var(--control-action-button-pressed-text);box-shadow:var(--control-action-button-pressed-shadow)}.app-action-button--danger{border-color:var(--control-action-button-danger-border);background:var(--control-action-button-danger-bg);color:var(--control-action-button-danger-text);box-shadow:var(--control-action-button-danger-shadow)}.app-action-button--danger:hover:not(:disabled,[aria-busy=true]){border-color:var(--control-action-button-danger-hover-border);background:var(--control-action-button-danger-hover-bg);box-shadow:var(--control-action-button-danger-hover-shadow)}.app-action-button--danger:active:not(:disabled,[aria-busy=true]){border-color:var(--control-action-button-danger-active-border);background:var(--control-action-button-danger-active-bg);color:var(--control-action-button-danger-active-text);box-shadow:var(--control-action-button-danger-active-shadow)}.app-selectable-card{--control-card-border: var(--control-card-default-border);--control-card-background: var(--control-card-default-background);--control-card-shadow: var(--control-card-default-shadow);position:relative;isolation:isolate;box-sizing:border-box;border:1px solid var(--control-card-border);border-radius:.375rem;background:var(--control-card-background);box-shadow:var(--control-card-shadow);cursor:pointer;touch-action:manipulation;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .1s ease}.app-selectable-card:focus-visible{outline:.125rem solid var(--color-focus);outline-offset:.125rem}.app-selectable-card:is(:disabled,.is-disabled){opacity:.42;cursor:not-allowed;filter:saturate(.5)}.app-selectable-card:is(.is-selected,[aria-pressed=true]){--control-card-border: var(--control-card-selected-border);--control-card-background: var(--control-card-selected-background);--control-card-shadow: var(--control-card-selected-shadow)}.app-selectable-card:is(.is-selected,[aria-pressed=true]):after{opacity:1;transform:scale(1)}.app-selectable-card:hover:not(:disabled,.is-disabled){--control-card-border: var(--control-card-hover-border);--control-card-background: var(--control-card-hover-background);--control-card-shadow: var(--control-card-hover-shadow)}.app-selectable-card:active:not(:disabled,.is-disabled){box-shadow:var(--control-card-hover-shadow);transform:scale(.985)}.app-selectable-card:is(.is-selected,[aria-pressed=true]):hover{--control-card-border: var(--control-card-selected-hover-border);--control-card-background: var(--control-card-selected-hover-background);--control-card-shadow: var(--control-card-selected-hover-shadow)}@media(prefers-reduced-motion:reduce){.app-action-button,.app-selectable-card,.app-selectable-card:after{transition:none}}.t-slider{--control-slider-rail-border: var(--control-slider-skin-rail-border);--control-slider-rail-background: var(--control-slider-skin-rail-bg);--control-slider-rail-shadow: var(--control-slider-skin-rail-shadow);--control-slider-track-background: var(--control-slider-skin-track-bg);--control-slider-track-shadow: var(--control-slider-skin-track-shadow);--control-slider-thumb-border: var(--control-slider-skin-thumb-border);--control-slider-thumb-background: var(--control-slider-skin-thumb-bg);--control-slider-thumb-shadow: var(--control-slider-skin-thumb-shadow)}.t-slider.t-is-disabled{--control-slider-rail-border: var(--control-slider-skin-disabled-rail-border);--control-slider-rail-shadow: var(--control-slider-skin-disabled-rail-shadow);--control-slider-track-background: var(--control-slider-skin-disabled-track-bg);--control-slider-track-shadow: var(--control-slider-skin-disabled-track-shadow);--control-slider-thumb-border: var(--control-slider-skin-disabled-thumb-border);--control-slider-thumb-background: var(--control-slider-skin-disabled-thumb-bg);--control-slider-thumb-shadow: var(--control-slider-skin-disabled-thumb-shadow)}.t-slider:not(.t-slider--vertical) .t-slider__rail{box-sizing:border-box;height:.625rem;border:1px solid var(--control-slider-rail-border);background:var(--control-slider-rail-background);box-shadow:var(--control-slider-rail-shadow)}.t-slider:not(.t-slider--vertical) .t-slider__track{height:.625rem;background:var(--control-slider-track-background);box-shadow:var(--control-slider-track-shadow)}.t-slider:not(.t-slider--vertical) .t-slider__button{width:1.125rem;height:1.125rem;border:.1875rem solid var(--control-slider-thumb-border);background:var(--control-slider-thumb-background);box-shadow:var(--control-slider-thumb-shadow)}.t-slider:not(.t-slider--vertical,.t-is-disabled) .t-slider__button:hover,.t-slider:not(.t-slider--vertical,.t-is-disabled) .t-slider__button--dragging{border-color:var(--control-slider-skin-thumb-hover-border);box-shadow:var(--control-slider-skin-thumb-hover-shadow)}.t-switch{--control-switch-background: var(--control-switch-skin-bg);--control-switch-shadow: var(--control-switch-skin-shadow);border:1px solid var(--control-switch-skin-border);background:var(--control-switch-background)!important;backdrop-filter:blur(.625rem);box-shadow:var(--control-switch-shadow)}.t-switch:is(.t-is-disabled,.t-is-loading){opacity:var(--control-switch-skin-disabled-opacity);filter:var(--control-switch-skin-disabled-filter)}.t-switch:focus-visible{outline:var(--control-switch-skin-focus-outline);outline-offset:.125rem}.t-switch:not(.t-is-disabled,.t-is-loading):hover{--control-switch-background: var(--control-switch-skin-hover-bg)}.t-switch .t-switch__handle{top:.1875rem;box-shadow:none}.t-switch .t-switch__handle:before{background:var(--control-switch-skin-handle-bg);box-shadow:var(--control-switch-skin-handle-shadow)}.t-switch.t-is-checked{--control-switch-background: var(--control-switch-skin-checked-bg);--control-switch-shadow: var(--control-switch-skin-checked-shadow)}.t-switch.t-is-checked .t-switch__handle:before{background:var(--control-switch-skin-checked-handle-bg)}.t-switch.t-is-checked:not(.t-is-disabled,.t-is-loading):hover{--control-switch-background: var(--control-switch-skin-checked-hover-bg)}.t-switch.t-is-checked .t-switch__handle{top:1.5px}.t-color-picker.t-popup .t-popup__content{padding:.5rem;border:1px solid var(--item-border);border-radius:.375rem;background:var(--color-bg-surface);color:var(--color-content-primary);box-shadow:var(--shadow-panel)}.t-color-picker__panel{color:var(--color-content-primary)}.t-color-picker__panel.t-is-inline{border:none!important;background:transparent!important;box-shadow:none!important}.t-color-picker__panel .t-color-picker__body{background:transparent}.t-color-picker__panel .t-color-picker__saturation{border:1px solid var(--item-border);box-shadow:inset 0 0 0 1px #ffffff0d}.t-color-picker__panel :is(.t-color-picker__swatches--title,.t-color-picker__icon){color:var(--color-content-secondary)}.t-color-picker__panel .t-input{border:1px solid var(--item-border)!important;background:var(--control-input-bg)!important;color:var(--color-content-primary)!important;box-shadow:var(--shadow-soft)}.t-color-picker__panel :is(.t-input__inner,.t-input__suffix){color:var(--color-content-primary)!important}.t-color-picker__panel .t-color-picker__sliders-wrapper{margin:1rem 0}.t-select-option:hover{background-color:var(--control-select-option-hover-bg)}.theme-switcher[data-v-2f820da3]{position:relative;display:flex;align-items:center}.no-rem.theme-switcher__button[data-v-2f820da3]{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-content-secondary);cursor:pointer}.theme-switcher__button[data-v-2f820da3]:hover,.theme-switcher__button[data-v-2f820da3]:focus-visible{border-color:var(--color-control-border);background:var(--color-bg-elevated);color:var(--color-accent-text);outline:none}.theme-switcher__button[data-v-2f820da3]:focus-visible,.theme-switcher__option[data-v-2f820da3]:focus-visible{box-shadow:var(--focus-ring)}.theme-switcher__icon[data-v-2f820da3]{width:1.375rem;height:1.375rem}.theme-switcher__menu[data-v-2f820da3]{position:absolute;top:calc(100% + .5rem);right:0;z-index:1100;display:grid;gap:.25rem;width:11.5rem;padding:.375rem;border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-bg-surface);box-shadow:var(--shadow-panel)}.no-rem.theme-switcher__option[data-v-2f820da3]{display:flex;align-items:center;min-height:44px;gap:10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-content-primary);text-align:left;cursor:pointer}.theme-switcher__option[data-v-2f820da3]:hover,.theme-switcher__option[data-v-2f820da3]:focus-visible,.theme-switcher__option--active[data-v-2f820da3]{border-color:var(--color-control-border);background:var(--color-bg-elevated);outline:none}.theme-switcher__option--active[data-v-2f820da3]{border-color:var(--color-accent-text);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-surface))}.theme-switcher__swatch[data-v-2f820da3]{flex:0 0 auto;width:.875rem;height:.875rem;border:1px solid var(--color-control-border);border-radius:50%;box-shadow:inset 0 0 0 .125rem var(--color-bg-surface)}.theme-switcher__labels[data-v-2f820da3]{display:grid;flex:1;min-width:0;gap:.125rem}.theme-switcher__name[data-v-2f820da3]{overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.theme-switcher__check[data-v-2f820da3]{color:var(--color-accent-text);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.app-header[data-v-9d9cacad]{--control-header-foreground: var(--color-content-primary);--control-header-logo-color: var(--color-content-primary);position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 0 0 1rem;border-bottom:1px solid var(--color-border)}.app-header[data-v-9d9cacad]:before{content:"";position:absolute;inset:0;z-index:0;background:var(--effect-header-overlay);opacity:var(--effect-header-overlay-opacity);pointer-events:none;animation:var(--effect-pulse-animation)}.app-header__left[data-v-9d9cacad]{position:relative;z-index:1;display:flex;align-items:center;height:100%}.app-header__right[data-v-9d9cacad]{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding-right:.5rem}.app-header__logo[data-v-9d9cacad]{display:flex;gap:.625rem;align-items:center}.app-header__logo-icon[data-v-9d9cacad]{width:2.5rem;height:1.25rem;background-color:var(--control-header-logo-color);transition:background-color var(--motion-fast);-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAgCAYAAABafYVzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAORSURBVHgB7ZrPTxNBFMe/b7Y1RiX2aAKE5epF/gPKP6BrY+LRIjXRk/XoCTh5BE4mAoF/QLr+BcDRG/4HSygJx02UBFN2nm8WWn612912e1izn0M7uzOd2fnOm5m380rIuYHtbNmBClY0yJPLkgLD0q1lz/3gEXI6dISy9HKxFfjAff9MBCvKvd/amreQ02Hs6fOVlm59LlDhS6CKZ5r4vcXBoRjXz3sKrxVyOmjAP5HpFl4wk0y7MN103+1xOCVzOhCxHSYYflEHBwy2jVAXuVzK16xrTFQ2F6H1PpSabe4sLE8462UFmmJFpLWYGnJuMFnZaJCGq2D9MNfn6rxOWj0+chc+3RFLdoQScFZCArz2PO+D7Xy1kZC4dafJeGWzKl/PTJqY3Gbj7X6Yvl5o0vlWFRNcMYsZEsCMg1O25nx33u9VZqKyviTNLSIhpGnVjGqvfLPdn1PQkJ7MIEm9DM/i1lySweiINelsOKzQwIBECTaoUJ26ge3jndr87fsXfpHeNQsxBiCpYKrdqKS2MASyz86MQd8RZDI06cGFCusGquOV9frt+yLU4qBCGWTFtgMq7pbCpac/6qrRZFOva+OK62YHuXV7KKHakAh+vVNmEESoKobECPZI6Y9xyipjVWk02oGurOiyQzbSoXSrU6kMwgVcj2NdKoipamwI5XbDTPwGKdIe1IlX6+UUB8FQemgFL/oVUtKhRLtIHB4Qz4YJRhkpImuXPV3ZmIJWs0gZFeNZlewIqYullLbDTWMEtFjZso2VkTI6hg4FTareLYNYO/LlRP2YSVW7ZgTnvwDL75Uv7w5VM13Rq15xQ0Tx1a5V67+HFt+zyTgUkdASEkCK/b5lemWE70ngJUTQ3KkN9LokC/9W5KbC2Gs2anPo+WwbkUqJ2N5xozaNlMncqUOc6S0+3wFGwH95RCPm3ndKDUJ+npWAXKwEZE4sz533+pWR4+EyRkABGYQlTEURHrxxXuVMaiXR2kXsN7/X1qKKZFIs8aQPxD2wo8qImHUkQWNPPiPFyuSaJafhqbsGcvrg9SuTzQXeBBVSrzO0rEgyKVYYnuL0HE/j8Z9eBiiiyKzrIAcAy0gJCUpsR8UP2mRWrCO35pp3SAyJsao/UGtxymbaKS2w9ZIv/u0yEEaoQAIWcawqbK9njvgdsut4GAE69H961y1h9FgPLw6q/8TZmrMkwkMJT07bQp0kCIX9AzDMeMEwaC6EAAAAAElFTkSuQmCC) no-repeat center/contain;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAgCAYAAABafYVzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAORSURBVHgB7ZrPTxNBFMe/b7Y1RiX2aAKE5epF/gPKP6BrY+LRIjXRk/XoCTh5BE4mAoF/QLr+BcDRG/4HSygJx02UBFN2nm8WWn612912e1izn0M7uzOd2fnOm5m380rIuYHtbNmBClY0yJPLkgLD0q1lz/3gEXI6dISy9HKxFfjAff9MBCvKvd/amreQ02Hs6fOVlm59LlDhS6CKZ5r4vcXBoRjXz3sKrxVyOmjAP5HpFl4wk0y7MN103+1xOCVzOhCxHSYYflEHBwy2jVAXuVzK16xrTFQ2F6H1PpSabe4sLE8462UFmmJFpLWYGnJuMFnZaJCGq2D9MNfn6rxOWj0+chc+3RFLdoQScFZCArz2PO+D7Xy1kZC4dafJeGWzKl/PTJqY3Gbj7X6Yvl5o0vlWFRNcMYsZEsCMg1O25nx33u9VZqKyviTNLSIhpGnVjGqvfLPdn1PQkJ7MIEm9DM/i1lySweiINelsOKzQwIBECTaoUJ26ge3jndr87fsXfpHeNQsxBiCpYKrdqKS2MASyz86MQd8RZDI06cGFCusGquOV9frt+yLU4qBCGWTFtgMq7pbCpac/6qrRZFOva+OK62YHuXV7KKHakAh+vVNmEESoKobECPZI6Y9xyipjVWk02oGurOiyQzbSoXSrU6kMwgVcj2NdKoipamwI5XbDTPwGKdIe1IlX6+UUB8FQemgFL/oVUtKhRLtIHB4Qz4YJRhkpImuXPV3ZmIJWs0gZFeNZlewIqYullLbDTWMEtFjZso2VkTI6hg4FTareLYNYO/LlRP2YSVW7ZgTnvwDL75Uv7w5VM13Rq15xQ0Tx1a5V67+HFt+zyTgUkdASEkCK/b5lemWE70ngJUTQ3KkN9LokC/9W5KbC2Gs2anPo+WwbkUqJ2N5xozaNlMncqUOc6S0+3wFGwH95RCPm3ndKDUJ+npWAXKwEZE4sz533+pWR4+EyRkABGYQlTEURHrxxXuVMaiXR2kXsN7/X1qKKZFIs8aQPxD2wo8qImHUkQWNPPiPFyuSaJafhqbsGcvrg9SuTzQXeBBVSrzO0rEgyKVYYnuL0HE/j8Z9eBiiiyKzrIAcAy0gJCUpsR8UP2mRWrCO35pp3SAyJsao/UGtxymbaKS2w9ZIv/u0yEEaoQAIWcawqbK9njvgdsut4GAE69H961y1h9FgPLw6q/8TZmrMkwkMJT07bQp0kCIX9AzDMeMEwaC6EAAAAAElFTkSuQmCC) no-repeat center/contain}.app-header__logo-text[data-v-9d9cacad]{color:var(--control-header-foreground);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.5px}.app-header--drive[data-v-9d9cacad]{--control-header-foreground: var(--color-content-primary);--control-header-logo-color: var(--color-logo);background:var(--header-bg);border-bottom-color:transparent;box-shadow:var(--effect-header-glow)}.app-header--drive[data-v-9d9cacad]:after{position:absolute;right:0;bottom:-1px;left:0;z-index:2;height:1px;background:var(--header-border-gradient);background-size:200% 100%;box-shadow:var(--header-border-glow);content:"";pointer-events:none;animation:var(--header-border-animation, none)}@keyframes app-header-border-flow-9d9cacad{0%{background-position:0% 50%}to{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.app-header[data-v-9d9cacad]:before{animation:none}.app-header--drive[data-v-9d9cacad]:after{background-position:50% 50%;animation:none}}.app-layout[data-v-c18b1a97]{position:relative;display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.app-layout__background[data-v-c18b1a97]{position:fixed;top:0;left:0;z-index:0;width:100%;height:100%;transition:all .5s ease-in-out;transform:scale(1.02)}.app-layout__header[data-v-c18b1a97]{position:relative;z-index:100;flex-shrink:0;width:100%;height:3rem}.app-layout__content[data-v-c18b1a97]{position:relative;z-index:10;display:flex;flex:1;width:100%;height:calc(100vh - 3rem);overflow:hidden}.app-layout__software[data-v-c18b1a97]{flex:1;height:100%;overflow:hidden}.route-page[data-v-c18b1a97]{width:100%;height:100%}.fade-enter-active[data-v-c18b1a97],.fade-leave-active[data-v-c18b1a97]{transition:opacity .2s ease}.fade-enter-from[data-v-c18b1a97],.fade-leave-to[data-v-c18b1a97]{opacity:0}
