:root{--color-primary-50: oklch(.969 .0093 286.2);--color-primary-100: oklch(.943 .0134 286.1);--color-primary-200: oklch(.907 .0162 286.1);--color-primary-300: oklch(.866 .0206 289);--color-primary-400: oklch(.784 .0169 289.8);--color-primary-500: oklch(.341 .0156 290.6);--color-primary-600: oklch(.241 .0076 285.8);--color-primary-700: oklch(.174 .0061 285.7);--color-primary-800: oklch(.14 .0058 285.6);--color-primary-900: oklch(.108 .0053 285.5);--color-primary-950: oklch(.08 .0048 285.4);--color-blue-50: oklch(.977 .0108 256.7);--color-blue-100: oklch(.959 .0195 260.2);--color-blue-200: oklch(.904 .0464 262.5);--color-blue-300: oklch(.815 .0929 259.6);--color-blue-400: oklch(.694 .1611 259.5);--color-blue-500: oklch(.608 .2128 261.1);--color-blue-600: oklch(.562 .2412 262.2);--color-blue-700: oklch(.483 .2266 263.2);--color-blue-800: oklch(.422 .1999 264.1);--color-blue-900: oklch(.369 .1542 264);--color-blue-950: oklch(.273 .1058 265.2);--color-cyan-50: oklch(.988 .0127 202.9);--color-cyan-100: oklch(.972 .0294 204.5);--color-cyan-200: oklch(.941 .06 205.3);--color-cyan-300: oklch(.889 .1057 208.3);--color-cyan-400: oklch(.823 .1452 214.7);--color-cyan-500: oklch(.771 .1446 223.9);--color-cyan-600: oklch(.71 .1432 231);--color-cyan-700: oklch(.633 .1354 235.6);--color-cyan-800: oklch(.544 .1156 235.1);--color-cyan-900: oklch(.456 .0935 232.4);--color-cyan-950: oklch(.341 .0686 230.8);--color-purple-50: oklch(.975 .0134 295.3);--color-purple-100: oklch(.95 .0272 297.3);--color-purple-200: oklch(.891 .0592 294.8);--color-purple-300: oklch(.794 .1142 292.7);--color-purple-400: oklch(.677 .1828 288.8);--color-purple-500: oklch(.596 .2257 280.8);--color-purple-600: oklch(.546 .2381 278.7);--color-purple-700: oklch(.463 .2242 277.7);--color-purple-800: oklch(.374 .1928 276.8);--color-purple-900: oklch(.282 .1474 278.1);--color-purple-950: oklch(.208 .1048 281.3);--color-yellow-50: oklch(.993 .0107 95.2);--color-yellow-100: oklch(.987 .0227 96);--color-yellow-200: oklch(.943 .1109 99.3);--color-yellow-300: oklch(.894 .1526 97.4);--color-yellow-400: oklch(.839 .1662 92.7);--color-yellow-500: oklch(.774 .1557 87.8);--color-yellow-600: oklch(.679 .1393 84.1);--color-yellow-700: oklch(.614 .1264 83);--color-yellow-800: oklch(.539 .1106 84.6);--color-yellow-900: oklch(.457 .0936 84.9);--color-yellow-950: oklch(.358 .0734 85.4);--color-red-50: oklch(.98 .0098 25.1);--color-red-100: oklch(.958 .0209 24.8);--color-red-200: oklch(.902 .051 22.6);--color-red-300: oklch(.809 .1079 24.6);--color-red-400: oklch(.695 .1739 26.2);--color-red-500: oklch(.612 .2061 28.3);--color-red-600: oklch(.565 .2162 29);--color-red-700: oklch(.504 .1923 28.8);--color-red-800: oklch(.43 .1636 28.4);--color-red-900: oklch(.346 .128 26.8);--color-red-950: oklch(.251 .0883 25.6);--color-orange-50: oklch(.983 .011 63.4);--color-orange-100: oklch(.964 .0219 58.8);--color-orange-200: oklch(.907 .0608 61.3);--color-orange-300: oklch(.841 .1075 59.7);--color-orange-400: oklch(.771 .159 57);--color-orange-500: oklch(.742 .1794 54.2);--color-orange-600: oklch(.723 .1897 50.5);--color-orange-700: oklch(.648 .1708 50.2);--color-orange-800: oklch(.56 .1463 50.8);--color-orange-900: oklch(.454 .1153 52.9);--color-orange-950: oklch(.33 .083 53.8);--color-green-50: oklch(.983 .0123 157);--color-green-100: oklch(.965 .0214 158.6);--color-green-200: oklch(.916 .0553 155.6);--color-green-300: oklch(.844 .1025 154.5);--color-green-400: oklch(.75 .1545 151.2);--color-green-500: oklch(.682 .1703 150.3);--color-green-600: oklch(.627 .1699 149.2);--color-green-700: oklch(.527 .1396 149.7);--color-green-800: oklch(.44 .1116 150.9);--color-green-900: oklch(.361 .0874 151.9);--color-green-950: oklch(.264 .0601 152.6);--color-teal-50: oklch(.983 .0106 189.8);--color-teal-100: oklch(.965 .0201 189.2);--color-teal-200: oklch(.913 .0478 188.2);--color-teal-300: oklch(.84 .0857 186.3);--color-teal-400: oklch(.745 .1161 184.3);--color-teal-500: oklch(.679 .1174 182.5);--color-teal-600: oklch(.6 .1038 184.7);--color-teal-700: oklch(.507 .0864 186.4);--color-teal-800: oklch(.422 .0711 185.5);--color-teal-900: oklch(.346 .057 186.1);--color-teal-950: oklch(.251 .0399 184.1);--color-moss-50: oklch(.981 .011 123.5);--color-moss-100: oklch(.962 .0218 121);--color-moss-200: oklch(.91 .0529 120.3);--color-moss-300: oklch(.829 .0956 120.7);--color-moss-400: oklch(.732 .1366 123.1);--color-moss-500: oklch(.654 .1411 123.8);--color-moss-600: oklch(.589 .1346 124.9);--color-moss-700: oklch(.501 .1135 124.8);--color-moss-800: oklch(.422 .0931 125);--color-moss-900: oklch(.35 .0749 124.6);--color-moss-950: oklch(.26 .0526 123.4);--color-pink-50: oklch(.979 .0125 345.5);--color-pink-100: oklch(.957 .0262 347.1);--color-pink-200: oklch(.904 .0597 348.5);--color-pink-300: oklch(.826 .1141 351.1);--color-pink-400: oklch(.74 .1823 353.9);--color-pink-500: oklch(.674 .2144 356.6);--color-pink-600: oklch(.616 .2167 358.2);--color-pink-700: oklch(.534 .1971 358.7);--color-pink-800: oklch(.453 .1654 357.7);--color-pink-900: oklch(.368 .1311 356.4);--color-pink-950: oklch(.266 .093 354.6);--color-rose-50: oklch(.978 .011 3.5);--color-rose-100: oklch(.959 .0208 10.2);--color-rose-200: oklch(.906 .0501 7.4);--color-rose-300: oklch(.821 .1043 6.9);--color-rose-400: oklch(.718 .1675 9.9);--color-rose-500: oklch(.649 .1937 12.8);--color-rose-600: oklch(.583 .2055 14.4);--color-rose-700: oklch(.499 .1786 13.9);--color-rose-800: oklch(.423 .1482 13);--color-rose-900: oklch(.344 .1177 12.2);--color-rose-950: oklch(.248 .081 11.3);--color-gray-50: oklch(.975 .008 286.3);--color-gray-100: oklch(.943 .0134 286.1);--color-gray-200: oklch(.907 .0162 286.1);--color-gray-300: oklch(.866 .0206 289);--color-gray-400: oklch(.784 .0169 289.8);--color-gray-500: oklch(.688 .0175 293.6);--color-gray-600: oklch(.577 .0123 297.4);--color-gray-700: oklch(.465 .0177 289.9);--color-gray-800: oklch(.341 .0156 290.6);--color-gray-900: oklch(.241 .0076 285.8);--color-gray-950: oklch(.174 .0061 285.7);--color-gray-dark-50: oklch(.181 .0143 284.9);--color-gray-dark-100: oklch(.235 .0153 290.9);--color-gray-dark-200: oklch(.327 .0228 288.6);--color-gray-dark-300: oklch(.397 .0185 293.9);--color-gray-dark-400: oklch(.496 .0174 285.8);--color-gray-dark-500: oklch(.588 .014 301.1);--color-gray-dark-600: oklch(.696 .0089 301.3);--color-gray-dark-700: oklch(.8 .0169 293.7);--color-gray-dark-800: oklch(.855 .0027 286.3);--color-gray-dark-900: oklch(.903 .0108 286.2);--color-gray-dark-950: oklch(.954 .0093 286.2);--color-primary-dark-50: oklch(.181 .0143 284.9);--color-primary-dark-100: oklch(.235 .0153 290.9);--color-primary-dark-200: oklch(.327 .0228 288.6);--color-primary-dark-300: oklch(.397 .0185 293.9);--color-primary-dark-400: oklch(.496 .0174 285.8);--color-primary-dark-500: oklch(.588 .014 301.1);--color-primary-dark-600: oklch(.696 .0089 301.3);--color-primary-dark-700: oklch(.8 .0169 293.7);--color-primary-dark-800: oklch(.855 .0027 286.3);--color-primary-dark-900: oklch(.903 .0108 286.2);--color-primary-dark-950: oklch(.954 .0093 286.2);--color-blue-dark-50: oklch(.273 .1058 265.2);--color-blue-dark-100: oklch(.369 .1542 264);--color-blue-dark-200: oklch(.422 .1999 264.1);--color-blue-dark-300: oklch(.483 .2266 263.2);--color-blue-dark-400: oklch(.562 .2412 262.2);--color-blue-dark-500: oklch(.608 .2128 261.1);--color-blue-dark-600: oklch(.694 .1611 259.5);--color-blue-dark-700: oklch(.815 .0929 259.6);--color-blue-dark-800: oklch(.904 .0464 262.5);--color-blue-dark-900: oklch(.959 .0195 260.2);--color-blue-dark-950: oklch(.977 .0108 256.7);--color-purple-dark-50: oklch(.217 .0882 284.8);--color-purple-dark-100: oklch(.298 .1218 282.3);--color-purple-dark-200: oklch(.379 .1623 280.5);--color-purple-dark-300: oklch(.46 .2029 279.4);--color-purple-dark-400: oklch(.546 .2381 278.7);--color-purple-dark-500: oklch(.596 .2257 280.8);--color-purple-dark-600: oklch(.619 .2151 284.9);--color-purple-dark-700: oklch(.696 .1714 289.6);--color-purple-dark-800: oklch(.794 .1142 292.7);--color-purple-dark-900: oklch(.891 .0592 294.8);--color-purple-dark-950: oklch(.95 .0272 297.3);--color-cyan-dark-50: oklch(.31 .0592 225.9);--color-cyan-dark-100: oklch(.414 .0821 229.6);--color-cyan-dark-200: oklch(.516 .1059 232.5);--color-cyan-dark-300: oklch(.617 .1255 231.8);--color-cyan-dark-400: oklch(.71 .1432 231);--color-cyan-dark-500: oklch(.771 .1446 223.9);--color-cyan-dark-600: oklch(.811 .1405 215.5);--color-cyan-dark-700: oklch(.851 .1282 212.2);--color-cyan-dark-800: oklch(.898 .0934 209.3);--color-cyan-dark-900: oklch(.945 .0501 208.8);--color-cyan-dark-950: oklch(.977 .0223 207.1);--color-yellow-dark-50: oklch(.26 .0532 87.4);--color-yellow-dark-100: oklch(.361 .0738 86.8);--color-yellow-dark-200: oklch(.449 .0919 85.2);--color-yellow-dark-300: oklch(.545 .1119 83.5);--color-yellow-dark-400: oklch(.65 .1334 84.3);--color-yellow-dark-500: oklch(.707 .1438 85.2);--color-yellow-dark-600: oklch(.774 .1557 87.8);--color-yellow-dark-700: oklch(.839 .1662 92.7);--color-yellow-dark-800: oklch(.894 .1526 97.4);--color-yellow-dark-900: oklch(.943 .1109 99.3);--color-yellow-dark-950: oklch(.987 .0227 96);--color-red-dark-50: oklch(.216 .0718 25.5);--color-red-dark-100: oklch(.299 .1058 26.5);--color-red-dark-200: oklch(.382 .1404 27.8);--color-red-dark-300: oklch(.473 .1784 28.6);--color-red-dark-400: oklch(.565 .2162 29);--color-red-dark-500: oklch(.612 .2061 28.3);--color-red-dark-600: oklch(.659 .1954 27.1);--color-red-dark-700: oklch(.733 .1637 25.4);--color-red-dark-800: oklch(.809 .1079 24.6);--color-red-dark-900: oklch(.902 .051 22.6);--color-red-dark-950: oklch(.958 .0209 24.8);--color-orange-dark-50: oklch(.287 .0688 57.7);--color-orange-dark-100: oklch(.4 .0976 56.3);--color-orange-dark-200: oklch(.508 .1269 54.2);--color-orange-dark-300: oklch(.611 .1556 52.7);--color-orange-dark-400: oklch(.723 .1897 50.5);--color-orange-dark-500: oklch(.742 .1794 54.2);--color-orange-dark-600: oklch(.748 .1751 55);--color-orange-dark-700: oklch(.79 .1478 59.3);--color-orange-dark-800: oklch(.841 .1075 59.7);--color-orange-dark-900: oklch(.907 .0608 61.3);--color-orange-dark-950: oklch(.964 .0219 58.8);--color-green-dark-50: oklch(.242 .0558 152.5);--color-green-dark-100: oklch(.334 .0838 150.5);--color-green-dark-200: oklch(.424 .1091 150.4);--color-green-dark-300: oklch(.52 .1391 149.4);--color-green-dark-400: oklch(.627 .1699 149.2);--color-green-dark-500: oklch(.682 .1703 150.3);--color-green-dark-600: oklch(.701 .1686 150.5);--color-green-dark-700: oklch(.769 .1442 152.4);--color-green-dark-800: oklch(.844 .1025 154.5);--color-green-dark-900: oklch(.916 .0553 155.6);--color-green-dark-950: oklch(.965 .0214 158.6);--color-teal-dark-50: oklch(.248 .0388 186.6);--color-teal-dark-100: oklch(.333 .0544 185.6);--color-teal-dark-200: oklch(.419 .0705 185.4);--color-teal-dark-300: oklch(.507 .0865 185.3);--color-teal-dark-400: oklch(.6 .1038 184.7);--color-teal-dark-500: oklch(.656 .113 183.5);--color-teal-dark-600: oklch(.725 .1185 184.4);--color-teal-dark-700: oklch(.804 .1091 184.9);--color-teal-dark-800: oklch(.876 .0809 185.1);--color-teal-dark-900: oklch(.935 .0459 186.3);--color-teal-dark-950: oklch(.972 .0223 186.5);--color-moss-dark-50: oklch(.255 .0521 125.1);--color-moss-dark-100: oklch(.347 .0748 124.7);--color-moss-dark-200: oklch(.422 .0931 125);--color-moss-dark-300: oklch(.501 .1135 124.8);--color-moss-dark-400: oklch(.589 .1346 124.9);--color-moss-dark-500: oklch(.622 .1435 125.1);--color-moss-dark-600: oklch(.688 .1496 124.9);--color-moss-dark-700: oklch(.769 .1322 123.7);--color-moss-dark-800: oklch(.85 .098 123.5);--color-moss-dark-900: oklch(.921 .0565 123.9);--color-moss-dark-950: oklch(.968 .0208 124.7);--color-pink-dark-50: oklch(.255 .0844 357.5);--color-pink-dark-100: oklch(.351 .1216 357.5);--color-pink-dark-200: oklch(.439 .1547 357.9);--color-pink-dark-300: oklch(.524 .1877 358.2);--color-pink-dark-400: oklch(.616 .2167 358.2);--color-pink-dark-500: oklch(.674 .2144 356.6);--color-pink-dark-600: oklch(.709 .2113 354.1);--color-pink-dark-700: oklch(.768 .1632 350.6);--color-pink-dark-800: oklch(.842 .106 347.5);--color-pink-dark-900: oklch(.921 .0503 345.8);--color-pink-dark-950: oklch(.969 .0185 347.4);--color-rose-dark-50: oklch(.241 .0774 11.3);--color-rose-dark-100: oklch(.334 .1123 12.5);--color-rose-dark-200: oklch(.414 .1423 13.4);--color-rose-dark-300: oklch(.495 .1735 14);--color-rose-dark-400: oklch(.583 .2055 14.4);--color-rose-dark-500: oklch(.649 .1937 12.8);--color-rose-dark-600: oklch(.687 .1911 7.9);--color-rose-dark-700: oklch(.76 .1504 5.7);--color-rose-dark-800: oklch(.838 .0949 3.6);--color-rose-dark-900: oklch(.918 .0449 2.5);--color-rose-dark-950: oklch(.968 .017 359.3);--color-white: oklch(1 0 0);--color-success-50: var(--color-green-50);--color-success-100: var(--color-green-100);--color-success-200: var(--color-green-200);--color-success-300: var(--color-green-300);--color-success-400: var(--color-green-400);--color-success-500: var(--color-green-500);--color-success-600: var(--color-green-600);--color-success-700: var(--color-green-700);--color-success-800: var(--color-green-800);--color-success-900: var(--color-green-900);--color-success-950: var(--color-green-950);--color-warning-50: var(--color-orange-50);--color-warning-100: var(--color-orange-100);--color-warning-200: var(--color-orange-200);--color-warning-300: var(--color-orange-300);--color-warning-400: var(--color-orange-400);--color-warning-500: var(--color-orange-500);--color-warning-600: var(--color-orange-600);--color-warning-700: var(--color-orange-700);--color-warning-800: var(--color-orange-800);--color-warning-900: var(--color-orange-900);--color-warning-950: var(--color-orange-950);--color-danger-50: var(--color-rose-50);--color-danger-100: var(--color-rose-100);--color-danger-200: var(--color-rose-200);--color-danger-300: var(--color-rose-300);--color-danger-400: var(--color-rose-400);--color-danger-500: var(--color-rose-500);--color-danger-600: var(--color-rose-600);--color-danger-700: var(--color-rose-700);--color-danger-800: var(--color-rose-800);--color-danger-900: var(--color-rose-900);--color-danger-950: var(--color-rose-950);--color-info-50: var(--color-blue-50);--color-info-100: var(--color-blue-100);--color-info-200: var(--color-blue-200);--color-info-300: var(--color-blue-300);--color-info-400: var(--color-blue-400);--color-info-500: var(--color-blue-500);--color-info-600: var(--color-blue-600);--color-info-700: var(--color-blue-700);--color-info-800: var(--color-blue-800);--color-info-900: var(--color-blue-900);--color-info-950: var(--color-blue-950);--color-bg-base: var(--color-white);--color-bg-surface: var(--color-gray-50);--color-bg-overlay: var(--color-white);--color-bg-muted: var(--color-gray-100);--color-bg-control: var(--color-gray-100);--color-bg-inverse: var(--color-gray-950);--color-bg-primary: var(--color-primary-600);--color-bg-secondary: var(--color-primary-50);--color-text-primary: var(--color-gray-950);--color-text-secondary: var(--color-gray-800);--color-text-tertiary: var(--color-gray-600);--color-text-disable: var(--color-primary-400);--color-text-foreground: var(--color-white);--color-text-accent: var(--color-primary-600);--color-icon-primary: var(--color-text-secondary);--color-icon-secondary: var(--color-text-tertiary);--color-icon-disable: var(--color-text-disable);--color-icon-foreground: var(--color-text-foreground);--color-icon-accent: var(--color-text-accent);--color-border-default: var(--color-gray-300);--color-border-strong: var(--color-gray-400);--color-border-interactive: var(--color-primary-600);--color-border-interactive-active: var(--color-primary-700);--color-text-success: var(--color-success-900);--color-text-warning: var(--color-warning-900);--color-text-danger: var(--color-danger-900);--color-text-info: var(--color-info-900);--color-text-risk-1: var(--color-danger-900);--color-text-risk-2: var(--color-danger-900);--color-text-risk-3: var(--color-warning-900);--color-text-risk-4: var(--color-yellow-900);--color-text-safe: var(--color-success-900);--color-text-tip: var(--color-info-900);--color-text-unknown: var(--color-gray-900);--color-bg-success: var(--color-success-50);--color-bg-warning: var(--color-warning-50);--color-bg-danger: var(--color-danger-50);--color-bg-info: var(--color-info-50);--color-bg-risk-1: var(--color-danger-50);--color-bg-risk-2: var(--color-danger-50);--color-bg-risk-3: var(--color-warning-50);--color-bg-risk-4: var(--color-yellow-50);--color-bg-safe: var(--color-success-50);--color-bg-tip: var(--color-info-50);--color-bg-unknown: var(--color-gray-50);--state-hover-solid-ratio: 90%;--state-hover-solid-mix: var(--color-white);--state-pressed-solid-ratio: 95%;--state-pressed-solid-mix: var(--color-gray-900);--state-hover-subtle-ratio: 97%;--state-hover-subtle-mix: var(--color-gray-900);--state-pressed-subtle-ratio: 95%;--state-pressed-subtle-mix: var(--color-gray-900);--state-disabled-ratio: 40%;--space-xxxs: 4px;--space-xxs: 8px;--space-xs: 12px;--space-s: 16px;--space-m: 20px;--space-l: 24px;--space-xl: 32px;--space-xxl: 40px;--font-cn: "PingFang SC", -apple-system, "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-en: "SF Pro Display", "SF Pro Icons", "Geist", "Geist Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "Geist Mono", "SF Mono", "Fira Code", ui-monospace, monospace;--font-sans: var(--font-cn);--text-page-title: 36px;--text-page-title-secondary: 32px;--text-panel-title-lg: 30px;--text-dialog-title: 24px;--text-section-title: 20px;--text-subsection-title: 18px;--text-ui-strong: 16px;--text-body: 14px;--text-body-sm: 13px;--text-caption: 12px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-display: 1.2;--line-height-display-1: 1.3;--line-height-title: 1.4;--line-height-body: 1.5;--line-height-mono: 1.6;--letter-spacing-display-3: -.03em;--letter-spacing-display-2: -.02em;--letter-spacing-display-1: -.01em;--letter-spacing-normal: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 99px;--stroke-0_5: .5px;--stroke-1: 1px;--stroke-2: 2px;--stroke-weight-base: var(--stroke-0_5);--stroke-weight-strong: var(--stroke-1);--stroke-weight-bold: var(--stroke-2);--shadow-sm: 0 1px 3px -1px rgba(16, 16, 19, .08), 0 1px 8px 0 rgba(16, 16, 19, .05);--shadow-md: 0 2px 4px -2px rgba(16, 16, 19, .05), 0 4px 26px -1px rgba(16, 16, 19, .05);--shadow-lg: 0 8px 10px -2px rgba(16, 16, 19, .05), 0 20px 25px -3px rgba(16, 16, 19, .05);--motion-fast: .15s;--motion-base: .25s;--motion-slow: .4s;--ease-enter: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.7, 0, .84, 0);--ease-standard: cubic-bezier(.65, 0, .35, 1)}.dark{--color-success-50: var(--color-green-dark-50);--color-success-100: var(--color-green-dark-100);--color-success-200: var(--color-green-dark-200);--color-success-300: var(--color-green-dark-300);--color-success-400: var(--color-green-dark-400);--color-success-500: var(--color-green-dark-500);--color-success-600: var(--color-green-dark-600);--color-success-700: var(--color-green-dark-700);--color-success-800: var(--color-green-dark-800);--color-success-900: var(--color-green-dark-900);--color-success-950: var(--color-green-dark-950);--color-warning-50: var(--color-orange-dark-50);--color-warning-100: var(--color-orange-dark-100);--color-warning-200: var(--color-orange-dark-200);--color-warning-300: var(--color-orange-dark-300);--color-warning-400: var(--color-orange-dark-400);--color-warning-500: var(--color-orange-dark-500);--color-warning-600: var(--color-orange-dark-600);--color-warning-700: var(--color-orange-dark-700);--color-warning-800: var(--color-orange-dark-800);--color-warning-900: var(--color-orange-dark-900);--color-warning-950: var(--color-orange-dark-950);--color-danger-50: var(--color-rose-dark-50);--color-danger-100: var(--color-rose-dark-100);--color-danger-200: var(--color-rose-dark-200);--color-danger-300: var(--color-rose-dark-300);--color-danger-400: var(--color-rose-dark-400);--color-danger-500: var(--color-rose-dark-500);--color-danger-600: var(--color-rose-dark-600);--color-danger-700: var(--color-rose-dark-700);--color-danger-800: var(--color-rose-dark-800);--color-danger-900: var(--color-rose-dark-900);--color-danger-950: var(--color-rose-dark-950);--color-info-50: var(--color-blue-dark-50);--color-info-100: var(--color-blue-dark-100);--color-info-200: var(--color-blue-dark-200);--color-info-300: var(--color-blue-dark-300);--color-info-400: var(--color-blue-dark-400);--color-info-500: var(--color-blue-dark-500);--color-info-600: var(--color-blue-dark-600);--color-info-700: var(--color-blue-dark-700);--color-info-800: var(--color-blue-dark-800);--color-info-900: var(--color-blue-dark-900);--color-info-950: var(--color-blue-dark-950);--color-bg-base: var(--color-gray-dark-50);--color-bg-surface: var(--color-gray-dark-100);--color-bg-overlay: var(--color-gray-dark-200);--color-bg-muted: var(--color-gray-dark-200);--color-bg-control: var(--color-gray-dark-200);--color-bg-inverse: var(--color-gray-dark-950);--color-bg-primary: var(--color-primary-dark-600);--color-bg-secondary: var(--color-gray-dark-200);--color-text-primary: var(--color-gray-dark-950);--color-text-secondary: var(--color-gray-dark-800);--color-text-tertiary: var(--color-gray-dark-600);--color-text-disable: var(--color-primary-dark-400);--color-text-foreground: var(--color-gray-dark-50);--color-text-accent: var(--color-primary-dark-600);--color-icon-primary: var(--color-text-secondary);--color-icon-secondary: var(--color-text-tertiary);--color-icon-disable: var(--color-text-disable);--color-icon-foreground: var(--color-text-foreground);--color-icon-accent: var(--color-text-accent);--color-border-default: var(--color-gray-dark-300);--color-border-strong: var(--color-gray-dark-400);--color-border-interactive: var(--color-primary-dark-600);--color-border-interactive-active: var(--color-primary-dark-700);--state-hover-solid-ratio: 90%;--state-hover-solid-mix: var(--color-gray-dark-50);--state-pressed-solid-ratio: 95%;--state-pressed-solid-mix: var(--color-gray-dark-50);--state-hover-subtle-ratio: 97%;--state-hover-subtle-mix: var(--color-gray-dark-950);--state-pressed-subtle-ratio: 95%;--state-pressed-subtle-mix: var(--color-gray-dark-950);--state-disabled-ratio: 40%;--color-text-success: var(--color-success-900);--color-text-warning: var(--color-warning-900);--color-text-danger: var(--color-danger-900);--color-text-info: var(--color-info-900);--color-text-risk-1: var(--color-danger-900);--color-text-risk-2: var(--color-danger-900);--color-text-risk-3: var(--color-warning-900);--color-text-risk-4: var(--color-yellow-900);--color-text-safe: var(--color-success-900);--color-text-tip: var(--color-info-900);--color-text-unknown: var(--color-gray-dark-900);--color-bg-success: var(--color-success-50);--color-bg-warning: var(--color-warning-50);--color-bg-danger: var(--color-danger-50);--color-bg-info: var(--color-info-50);--color-bg-risk-1: var(--color-danger-50);--color-bg-risk-2: var(--color-danger-50);--color-bg-risk-3: var(--color-warning-50);--color-bg-risk-4: var(--color-yellow-50);--color-bg-safe: var(--color-success-50);--color-bg-tip: var(--color-info-50);--color-bg-unknown: var(--color-gray-dark-50);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px -1px rgba(0, 0, 0, .2);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 8px 10px -6px rgba(0, 0, 0, .2)}[data-theme=security]{--color-text-disable: var(--color-gray-400)}[data-theme=security].dark,.dark[data-theme=security]{--color-text-disable: var(--color-gray-dark-400)}[data-theme=volcengine]{--color-primary-50: oklch(.977 .0108 256.7);--color-primary-100: oklch(.959 .0195 260.2);--color-primary-200: oklch(.904 .0464 262.5);--color-primary-300: oklch(.815 .0929 259.6);--color-primary-400: oklch(.694 .1611 259.5);--color-primary-500: oklch(.608 .2128 261.1);--color-primary-600: oklch(.562 .2412 262.2);--color-primary-700: oklch(.483 .2266 263.2);--color-primary-800: oklch(.422 .1999 264.1);--color-primary-900: oklch(.369 .1542 264);--color-primary-950: oklch(.273 .1058 265.2);--color-primary-dark-50: var(--color-blue-dark-50);--color-primary-dark-100: var(--color-blue-dark-100);--color-primary-dark-200: var(--color-blue-dark-200);--color-primary-dark-300: var(--color-blue-dark-300);--color-primary-dark-400: var(--color-blue-dark-400);--color-primary-dark-500: var(--color-blue-dark-500);--color-primary-dark-600: var(--color-blue-dark-600);--color-primary-dark-700: var(--color-blue-dark-700);--color-primary-dark-800: var(--color-blue-dark-800);--color-primary-dark-900: var(--color-blue-dark-900);--color-primary-dark-950: var(--color-blue-dark-950);--color-text-disable: var(--color-gray-400)}[data-theme=volcengine].dark,.dark[data-theme=volcengine]{--color-text-disable: var(--color-gray-dark-400)}[data-theme=volcark]{--color-primary-50: oklch(.921 .0378 265.8);--color-primary-100: oklch(.903 .0465 272.1);--color-primary-200: oklch(.849 .075 275.5);--color-primary-300: oklch(.759 .123 273);--color-primary-400: oklch(.638 .194 273.1);--color-primary-500: oklch(.554 .248 274.7);--color-primary-600: oklch(.508 .2768 275.6);--color-primary-700: oklch(.429 .2618 276.6);--color-primary-800: oklch(.375 .231 277.4);--color-primary-900: oklch(.314 .1889 277.6);--color-primary-950: oklch(.224 .1366 278.7);--color-blue-50: oklch(.921 .0378 265.8);--color-blue-100: oklch(.903 .0465 272.1);--color-blue-200: oklch(.849 .075 275.5);--color-blue-300: oklch(.759 .123 273);--color-blue-400: oklch(.638 .194 273.1);--color-blue-500: oklch(.554 .248 274.7);--color-blue-600: oklch(.508 .2768 275.6);--color-blue-700: oklch(.429 .2618 276.6);--color-blue-800: oklch(.375 .231 277.4);--color-blue-900: oklch(.314 .1889 277.6);--color-blue-950: oklch(.224 .1366 278.7);--color-primary-dark-50: var(--color-blue-dark-50);--color-primary-dark-100: var(--color-blue-dark-100);--color-primary-dark-200: var(--color-blue-dark-200);--color-primary-dark-300: var(--color-blue-dark-300);--color-primary-dark-400: var(--color-blue-dark-400);--color-primary-dark-500: var(--color-blue-dark-500);--color-primary-dark-600: var(--color-blue-dark-600);--color-primary-dark-700: var(--color-blue-dark-700);--color-primary-dark-800: var(--color-blue-dark-800);--color-primary-dark-900: var(--color-blue-dark-900);--color-primary-dark-950: var(--color-blue-dark-950);--color-blue-dark-50: oklch(.224 .1366 278.7);--color-blue-dark-100: oklch(.314 .1889 277.6);--color-blue-dark-200: oklch(.375 .231 277.4);--color-blue-dark-300: oklch(.429 .2618 276.6);--color-blue-dark-400: oklch(.508 .2768 275.6);--color-blue-dark-500: oklch(.554 .248 274.7);--color-blue-dark-600: oklch(.638 .194 273.1);--color-blue-dark-700: oklch(.759 .123 273);--color-blue-dark-800: oklch(.849 .075 275.5);--color-blue-dark-900: oklch(.903 .0465 272.1);--color-blue-dark-950: oklch(.921 .0378 265.8);--color-text-disable: var(--color-gray-400)}[data-theme=volcark].dark,.dark[data-theme=volcark]{--color-text-disable: var(--color-gray-dark-400)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-cn);font-size:var(--text-body);color:var(--color-text-primary);background:var(--color-bg-surface);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.ic{display:inline-block;vertical-align:middle;flex:none}.ic svg{display:block}.app{display:flex;height:100vh;overflow:hidden}.sidebar{flex:0 0 220px;width:220px;background:var(--color-bg-surface);display:flex;flex-direction:column;overflow:hidden;transition:width var(--motion-base) var(--ease-standard),flex-basis var(--motion-base) var(--ease-standard)}.app.collapsed .sidebar{flex-basis:54px;width:54px}.sidebar-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-s) var(--space-xs);overflow-y:auto;overflow-x:hidden}.sidebar-header{display:flex;align-items:center;gap:var(--space-xxs);min-height:38px;padding:var(--space-xxs);position:relative}.brand-logo{width:24px;height:24px;border-radius:7px;flex:none;background:linear-gradient(135deg,var(--color-blue-500),var(--color-blue-700));display:flex;align-items:center;justify-content:center;color:var(--color-white)}.brand-name{font-size:var(--text-ui-strong);font-weight:var(--font-weight-semibold);color:var(--color-bg-primary);white-space:nowrap;letter-spacing:var(--letter-spacing-display-1)}.collapse-btn{margin-left:auto;width:26px;height:26px;border:0;background:transparent;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-icon-primary);transition:background var(--motion-fast) var(--ease-standard)}.collapse-btn:hover{background:var(--color-bg-muted)}.app.collapsed .brand-name,.app.collapsed .collapse-btn,.app.collapsed .nav-label,.app.collapsed .nav-item-label,.app.collapsed .nav-wip{display:none}.app.collapsed .sidebar-header{justify-content:center}.app.collapsed .sidebar-content{align-items:center}.app.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0;width:38px}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-label{padding:var(--space-xxs) var(--space-xxs) var(--space-xxxs);font-size:var(--text-caption);color:var(--color-text-tertiary);white-space:nowrap}.nav-item{display:flex;align-items:center;gap:var(--space-xxs);min-height:38px;padding:var(--space-xxs);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-body);line-height:22px;color:var(--color-text-primary);transition:background var(--motion-fast) var(--ease-standard);outline:none}.nav-item .ic{color:var(--color-icon-primary)}.nav-item:hover{background:var(--color-bg-muted)}.nav-item:focus-visible{box-shadow:0 0 0 2px var(--color-blue-500)}.nav-item.active{background:var(--color-bg-muted);font-weight:var(--font-weight-medium)}.nav-item-label{white-space:nowrap;overflow:hidden;flex:1}.nav-wip{font-size:10px;line-height:14px;color:var(--color-text-tertiary);padding:2px 6px;border-radius:var(--radius-xs);background:var(--color-bg-base);border:var(--stroke-weight-base) solid var(--color-border-default);flex:none;font-weight:var(--font-weight-medium)}.nav-item.wip{opacity:.78}.nav-item.wip.active{opacity:1}.sidebar-footer{padding:var(--space-xs) var(--space-xs) var(--space-s);display:flex;align-items:center;gap:var(--space-xxxs)}.app.collapsed .sidebar-footer{flex-direction:column}.theme-btn{width:30px;height:30px;border:0;background:transparent;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-icon-secondary);transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast)}.theme-btn:hover{background:var(--color-bg-muted)}.theme-btn.active{background:var(--color-bg-muted);color:var(--color-icon-primary)}.footer-collapse{margin-left:auto}.app.collapsed .footer-collapse{margin-left:0}.main{flex:1;min-width:0;padding:8px 8px 8px 0;display:flex}.main-card{flex:1;min-width:0;background:var(--color-bg-base);border:var(--stroke-weight-base) solid var(--color-border-default);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;height:100%}.page-title-row{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--space-l) var(--space-xl) var(--space-s)}.page-title{font-size:var(--text-dialog-title);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-display-1)}.feature-body{flex:1;overflow-y:auto;padding:0 var(--space-xl) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-s)}.status-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--radius-full);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);border:var(--stroke-weight-base) solid var(--color-border-default);background:var(--color-bg-base)}.status-badge .dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-orange-500)}.status-badge.ok{color:var(--color-text-success);border-color:transparent;background:var(--color-bg-success)}.status-badge.ok .dot{background:var(--color-green-500)}.status-badge.pending{color:var(--color-text-warning)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-s);padding:80px var(--space-xl) var(--space-xxl);text-align:center;color:var(--color-text-tertiary);border:var(--stroke-weight-base) dashed var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-surface);min-height:280px}.placeholder-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--color-bg-base);border:var(--stroke-weight-base) solid var(--color-border-default);color:var(--color-icon-secondary)}.placeholder-title{font-size:var(--text-section-title);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.placeholder-sub{font-size:var(--text-body);line-height:var(--line-height-body);max-width:520px}.btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--font-weight-medium);border:var(--stroke-weight-base) solid var(--color-border-default);background:var(--color-bg-base);color:var(--color-text-primary);transition:background var(--motion-fast) var(--ease-standard);white-space:nowrap}.btn .ic{color:var(--color-icon-primary)}.btn:hover{background:var(--color-bg-surface)}.btn-primary{background:var(--color-bg-primary);color:var(--color-text-foreground);border-color:transparent}.btn-primary .ic{color:var(--color-icon-foreground)}.btn-primary:hover{background:color-mix(in oklab,var(--color-bg-primary) var(--state-hover-solid-ratio),var(--state-hover-solid-mix))}.btn-sm{height:32px;padding:0 10px;font-size:var(--text-body-sm)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--color-bg-surface)}.btn-link{border:0;background:transparent;color:var(--color-blue-600);font-weight:var(--font-weight-medium);height:auto;padding:0;font-size:var(--text-body)}.btn-link:hover{color:var(--color-blue-500);background:transparent}.input,.select{height:36px;width:100%;padding:0 12px;border-radius:var(--radius-md);border:var(--stroke-weight-base) solid var(--color-border-default);background:var(--color-bg-base);color:var(--color-text-primary);font-size:var(--text-body);outline:none;transition:border-color var(--motion-fast)}.input::placeholder{color:var(--color-text-tertiary)}.input:focus,.select:focus{border-color:var(--color-border-interactive)}.input-prefix{position:relative;display:flex;align-items:center;width:240px}.input-prefix .ic{position:absolute;left:10px;color:var(--color-icon-secondary)}.input-prefix .input{padding-left:34px}.select-wrap{position:relative;display:inline-flex;align-items:center}.select-wrap .ic{position:absolute;right:10px;pointer-events:none;color:var(--color-icon-secondary)}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px;cursor:pointer}.card{background:var(--color-bg-base);border:var(--stroke-weight-base) solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-l)}.block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-s);margin-bottom:var(--space-s)}.block-title{font-size:var(--text-subsection-title);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.block-desc{font-size:var(--text-body-sm);color:var(--color-text-tertiary);margin-top:4px}.block-right{display:flex;gap:var(--space-xs)}.row{display:flex;align-items:center;gap:var(--space-xs)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s)}.muted{color:var(--color-text-tertiary)}.subtitle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-s)}.subtitle{color:var(--color-text-secondary);line-height:var(--line-height-body);max-width:760px}.tab-group{display:inline-flex;gap:2px;background:var(--color-bg-surface);padding:3px;border-radius:var(--radius-lg)}.tab{height:30px;padding:0 14px;border:0;background:transparent;border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-text-secondary);transition:background var(--motion-fast),color var(--motion-fast);cursor:pointer}.tab.active{background:var(--color-bg-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium);box-shadow:0 1px 2px #1010130d}.tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:var(--radius-xs);font-size:var(--text-caption);font-weight:var(--font-weight-medium)}.tag.s-done{background:var(--color-bg-success);color:var(--color-text-success)}.tag.s-processing{background:var(--color-bg-info);color:var(--color-text-info)}.tag.s-draft{background:var(--color-bg-muted);color:var(--color-text-tertiary)}.tag.s-failed{background:var(--color-bg-danger);color:var(--color-text-danger)}.tag-line{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-xs);font-size:var(--text-caption);color:var(--color-text-tertiary);border:var(--stroke-weight-base) solid var(--color-border-default)}.alert{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-s);border-radius:var(--radius-lg);font-size:var(--text-body)}.alert .ic{flex:none;margin-top:1px}.alert-warn{background:var(--color-bg-warning);color:var(--color-text-warning)}.alert-danger{background:var(--color-bg-danger);color:var(--color-text-danger);border:var(--stroke-weight-base) solid color-mix(in oklab,var(--color-text-danger) 18%,transparent)}.alert-title{font-weight:var(--font-weight-semibold)}.alert-body{flex:1}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xxl) var(--space-s);text-align:center;color:var(--color-text-tertiary);border:var(--stroke-weight-base) dashed var(--color-border-default);border-radius:var(--radius-lg)}.empty.empty-plain{border:0;padding:var(--space-xl) var(--space-s)}.empty-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;color:var(--color-icon-secondary)}.empty-title{font-size:var(--text-ui-strong);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.empty-sub{font-size:var(--text-body);max-width:420px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-s)}.stat-row.two{grid-template-columns:1fr 1fr}@media (max-width:900px){.stat-row,.stat-row.two{grid-template-columns:1fr}}.stat-card{background:var(--color-bg-surface);border:var(--stroke-weight-base) solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-l)}.stat-num{font-family:var(--font-en);font-size:var(--text-panel-title-lg);font-weight:var(--font-weight-semibold);line-height:1.1;color:var(--color-text-primary)}.stat-label{margin-top:var(--space-xxs);color:var(--color-text-tertiary);font-size:var(--text-body)}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.table th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding:var(--space-xs) var(--space-s);border-bottom:var(--stroke-weight-base) solid var(--color-border-default);white-space:nowrap}.table td{padding:var(--space-s);border-bottom:var(--stroke-weight-base) solid var(--color-border-default);color:var(--color-text-secondary);vertical-align:middle}.table tr:hover td{background:var(--color-bg-surface)}.table-empty{padding:var(--space-xl)!important;text-align:center!important;color:var(--color-text-tertiary)}.cell-title{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.cell-sub{font-family:var(--font-en);font-size:var(--text-caption);color:var(--color-text-tertiary);margin-top:2px}.cell-ops{display:inline-flex;gap:4px}.mono-sm{font-family:var(--font-mono);font-size:var(--text-body-sm)}.icon-btn{width:30px;height:30px;border:0;background:transparent;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;color:var(--color-icon-primary);transition:background var(--motion-fast);cursor:pointer}.icon-btn:hover{background:var(--color-bg-muted)}.jobs-bar{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-en);font-size:var(--text-body-sm)}.jdot{width:7px;height:7px;border-radius:var(--radius-full);display:inline-block}.jdot.done{background:var(--color-green-500)}.jdot.run{background:var(--color-blue-500)}.jdot.fail{background:var(--color-rose-500)}.toolbar{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.toolbar .grow{flex:1}.list-item{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-xs);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast)}.list-item+.list-item{border-top:var(--stroke-weight-base) solid var(--color-border-default)}.list-item:hover{background:var(--color-bg-surface)}.li-ic{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-surface);flex:none;display:flex;align-items:center;justify-content:center;color:var(--color-icon-primary)}.li-main{flex:1;min-width:0}.li-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li-meta{color:var(--color-text-tertiary);font-size:var(--text-body-sm);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s)}@media (max-width:1024px){.two-col{grid-template-columns:1fr}}.toast-root{position:fixed;right:var(--space-l);bottom:var(--space-l);z-index:200;display:flex;flex-direction:column;gap:var(--space-xs);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);background:var(--color-bg-overlay);border:var(--stroke-weight-base) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-body);max-width:360px;pointer-events:auto;animation:toast-in var(--motion-base) var(--ease-enter)}.toast.info .ic{color:var(--color-icon-secondary)}.toast.ok .ic{color:var(--color-text-success)}.toast.err,.toast.err .ic{color:var(--color-text-danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#00000080;display:flex;align-items:center;justify-content:center;padding:40px;animation:fade var(--motion-base) var(--ease-enter)}.overlay.drawer-overlay{align-items:stretch;justify-content:flex-end;padding:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-overlay);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:calc(100vw - 80px);max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden;animation:modal-pop var(--motion-base) var(--ease-enter)}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-s);padding:var(--space-l) var(--space-l) var(--space-xs)}.modal-head-text{flex:1}.modal-title{font-size:var(--text-dialog-title);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-sub{color:var(--color-text-secondary);font-size:var(--text-body-sm);margin-top:6px;line-height:var(--line-height-body)}.modal-body{padding:var(--space-s) var(--space-l) var(--space-l);overflow-y:auto;flex:1}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);padding:var(--space-s) var(--space-l) var(--space-l);border-top:var(--stroke-weight-base) solid var(--color-border-default)}.drawer{background:var(--color-bg-overlay);box-shadow:var(--shadow-lg);max-width:calc(100vw - 40px);height:100vh;display:flex;flex-direction:column;animation:drawer-in var(--motion-base) var(--ease-enter)}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:none}}.drawer-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--space-l) var(--space-l) var(--space-s);border-bottom:var(--stroke-weight-base) solid var(--color-border-default)}.drawer-title{font-size:var(--text-section-title);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-l)}.drawer-foot{flex:none;display:flex;justify-content:flex-end;gap:var(--space-xs);padding:var(--space-s) var(--space-l) var(--space-l);border-top:var(--stroke-weight-base) solid var(--color-border-default)}.field{margin-bottom:var(--space-s)}.field-label{display:block;font-size:var(--text-body);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xxs);color:var(--color-text-primary)}.field-req{color:var(--color-text-danger);margin-left:3px}.field-hint{font-size:var(--text-body-sm);color:var(--color-text-tertiary);margin-top:6px;line-height:1.5}.field-err{font-size:var(--text-body-sm);color:var(--color-text-danger);margin-top:6px}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s)}@media (max-width:640px){.form-2{grid-template-columns:1fr}}.textarea{display:block;width:100%;min-height:88px;padding:10px 12px;border-radius:var(--radius-md);border:var(--stroke-weight-base) solid var(--color-border-default);background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-cn);font-size:var(--text-body);line-height:1.5;outline:none;resize:vertical;transition:border-color var(--motion-fast)}.textarea::placeholder{color:var(--color-text-tertiary)}.textarea:focus{border-color:var(--color-border-interactive)}.picker-row{display:flex;gap:var(--space-xxs);align-items:center}.picker-row .grow{flex:1;min-width:0}.cfg-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-l)}.cfg-col-title{font-size:var(--text-ui-strong);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs);color:var(--color-text-primary)}@media (max-width:780px){.cfg-cols-2{grid-template-columns:1fr}}.small{font-size:var(--text-body-sm)}.seg{display:inline-flex;gap:2px;background:var(--color-bg-surface);padding:3px;border-radius:var(--radius-lg);margin-bottom:var(--space-s)}.seg-item{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 16px;border:0;background:transparent;border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-text-secondary);cursor:pointer}.seg-item .ic{color:var(--color-icon-secondary)}.seg-item.active{background:var(--color-bg-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium);box-shadow:0 1px 2px #1010130d}.seg-item.active .ic{color:var(--color-icon-primary)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-s)}.asset-card{border:var(--stroke-weight-base) solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-base);transition:box-shadow var(--motion-fast)}.asset-card:hover{box-shadow:var(--shadow-sm)}.asset-thumb{height:108px;background:var(--color-bg-muted);display:flex;align-items:center;justify-content:center;color:var(--color-icon-secondary)}.asset-meta{padding:var(--space-xs) var(--space-s)}.asset-name{font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}.asset-sub{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-top:2px}.settings-grid{display:grid;grid-template-columns:200px 1fr;gap:var(--space-l);align-items:start;margin-top:var(--space-s)}@media (max-width:840px){.settings-grid{grid-template-columns:1fr}}.sub-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:0}.sub-nav-item{text-align:left;height:38px;padding:0 12px;border:0;background:transparent;border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-text-secondary);cursor:pointer;transition:background var(--motion-fast)}.sub-nav-item:hover{background:var(--color-bg-surface)}.sub-nav-item.active{background:var(--color-bg-surface);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.settings-detail{min-height:320px}.fgroup{display:flex;flex-direction:column}.fgroup-title{font-size:var(--text-section-title);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.fgroup-desc{color:var(--color-text-tertiary);font-size:var(--text-body);margin-top:4px;margin-bottom:var(--space-s)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-l);min-height:56px;padding:var(--space-s) 0;border-bottom:var(--stroke-weight-base) solid var(--color-border-default)}.setting-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.setting-desc{font-size:var(--text-body-sm);color:var(--color-text-tertiary);margin-top:2px}.theme-pick{display:flex;gap:var(--space-xxs)}.theme-pick .theme-btn{border:var(--stroke-weight-base) solid var(--color-border-default)}.theme-pick .theme-btn.active{border-color:var(--color-border-interactive)}.save-fab{position:fixed;right:var(--space-xl);bottom:var(--space-xl);z-index:50;box-shadow:var(--shadow-md)}.health-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-s)}@media (max-width:1000px){.health-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.health-row{grid-template-columns:1fr}}.health-chip{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-s) var(--space-m);border:var(--stroke-weight-base) solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-base)}.health-chip .ic{margin-top:2px;flex:none}.health-chip.ready .ic{color:var(--color-text-success)}.health-chip.warn .ic{color:var(--color-text-warning)}.health-t{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.health-d{font-size:var(--text-body-sm);color:var(--color-text-tertiary);margin-top:2px}.card-soft{background:var(--color-bg-surface);border:var(--stroke-weight-base) solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-s) var(--space-m);font-size:var(--text-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin-top:var(--space-xs)}.kv-row{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-xxs) 0;font-size:var(--text-body)}.kv-key{flex:0 0 88px;color:var(--color-text-tertiary)}.kv-val{flex:1;color:var(--color-text-primary)}.cell-clickable{cursor:pointer;outline:none}.cell-clickable:hover .cell-title{color:var(--color-blue-600)}code{font-family:var(--font-mono);font-size:var(--text-body-sm);background:var(--color-bg-surface);padding:2px 6px;border-radius:var(--radius-xs)}.title-right{display:flex;align-items:center;gap:var(--space-xs)}.api-mode-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--font-weight-medium);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;border:var(--stroke-weight-base) solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-tertiary)}.api-mode-badge .dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-text-tertiary)}.api-mode-badge.real{background:var(--color-bg-info);color:var(--color-text-info);border-color:transparent}.api-mode-badge.real .dot{background:var(--color-blue-500)}.hero{display:flex;flex-direction:column;gap:var(--space-s)}.hero-title{font-size:var(--text-page-title-secondary);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-display-2)}.hero-desc{font-size:var(--text-ui-strong);line-height:var(--line-height-body);color:var(--color-text-secondary);max-width:760px}.hero-steps{display:flex;flex-wrap:wrap;gap:var(--space-s) var(--space-l);margin-top:var(--space-xs)}.hero-step{display:inline-flex;align-items:center;gap:var(--space-xxs);font-size:var(--text-body-sm);color:var(--color-text-secondary)}.hero-step-n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-foreground);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);flex:none}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-s)}@media (max-width:1000px){.entry-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.entry-grid{grid-template-columns:1fr}}.entry-card{display:flex;flex-direction:column;gap:var(--space-xs);background:var(--color-bg-base);border:var(--stroke-weight-base) solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-l);cursor:pointer;outline:none;transition:border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.entry-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.entry-card:focus-visible{box-shadow:0 0 0 2px var(--color-blue-500)}.entry-card.wip{opacity:.7}.entry-top{display:flex;align-items:center;justify-content:space-between}.entry-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-icon-primary)}.entry-title{font-size:var(--text-ui-strong);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.entry-desc{font-size:var(--text-body-sm);line-height:var(--line-height-body);color:var(--color-text-tertiary);flex:1}.entry-cta{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);color:var(--color-blue-600)}.entry-card.wip .entry-cta{color:var(--color-text-tertiary)}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);padding:var(--space-l)}.gate-card{width:100%;max-width:420px;background:var(--color-bg-base);border:var(--stroke-weight-base) solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-s);box-shadow:var(--shadow-md)}.gate-logo{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-blue-500),var(--color-blue-700));color:var(--color-white);display:flex;align-items:center;justify-content:center}.gate-title{font-size:var(--text-section-title);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.gate-sub{font-size:var(--text-body);line-height:var(--line-height-body);color:var(--color-text-secondary)}.gate-form{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.gate-form .input{flex:1}.gate-foot{font-size:var(--text-body-sm);margin-top:var(--space-xxs)}.credits-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--font-weight-medium);font-family:var(--font-en);background:var(--color-bg-surface);color:var(--color-text-secondary);border:var(--stroke-weight-base) solid var(--color-border-default)}.credits-chip .ic{color:var(--color-icon-secondary)}.credits-chip.low{background:var(--color-bg-warning);color:var(--color-text-warning);border-color:transparent}.credits-chip.low .ic{color:var(--color-text-warning)}.foot-credits{margin-right:auto;font-size:var(--text-body-sm);color:var(--color-text-tertiary)}.foot-credits.low{color:var(--color-text-danger)}.wiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:var(--color-bg-surface);display:flex;animation:fade var(--motion-base) var(--ease-enter)}.wiz{flex:1;display:flex;flex-direction:column;min-width:0}.wiz-top{flex:none;display:flex;align-items:center;gap:var(--space-m);height:64px;padding:0 var(--space-l);border-bottom:var(--stroke-weight-base) solid var(--color-border-default);background:var(--color-bg-base)}.wiz-title{display:flex;align-items:center;gap:var(--space-s);min-width:0;flex:none}.wiz-title-input{border:0;background:transparent;font-size:var(--text-ui-strong);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);outline:none;width:220px;border-radius:var(--radius-sm);padding:4px 6px}.wiz-title-input:hover,.wiz-title-input:focus{background:var(--color-bg-surface)}.wiz-counter{font-size:var(--text-body-sm);color:var(--color-text-tertiary);background:var(--color-bg-surface);padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap}.wiz-stepper{flex:1;display:flex;align-items:center;justify-content:center;gap:0}.wiz-step{display:flex;align-items:center;gap:8px;color:var(--color-text-tertiary);position:relative;padding:0 var(--space-s)}.wiz-step-n{width:24px;height:24px;border-radius:var(--radius-full);flex:none;display:flex;align-items:center;justify-content:center;font-size:var(--text-body-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-en);background:var(--color-bg-surface);border:var(--stroke-weight-base) solid var(--color-border-default);color:var(--color-text-tertiary)}.wiz-step-label{font-size:var(--text-body);white-space:nowrap}.wiz-step.active{color:var(--color-text-primary)}.wiz-step.active .wiz-step-n{background:var(--color-bg-primary);color:var(--color-text-foreground);border-color:transparent}.wiz-step.active .wiz-step-label{font-weight:var(--font-weight-medium)}.wiz-step.done{color:var(--color-text-secondary)}.wiz-step.done .wiz-step-n{background:var(--color-bg-success);color:var(--color-text-success);border-color:transparent}.wiz-step-line{position:absolute;right:calc(-1 * var(--space-s));top:12px;width:var(--space-l);height:0;border-top:var(--stroke-weight-strong) solid var(--color-border-default)}.wiz-body{flex:1;overflow-y:auto;padding:var(--space-l)}.wiz-foot{flex:none;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-s) var(--space-l);border-top:var(--stroke-weight-base) solid var(--color-border-default);background:var(--color-bg-base)}.wiz-foot .grow{flex:1}.wiz-pairing{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-l);height:100%;align-items:start}@media (max-width:1000px){.wiz-pairing{grid-template-columns:1fr}}.wiz-panel{background:var(--color-bg-base);border:var(--stroke-weight-base) solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-l)}.wiz-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);margin-bottom:var(--space-xs)}.wiz-asset-scroll{margin-top:var(--space-s);max-height:460px;overflow-y:auto}.wiz-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-xs)}.wiz-asset-card{border:var(--stroke-weight-base) solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:var(--color-bg-base);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.wiz-asset-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.wiz-asset-card.picked{border-color:var(--color-blue-600);border-width:var(--stroke-weight-strong)}.wiz-asset-thumb{height:72px;background:var(--color-bg-muted);position:relative;display:flex;align-items:center;justify-content:center;color:var(--color-icon-secondary)}.wiz-asset-check{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-blue-600);color:var(--color-white);display:flex;align-items:center;justify-content:center}.wiz-asset-name{padding:6px 8px;font-size:var(--text-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wiz-matrix tr{cursor:pointer}.wiz-row-active td{background:var(--color-bg-info)!important}.wiz-ref-chips{display:flex;flex-wrap:wrap;gap:4px}.wiz-ref-chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--radius-xs);font-size:var(--text-caption);background:var(--color-bg-surface);color:var(--color-text-secondary)}.wiz-cost{text-align:right;flex:none}.wiz-cost-num{font-family:var(--font-en);font-size:var(--text-panel-title-lg);font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-text-primary)}.wiz-cost.low .wiz-cost-num{color:var(--color-text-danger)}.wiz-cost-label{font-size:var(--text-body-sm);color:var(--color-text-tertiary);margin-top:4px}.wiz-exec-icon{width:56px;height:56px;border-radius:var(--radius-lg);margin:0 auto var(--space-s);display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);color:var(--color-icon-primary)}.wiz-progress-bar{height:8px;border-radius:var(--radius-full);background:var(--color-bg-muted);overflow:hidden;margin:var(--space-s) 0}.wiz-progress-fill{height:100%;background:var(--color-bg-primary);transition:width var(--motion-base) var(--ease-standard)}