@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(./inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(./inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(./inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(./inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(./inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(./inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(./inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(./inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(./inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(./inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(./inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(./inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(./inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(./inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(./inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(./inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(./inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(./inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-devanagari-600-normal-STEjXBNN.woff2) format("woff2"),url(./poppins-devanagari-600-normal-ClASKHrr.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-latin-ext-600-normal-CAhIAdZj.woff2) format("woff2"),url(./poppins-latin-ext-600-normal-Df5ffKXP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2"),url(./poppins-latin-600-normal-BJdTmd5m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(./poppins-devanagari-700-normal-O-jipLrW.woff2) format("woff2"),url(./poppins-devanagari-700-normal-fHs-vx92.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(./poppins-latin-ext-700-normal-cby-RkWa.woff2) format("woff2"),url(./poppins-latin-ext-700-normal-DctTR6Tg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(./poppins-latin-700-normal-Qrb0O0WB.woff2) format("woff2"),url(./poppins-latin-700-normal-BVuQR_eA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--font-sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;--font-display: "Poppins", "Inter", "PingFang SC", "Noto Sans CJK SC", sans-serif;--font-mono: "SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--font-scale: 1;--text-11: calc(11px * var(--font-scale));--text-12: calc(12px * var(--font-scale));--text-13: calc(13px * var(--font-scale));--text-14: calc(14px * var(--font-scale));--text-15: calc(15px * var(--font-scale));--text-16: calc(16px * var(--font-scale));--text-17: calc(17px * var(--font-scale));--text-20: calc(20px * var(--font-scale));--text-24: calc(24px * var(--font-scale));--text-28: calc(28px * var(--font-scale));--text-32: calc(32px * var(--font-scale));--text-38: calc(38px * var(--font-scale));--text-46: calc(46px * var(--font-scale));--leading-tight: 1.14;--leading-snug: 1.32;--leading-normal: 1.55;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--color-primary: #4C63F5;--color-primary-hover: color-mix(in srgb, var(--color-primary) 86%, #141518);--color-primary-active: #394AB8;--color-primary-bright: #8B9AF8;--color-primary-soft: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));--color-primary-soft-strong: color-mix(in srgb, var(--color-primary) 17%, var(--color-surface));--color-primary-contrast: #2E3CA8;--color-on-primary: #FFFFFF;--color-focus: color-mix(in srgb, var(--color-primary) 34%, transparent);--color-bg: #F5F5F9;--color-bg-deep: #EEEEF5;--color-surface: #FFFFFF;--color-surface-2: #FAFAFD;--color-surface-3: #F0F0F6;--color-surface-inverse: #14151A;--color-scrim: rgba(12, 13, 18, .46);--color-ink: #141518;--color-ink-2: #484A53;--color-ink-3: #6E7078;--color-ink-4: #9FA1A6;--color-ink-inverse: #F7F7FA;--color-border: #E7E7EF;--color-border-strong: #D6D7E1;--color-border-ink: #141518;--color-success: #168A52;--color-success-soft: #E6F7EE;--color-success-strong: #0C6B3D;--color-warning: #B26E00;--color-warning-soft: #FFF3DC;--color-danger: #D63A3A;--color-danger-soft: #FDECEC;--color-danger-strong: #AE2525;--color-info: var(--color-primary);--color-code-bg: #15161C;--color-code-surface: #1D1F27;--color-code-ink: #E9EAF3;--color-code-dim: #8F93A8;--color-code-key: #A5B4FF;--color-code-string: #8FE3B4;--color-code-fn: #FFD27D;--radius-base: 16px;--radius-xs: 6px;--radius-sm: calc(var(--radius-base) - 8px);--radius-md: calc(var(--radius-base) - 4px);--radius-lg: var(--radius-base);--radius-xl: calc(var(--radius-base) + 8px);--radius-2xl: calc(var(--radius-base) + 16px);--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--control-sm: 32px;--control-md: 40px;--control-lg: 48px;--shadow-xs: 0 1px 2px rgba(20, 21, 24, .05);--shadow-sm: 0 2px 6px rgba(20, 21, 24, .06);--shadow-md: 0 12px 32px -14px rgba(20, 21, 24, .22);--shadow-lg: 0 28px 70px -28px rgba(20, 21, 24, .32);--shadow-float: 0 16px 48px -18px rgba(20, 21, 24, .3);--shadow-primary: 0 12px 30px -12px color-mix(in srgb, var(--color-primary) 55%, transparent);--ease-out: cubic-bezier(.22, .72, .24, 1);--ease-in-out: cubic-bezier(.5, .08, .24, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .36s;--z-nav: 40;--z-sticky: 50;--z-drawer: 80;--z-modal: 90;--z-toast: 120;--sidebar-w: 264px;--content-max: 1200px;--topbar-h: 64px;--bottom-nav-h: 64px;--line-grid: color-mix(in srgb, var(--color-ink) 7%, transparent)}[data-theme=dark]{color-scheme:dark;--color-primary: #4C63F5;--color-primary-hover: color-mix(in srgb, var(--color-primary) 84%, #FFFFFF);--color-primary-active: #394AB8;--color-primary-bright: #9AA7FA;--color-primary-contrast: #C3CBFF;--color-focus: color-mix(in srgb, var(--color-primary) 52%, transparent);--color-bg: #0D0E12;--color-bg-deep: #090A0D;--color-surface: #16171D;--color-surface-2: #1B1D24;--color-surface-3: #23252E;--color-surface-inverse: #F4F4F7;--color-scrim: rgba(4, 5, 8, .68);--color-ink: #F4F4F7;--color-ink-2: #C4C6D0;--color-ink-3: #9295A1;--color-ink-4: #6E717C;--color-ink-inverse: #141518;--color-border: #282A34;--color-border-strong: #393C48;--color-border-ink: #F4F4F7;--color-success: #4CC38A;--color-success-soft: #142B21;--color-success-strong: #82DCAE;--color-warning: #F0B24C;--color-warning-soft: #2E2413;--color-danger: #FF7A7A;--color-danger-soft: #331A1C;--color-danger-strong: #FFA3A3;--color-code-bg: #0A0B0F;--color-code-surface: #13151B;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .38);--shadow-md: 0 16px 36px -16px rgba(0, 0, 0, .65);--shadow-lg: 0 32px 80px -30px rgba(0, 0, 0, .8);--shadow-float: 0 20px 54px -18px rgba(0, 0, 0, .75);--shadow-primary: 0 12px 30px -12px rgba(76, 99, 245, .5);--line-grid: color-mix(in srgb, var(--color-ink) 9%, transparent)}[data-density=compact]{--control-sm: 28px;--control-md: 36px;--control-lg: 44px;--space-5: 16px;--space-6: 20px;--space-7: 26px;--space-8: 32px}:root{--gray-50: #F8F8FB;--gray-100: #E8EAED;--gray-200: #D7D9DE;--gray-300: #BABDC2;--gray-400: #9FA1A6;--gray-500: #7C7F87;--gray-600: #606266;--gray-700: #44464C;--gray-800: #2C2D32;--gray-900: #141518}:root{--indigo-50: #F7F8FF;--indigo-75: #DAE0FD;--indigo-100: #BEC8FB;--indigo-200: #8394ED;--indigo-300: #667BF5;--indigo-400: #5470F5;--indigo-500: #4C63F5;--cyan-50: #F2FCFF;--cyan-75: #DCF8FE;--cyan-100: #B9EEFC;--cyan-200: #8AE3FB;--cyan-300: #5BD6F9;--cyan-400: #3ACDF9;--cyan-500: #35CFF9;--green-50: #F1FCF4;--green-75: #DFF8E5;--green-100: #C2F7C9;--green-200: #8AE896;--green-300: #63D874;--green-400: #47C257;--green-500: #3CBB4F;--yellow-50: #FFFBF0;--yellow-75: #FEF3D6;--yellow-100: #FDE7B1;--yellow-200: #FDD570;--yellow-300: #FDC840;--yellow-400: #FFBC21;--yellow-500: #FCB017;--red-50: #FFF1F1;--red-75: #FCE0E1;--red-100: #FCC7C8;--red-200: #FC9C9E;--red-300: #FA6A70;--red-400: #FA3F48;--red-500: #F2323F;--orange-50: #FFF4EE;--orange-75: #FFE7DA;--orange-100: #FFC9AE;--orange-200: #FCA47C;--orange-300: #FA8A57;--orange-400: #F97B42;--orange-500: #F76F34;--teal-50: #EFFCF8;--teal-75: #DCF7EF;--teal-100: #A8EEDD;--teal-200: #74E1C9;--teal-300: #4BD3B7;--teal-400: #2FC5A5;--teal-500: #23BA99;--purple-50: #F6F3FF;--purple-75: #ECE5FE;--purple-100: #D9CBFB;--purple-200: #BFA6F7;--purple-300: #A180F0;--purple-400: #845FE0;--purple-500: #6B4BCC;--gray-dark-50: #F8F8FB;--gray-dark-75: #F1F1F6;--gray-dark-100: #E8EAED;--gray-dark-200: #7C7F87;--gray-dark-300: #606266;--gray-dark-400: #44464C;--gray-dark-500: #2C2D32;--gray-dark-600: #232428;--gray-dark-700: #1B1C20;--gray-dark-800: #16171A;--gray-dark-900: #141518;--gray-light-50: #FBFBFC;--gray-light-75: #F5F5F7;--gray-light-100: #E8EAED;--gray-light-200: #D7D9DE;--gray-light-300: #BABDC2;--gray-light-400: #9FA1A6;--gray-light-500: #7C7F87}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-15);line-height:var(--leading-normal);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}[data-theme=dark] body{background:var(--color-bg)}h1,h2,h3,h4,h5,h6,p,figure{margin:0}h1,h2,h3,h4{font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.02em}ul,ol{margin:0;padding:0;list-style:none}button,input,textarea,select{font:inherit;color:inherit}button{padding:0;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}code,pre,kbd{font-family:var(--font-mono)}::selection{color:var(--color-ink);background:color-mix(in srgb,var(--color-primary) 22%,transparent)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}*::-webkit-scrollbar-track{background:transparent}#root{isolation:isolate}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.48;cursor:not-allowed}.btn--sm{height:var(--control-sm);padding:0 12px;font-size:var(--text-13)}.btn--md{height:var(--control-md);padding:0 16px;font-size:var(--text-14)}.btn--lg{height:var(--control-lg);padding:0 22px;font-size:var(--text-15);border-radius:var(--radius-md)}.btn--block{width:100%}.btn--primary{color:var(--color-on-primary);background:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 70%,var(--color-ink));box-shadow:var(--shadow-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-primary-active);box-shadow:none}.btn--secondary{color:var(--color-ink);background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-ink-4)}.btn--secondary:active:not(:disabled){background:var(--color-surface-3);box-shadow:none}.btn--ghost{color:var(--color-ink-2);background:transparent;border-color:transparent}.btn--ghost:hover:not(:disabled){color:var(--color-ink);background:var(--color-surface-3)}.btn--ghost:active:not(:disabled){background:var(--color-border)}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex:none}.btn__label{display:inline-block}.btn--loading .btn__label{opacity:.82}.btn__spinner{animation:btn-spin .9s linear infinite;flex:none}@keyframes btn-spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.icon-btn--sm{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm)}.icon-btn--md{width:var(--control-md);height:var(--control-md)}.icon-btn--filled{background:var(--color-surface-3);border-color:var(--color-border);color:var(--color-ink)}.icon-btn--filled:hover:not(:disabled){background:var(--color-border)}.icon-btn--plain{background:transparent;color:var(--color-ink-3)}.icon-btn--plain:hover:not(:disabled){background:var(--color-surface-3);color:var(--color-ink)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;width:100%;color:var(--color-ink)}.field__label{font-size:var(--text-13);font-weight:var(--weight-semibold);color:var(--color-ink-2);line-height:1.3}.field__control{display:flex;align-items:center;min-height:var(--control-md);padding:0 2px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.field--sm .field__control{min-height:var(--control-sm)}.field__control:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.field--error .field__control{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger-soft) 42%,var(--color-surface))}.field--error .field__control:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 20%,transparent)}.field--disabled .field__control{background:var(--color-surface-2);border-color:var(--color-border);opacity:.72}.field__input{flex:1;width:100%;min-width:0;height:calc(var(--control-md) - 4px);padding:0 12px;color:var(--color-ink);background:transparent;border:0;outline:none;font-size:var(--text-14)}.field--sm .field__input{height:calc(var(--control-sm) - 4px);font-size:var(--text-13)}.field__input::placeholder{color:var(--color-ink-4)}.field__input:disabled{cursor:not-allowed}.field__input[type=search]::-webkit-search-cancel-button,.field__input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.field__affix{display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--color-ink-3);font-size:var(--text-13)}.field__affix--prefix{padding-left:12px;padding-right:2px}.field__affix--suffix{padding-right:12px;padding-left:2px}.field__reveal{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;margin-right:4px;color:var(--color-ink-3);border-radius:var(--radius-sm);cursor:pointer}.field__reveal:hover{color:var(--color-ink);background:var(--color-surface-3)}.field__message{font-size:var(--text-12);line-height:1.45;color:var(--color-ink-3)}.field__message--error{color:var(--color-danger)}.field--textarea .field__control{align-items:stretch;padding:8px 10px}.field__textarea{min-height:92px;padding:4px;line-height:1.62;resize:vertical}.field--select .field__control{position:relative;padding:0;overflow:visible}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:calc(var(--control-md) - 2px);padding:0 12px;color:var(--color-ink);background:transparent;border-radius:inherit;font-size:var(--text-14);text-align:left;cursor:pointer}.field--sm .select-trigger{height:calc(var(--control-sm) - 2px);font-size:var(--text-13)}.select-trigger:disabled{cursor:not-allowed}.select-trigger__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger__value.is-placeholder{color:var(--color-ink-4)}.select-trigger__chevron{flex:none;color:var(--color-ink-3);transition:transform var(--dur-fast) var(--ease-out)}.field--open .select-trigger__chevron{transform:rotate(180deg)}.select-menu{position:absolute;z-index:30;top:calc(100% + 6px);right:0;left:0;max-height:240px;padding:4px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);list-style:none;animation:select-menu-in .16s var(--ease-out);transform-origin:top center}@keyframes select-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.select-menu__item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:36px;padding:7px 10px;color:var(--color-ink-2);border-radius:var(--radius-sm);font-size:var(--text-13);text-align:left;cursor:pointer}.select-menu__item:hover,.select-menu__item.is-active{color:var(--color-ink);background:var(--color-surface-3)}.select-menu__item.is-selected{color:var(--color-primary-contrast);font-weight:var(--weight-semibold);background:var(--color-primary-soft)}.checkbox{position:relative;display:flex;align-items:flex-start;gap:10px;width:100%}.checkbox__input{position:absolute;z-index:2;top:0;left:0;width:20px;height:20px;margin:0;opacity:0;cursor:pointer}.checkbox__box{display:grid;place-items:center;flex:none;width:20px;height:20px;margin-top:1px;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xs);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.checkbox__box svg{width:12px;height:12px;overflow:visible}.checkbox__tick{fill:none;stroke:var(--color-on-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset var(--dur-fast) var(--ease-out)}.checkbox__dash{display:none;fill:none;stroke:var(--color-on-primary);stroke-width:2;stroke-linecap:round}.checkbox__input:checked+.checkbox__box,.checkbox__input:indeterminate+.checkbox__box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox__input:checked+.checkbox__box .checkbox__tick{stroke-dashoffset:0}.checkbox__input:indeterminate+.checkbox__box .checkbox__tick{display:none}.checkbox__input:indeterminate+.checkbox__box .checkbox__dash{display:block}.checkbox__input:focus-visible+.checkbox__box{box-shadow:0 0 0 3px var(--color-focus)}.checkbox__label{cursor:pointer;padding-top:1px}.checkbox__text{display:block;font-size:var(--text-14);color:var(--color-ink);line-height:1.45}.checkbox__desc{display:block;margin-top:2px;font-size:var(--text-12);color:var(--color-ink-3);line-height:1.5}.checkbox--disabled{opacity:.52}.checkbox--disabled .checkbox__input,.checkbox--disabled .checkbox__label{cursor:not-allowed}.switch-row{display:inline-flex;align-items:center;gap:14px;color:var(--color-ink);text-align:left;cursor:pointer}.switch-row__text{display:flex;flex-direction:column;gap:2px;min-width:0}.switch-row__label{font-size:var(--text-14);line-height:1.4}.switch-row__desc{font-size:var(--text-12);color:var(--color-ink-3);line-height:1.5}.switch{position:relative;display:inline-flex;align-items:center;flex:none;width:44px;height:26px;padding:2px;background:var(--color-surface-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.switch__thumb{width:20px;height:20px;background:var(--color-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out)}.switch-row.is-on .switch{background:var(--color-primary);border-color:var(--color-primary)}.switch-row.is-on .switch__thumb{transform:translate(18px)}.switch-row:focus-visible .switch{box-shadow:0 0 0 3px var(--color-focus)}.switch-row.is-disabled{opacity:.45;cursor:not-allowed}.card{position:relative;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.card--raised{border-color:color-mix(in srgb,var(--color-border) 70%,transparent);box-shadow:var(--shadow-sm)}.card--pad-sm{padding:14px}.card--pad-md{padding:18px}.card--pad-lg{padding:24px}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--interactive:active{transform:translateY(0)}.card.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-sm)}.card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.list-item{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:9px 12px;color:var(--color-ink);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);text-align:left;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.list-item--button{cursor:pointer}.list-item--button:hover{background:var(--color-surface-2);border-color:var(--color-border)}.list-item.is-selected{background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 22%,transparent)}.list-item__avatar{display:inline-flex;flex:none}.list-item__left{display:inline-flex;flex:none;color:var(--color-ink-3)}.list-item__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.list-item__title{overflow:hidden;font-size:var(--text-14);font-weight:var(--weight-medium);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.list-item__meta{overflow:hidden;font-size:var(--text-12);color:var(--color-ink-3);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.list-item__right{display:inline-flex;align-items:center;flex:none;color:var(--color-ink-3)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;border-radius:var(--radius-pill);font-weight:var(--weight-semibold);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-ink) 6%,transparent)}.avatar--sm{width:28px;height:28px;font-size:var(--text-12)}.avatar--md{width:36px;height:36px;font-size:var(--text-14)}.avatar--lg{width:48px;height:48px;font-size:var(--text-17)}.avatar--indigo{color:var(--color-primary-contrast);background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface))}.avatar--teal{color:var(--teal-700);background:color-mix(in srgb,var(--teal-500) 20%,var(--color-surface))}.avatar--purple{color:var(--purple-700);background:color-mix(in srgb,var(--purple-500) 18%,var(--color-surface))}.avatar--gray{color:var(--color-ink-2);background:var(--color-surface-3)}[data-theme=dark] .avatar--teal{color:var(--teal-200)}[data-theme=dark] .avatar--purple{color:var(--purple-200)}[data-theme=dark] .avatar--indigo{color:var(--indigo-200)}.avatar__image{width:100%;height:100%;object-fit:cover}.badge{display:inline-flex;align-items:center;justify-content:center;flex:none;font-family:var(--font-sans);font-weight:var(--weight-semibold);line-height:1}.badge--dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-primary)}.badge--count{min-width:18px;height:18px;padding:0 5px;color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-pill);font-size:var(--text-11);letter-spacing:0}.badge--success{background:var(--color-success)}.badge--warning{background:var(--color-warning)}.badge--danger{background:var(--color-danger)}.badge--neutral{background:var(--color-ink-3)}.tabs{display:flex;align-items:center;gap:24px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs__tab{position:relative;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 2px;color:var(--color-ink-3);font-size:var(--text-14);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.tabs__tab:hover{color:var(--color-ink)}.tabs__tab.is-active{color:var(--color-ink);font-weight:var(--weight-semibold)}.tabs--underline{border-bottom:1px solid var(--color-border);gap:26px}.tabs--underline .tabs__tab:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--color-primary);border-radius:2px;content:"";transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-base) var(--ease-out)}.tabs--underline .tabs__tab.is-active:after{transform:scaleX(1)}.tabs--pill{display:inline-flex;gap:2px;padding:3px;background:var(--color-surface-3);border-radius:var(--radius-md)}.tabs--pill .tabs__tab{height:32px;padding:0 12px;border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-13)}.tabs--pill .tabs__tab.is-active{background:var(--color-surface);box-shadow:var(--shadow-xs)}.tabs--sm .tabs__tab{height:32px;font-size:var(--text-13)}.tabs--sm.tabs--pill .tabs__tab{height:28px}.tabs__icon{display:inline-flex}.tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;color:var(--color-ink-3);background:var(--color-surface-3);border-radius:var(--radius-pill);font-size:var(--text-11);font-weight:var(--weight-semibold)}.tabs__tab.is-active .tabs__badge{color:var(--color-primary-contrast);background:var(--color-primary-soft)}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:20px;background:var(--color-scrim);animation:modal-fade-in .18s var(--ease-out)}.modal{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100dvh - 40px);overflow:auto;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:modal-pop-in .22s var(--ease-out)}.modal--sm{max-width:380px}.modal--md{max-width:520px}.modal--lg{max-width:680px}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 0}.modal__title{font-size:var(--text-20);font-weight:var(--weight-semibold);letter-spacing:-.02em;line-height:1.25}.modal__desc{margin-top:6px;font-size:var(--text-13);line-height:1.55;color:var(--color-ink-3)}.modal__body{padding:18px 22px 20px;font-size:var(--text-14);line-height:1.6;color:var(--color-ink-2)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 22px 20px;border-top:1px solid var(--color-border)}.modal-layer--closing{animation:modal-fade-out .16s var(--ease-out) forwards}.modal-layer--closing .modal{animation:modal-pop-out .16s var(--ease-out) forwards}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(8px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.97)}}.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);pointer-events:none}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);pointer-events:auto;animation:drawer-overlay-in .26s var(--ease-out)}.drawer-layer.is-closing .drawer-overlay{animation:drawer-overlay-out .22s var(--ease-out) forwards}.drawer{position:fixed;z-index:1;display:flex;flex-direction:column;overflow:hidden;color:var(--color-ink);background:var(--color-surface);pointer-events:auto;box-shadow:var(--shadow-lg)}.drawer--bottom{left:50%;bottom:0;width:100%;max-width:var(--shell-max);transform:translate(-50%);max-height:88dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:drawer-in-bottom .3s var(--ease-out)}.drawer--right{top:0;right:0;bottom:0;height:100dvh;max-width:var(--shell-max);border-left:1px solid var(--color-border);animation:drawer-in-right .3s var(--ease-out)}.drawer--left{top:0;bottom:0;left:0;height:100dvh;max-width:var(--shell-max);border-right:1px solid var(--color-border);animation:drawer-in-left .3s var(--ease-out)}.drawer.is-closing.drawer--bottom{animation:drawer-out-bottom .24s var(--ease-out) forwards}.drawer.is-closing.drawer--right{animation:drawer-out-right .24s var(--ease-out) forwards}.drawer.is-closing.drawer--left{animation:drawer-out-left .24s var(--ease-out) forwards}.drawer__grip{display:none;flex:none;width:38px;height:4px;margin:9px auto 0;background:var(--color-border-strong);border-radius:var(--radius-pill)}.drawer--bottom .drawer__grip{display:block}.drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px 10px}.drawer--bottom .drawer__head,.drawer--bottom .drawer__body,.drawer--bottom .drawer__footer{width:100%;max-width:600px;margin-right:auto;margin-left:auto}.drawer__title{font-size:var(--text-20);font-weight:var(--weight-semibold);letter-spacing:-.02em;line-height:1.25}.drawer__desc{margin-top:5px;font-size:var(--text-13);line-height:1.5;color:var(--color-ink-3)}.drawer__body{flex:1;min-height:0;padding:8px 20px 24px;overflow-y:auto;font-size:var(--text-14);color:var(--color-ink-2)}.drawer__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border)}@keyframes drawer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes drawer-in-bottom{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes drawer-out-bottom{0%{transform:translate(-50%)}to{transform:translate(-50%,100%)}}@keyframes drawer-in-right{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes drawer-out-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes drawer-in-left{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes drawer-out-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.toast-stack{position:fixed;right:0;bottom:calc(var(--bottom-nav-h) + 16px + env(safe-area-inset-bottom));left:50%;z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:8px;width:min(420px,calc(100vw - 24px));pointer-events:none;transform:translate(-50%)}.toast{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:auto;animation:toast-rise-in .24s var(--ease-out)}.toast--leaving{animation:toast-rise-out .18s var(--ease-out) forwards}.toast__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-sm)}.toast--success .toast__icon{color:var(--color-success);background:var(--color-success-soft)}.toast--warning .toast__icon{color:var(--color-warning);background:var(--color-warning-soft)}.toast--error .toast__icon{color:var(--color-danger);background:var(--color-danger-soft)}.toast__body{flex:1;min-width:0;padding-top:1px}.toast__title{font-size:var(--text-13);font-weight:var(--weight-semibold);line-height:1.4}.toast__desc{margin-top:2px;font-size:var(--text-12);line-height:1.5;color:var(--color-ink-3)}.toast__action{margin-top:6px;color:var(--color-primary);font-size:var(--text-12);font-weight:var(--weight-semibold);cursor:pointer}.toast__close{width:24px!important;height:24px!important;margin-top:-2px}@keyframes toast-rise-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-rise-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.985)}}.empty-state{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:48px 20px;text-align:center}.empty-state__art{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-lg)}.empty-state__art--illustration{width:auto;height:auto;background:transparent}.empty-state__title{font-size:var(--text-17);font-weight:var(--weight-semibold);letter-spacing:-.01em}.empty-state__desc{max-width:400px;margin-top:7px;color:var(--color-ink-3);font-size:var(--text-13);line-height:1.6}.empty-state__action{margin-top:20px}.skeleton{display:flex;flex-direction:column;gap:10px;width:100%}.skeleton__line,.skeleton__block,.skeleton__avatar{position:relative;overflow:hidden;background:var(--color-surface-3);border-radius:var(--radius-sm)}.skeleton__line{height:11px}.skeleton__line:first-child{height:13px}.skeleton__block--media{width:100%;height:92px;border-radius:var(--radius-md)}.skeleton__avatar{flex:none;width:36px;height:36px;border-radius:var(--radius-pill)}.skeleton--card{padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.skeleton--list{gap:16px}.skeleton__row{display:flex;align-items:center;gap:12px}.skeleton__stack{display:flex;flex:1;flex-direction:column;gap:7px}.skeleton.is-animated .skeleton__line:after,.skeleton.is-animated .skeleton__block:after,.skeleton.is-animated .skeleton__avatar:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-surface) 65%,transparent),transparent);content:"";transform:translate(-100%);animation:skeleton-sweep 1.4s ease-in-out infinite}.skeleton.is-animated .skeleton__line:nth-child(2):after{animation-delay:.12s}.skeleton.is-animated .skeleton__line:nth-child(3):after{animation-delay:.2s}@keyframes skeleton-sweep{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:var(--space-6)}.page-header__main{display:flex;align-items:flex-start;gap:12px;min-width:0}.page-header__back{margin-top:4px;border:1px solid var(--color-border);background:var(--color-surface)}.page-header__text{min-width:0}.page-header__title{font-size:var(--text-32);font-weight:var(--weight-semibold);letter-spacing:-.035em;line-height:1.06}.page-header__desc{max-width:680px;margin-top:10px;color:var(--color-ink-3);font-size:var(--text-14);line-height:1.6}.page-header__actions{display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:9px;min-width:0}.brand__mark{flex:none;filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--color-primary) 28%,transparent))}.brand__glyph{fill:none;stroke:var(--color-on-primary)}.brand__dot{fill:var(--color-on-primary)}.brand__text{display:flex;flex-direction:column;gap:2px;min-width:0}.brand__word{font-family:var(--font-display);font-size:var(--text-17);font-weight:var(--weight-semibold);letter-spacing:-.03em;line-height:1;color:var(--color-ink)}.brand__sub{font-size:8px;font-weight:var(--weight-semibold);letter-spacing:.19em;line-height:1;color:var(--color-ink-4)}.segmented{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--color-surface-3);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:var(--radius-md)}.segmented__item{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;padding:0 9px;color:var(--color-ink-3);border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-12);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.segmented--md .segmented__item{height:32px;padding:0 12px;font-size:var(--text-13)}.segmented__item:hover{color:var(--color-ink)}.segmented__item.is-active{color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-xs);font-weight:var(--weight-semibold)}.segmented__icon{display:inline-flex}.segmented--full{display:flex}.segmented--full .segmented__item{flex:1}.search-bar{display:flex;align-items:center;gap:9px;width:100%;height:var(--control-md);padding:0 12px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.search-bar--sm{height:var(--control-sm)}.search-bar--lg{height:52px;padding:0 16px;border-radius:var(--radius-lg)}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.search-bar__icon{flex:none;color:var(--color-ink-4)}.search-bar__input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:none;font-size:var(--text-14);color:var(--color-ink)}.search-bar--lg .search-bar__input{font-size:var(--text-15)}.search-bar__input::placeholder{color:var(--color-ink-4)}.search-bar__input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-bar__clear{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;color:var(--color-ink-3);background:var(--color-surface-3);border-radius:var(--radius-pill);cursor:pointer}.search-bar__clear:hover{color:var(--color-ink)}.search-bar__kbd{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 5px;color:var(--color-ink-4);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:var(--text-11)}.code-block{overflow:hidden;color:var(--color-code-ink);background:var(--color-code-bg);border:1px solid color-mix(in srgb,var(--color-code-ink) 12%,transparent);border-radius:var(--radius-lg)}.code-block__head{display:flex;align-items:center;gap:9px;padding:9px 12px;background:var(--color-code-surface);border-bottom:1px solid color-mix(in srgb,var(--color-code-ink) 10%,transparent)}.code-block__dots{display:inline-flex;gap:4px;flex:none}.code-block__dots i{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-code-dim);opacity:.55}.code-block__dots i:first-child{background:var(--red-400);opacity:.9}.code-block__dots i:nth-child(2){background:var(--yellow-400);opacity:.9}.code-block__dots i:nth-child(3){background:var(--green-400);opacity:.9}.code-block__label{overflow:hidden;color:var(--color-code-dim);font-family:var(--font-mono);font-size:var(--text-11);text-overflow:ellipsis;white-space:nowrap}.code-block__lang{margin-left:auto;padding:2px 5px;color:var(--color-code-dim);border:1px solid color-mix(in srgb,var(--color-code-ink) 14%,transparent);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}.code-block__copy{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;color:var(--color-code-ink);background:color-mix(in srgb,var(--color-code-ink) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-code-ink) 12%,transparent);border-radius:var(--radius-sm);font-size:var(--text-11);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out)}.code-block__copy:hover{background:color-mix(in srgb,var(--color-code-ink) 15%,transparent)}.code-block__copy.is-copied{color:var(--green-200);border-color:color-mix(in srgb,var(--green-300) 35%,transparent)}.code-block__pre{max-height:460px;margin:0;padding:14px 0 16px;overflow:auto;font-size:12.5px;line-height:1.7;-moz-tab-size:2;tab-size:2}.code-block__line{display:flex;min-width:max-content;padding-right:16px}.code-block__num{flex:none;width:38px;padding-right:12px;color:var(--color-code-dim);text-align:right;opacity:.55;-webkit-user-select:none;user-select:none}.code-block__text{white-space:pre}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;color:var(--color-ink-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-12);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.chip:hover{color:var(--color-ink);border-color:var(--color-border-strong)}.chip.is-active{color:var(--color-surface);background:var(--color-ink);border-color:var(--color-ink)}.chip__count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:16px;padding:0 4px;color:var(--color-ink-3);background:var(--color-surface-3);border-radius:var(--radius-pill);font-size:10px;font-weight:var(--weight-semibold)}.chip.is-active .chip__count{color:var(--color-surface-3);background:color-mix(in srgb,var(--color-surface) 22%,transparent)}.chip--sm{height:26px;padding:0 9px;font-size:var(--text-11)}.chip-row{display:flex;flex-wrap:wrap;gap:5px}.live-preview{overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.preview-controls{display:flex;flex-wrap:wrap;gap:12px 22px;padding:13px 16px;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.preview-control{display:flex;align-items:center;gap:8px;min-height:26px}.preview-control__label{color:var(--color-ink-4);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.08em}.live-preview__stage{display:flex;align-items:center;justify-content:center;min-height:320px;padding:40px 24px;background-color:var(--color-surface-2);background-image:radial-gradient(var(--line-grid) 1px,transparent 1px);background-size:16px 16px}.preview-form{width:100%;max-width:380px}.preview-stack{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px}.preview-stack--wide{max-width:460px}.preview-stack--list{gap:5px;padding:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.preview-inline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.preview-inline--wrap{gap:8px}.preview-inline--spaced{gap:16px}.preview-card{width:100%;max-width:430px}.preview-card__title{margin-top:10px;font-size:var(--text-20);font-weight:var(--weight-semibold);letter-spacing:-.025em;line-height:1.25}.preview-card__desc{margin-top:7px;color:var(--color-ink-3);font-size:var(--text-13);line-height:1.6}.preview-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.preview-link{display:inline-flex;align-items:center;gap:5px;color:var(--color-primary);font-size:var(--text-12);font-weight:var(--weight-semibold)}.preview-tabs{width:100%;max-width:560px}.preview-tabs__panel{margin-top:16px;color:var(--color-ink-3);font-size:var(--text-13);line-height:1.6}.preview-skeleton{width:100%;max-width:420px}.preview-skeleton__controls{margin-bottom:14px}.preview-page-header{width:100%;max-width:640px;padding:4px 0}.preview-page-header .page-header{margin-bottom:0}.preview-modal-body{display:flex;flex-direction:column;gap:14px}.preview-note{color:var(--color-ink-3);font-size:var(--text-12);line-height:1.55}.mock-root{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mock{display:flex;flex-direction:column;gap:6px;width:100%}.mock--center{flex-direction:row;align-items:center;justify-content:center;gap:6px}.mock--field{max-width:210px;margin:0 auto}.mock--stack{gap:5px;max-width:230px;margin:0 auto}.mock--wide{max-width:250px;margin:0 auto}.mock--badges{flex-wrap:wrap;gap:5px}.mock--overlay{position:relative;display:flex;align-items:center;justify-content:center;min-height:110px;padding:8px;background:color-mix(in srgb,var(--color-surface-3) 70%,var(--color-surface));border-radius:var(--radius-md)}.mock--overlay-bottom{align-items:flex-end}.mock-label{font-size:9px;font-weight:var(--weight-semibold);color:var(--color-ink-3)}.mock-help{font-size:8px;color:var(--color-ink-4)}.mock-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:7px;font-size:10.5px;font-weight:var(--weight-semibold)}.mock-btn--primary{color:var(--color-on-primary);background:var(--color-primary);box-shadow:0 4px 10px -4px color-mix(in srgb,var(--color-primary) 55%,transparent)}.mock-btn--secondary{color:var(--color-ink-2);background:var(--color-surface);border:1px solid var(--color-border-strong)}.mock-icon-btn{display:grid;place-items:center;width:28px;height:28px;color:var(--color-ink-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:7px}.mock-icon-btn--filled{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.mock-input{display:flex;align-items:center;gap:5px;height:28px;padding:0 8px;color:var(--color-ink-4);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:7px;font-size:9.5px}.mock-input--select{justify-content:space-between;color:var(--color-ink-2)}.mock-textarea{display:flex;flex-direction:column;gap:4px;height:48px;padding:8px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:7px}.mock-textarea span{height:4px;background:var(--color-surface-3);border-radius:2px}.mock-textarea span.short{width:58%}.mock-menu{display:flex;flex-direction:column;gap:1px;padding:3px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:7px;box-shadow:var(--shadow-sm)}.mock-menu span{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;color:var(--color-ink-3);border-radius:4px;font-size:9px}.mock-menu span.is-selected{color:var(--color-primary-contrast);background:var(--color-primary-soft);font-weight:var(--weight-semibold)}.mock-check{display:flex;align-items:center;gap:6px;color:var(--color-ink-2);font-size:10px}.mock-check.is-disabled{opacity:.55}.mock-box{display:grid;place-items:center;width:14px;height:14px;color:var(--color-on-primary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:4px;font-size:9px;font-style:normal}.mock-box.is-checked{background:var(--color-primary);border-color:var(--color-primary)}.mock-box.is-mixed{color:var(--color-primary);background:var(--color-primary-soft);border-color:var(--color-primary);font-weight:var(--weight-semibold)}.mock-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-ink-2);font-size:10px}.mock-switch{position:relative;display:inline-flex;width:30px;height:18px;background:var(--color-surface-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill)}.mock-switch b{position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--color-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs)}.mock-switch.is-on{background:var(--color-primary);border-color:var(--color-primary)}.mock-switch.is-on b{transform:translate(12px)}.mock-card{display:flex;flex-direction:column;gap:6px;width:100%;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.mock-card__eyebrow{color:var(--color-ink-4);font-size:8px;font-weight:var(--weight-semibold);letter-spacing:.1em}.mock-card strong{font-size:12px;font-weight:var(--weight-semibold)}.mock-card__line{height:4px;background:var(--color-surface-3);border-radius:2px}.mock-card__line.short{width:62%}.mock-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:3px;color:var(--color-ink-3)}.mock-tag{padding:2px 5px;color:var(--color-primary-contrast);background:var(--color-primary-soft);border-radius:4px;font-size:8px;font-weight:var(--weight-semibold)}.mock-list{display:flex;align-items:center;gap:7px;padding:6px 7px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:7px}.mock-list.is-selected{background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 24%,transparent)}.mock-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;color:var(--color-primary-contrast);background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface));border-radius:var(--radius-pill);font-size:9px;font-weight:var(--weight-semibold);font-style:normal}.mock-avatar--teal{color:var(--teal-700);background:color-mix(in srgb,var(--teal-500) 20%,var(--color-surface))}.mock-avatar--purple{color:var(--purple-700);background:color-mix(in srgb,var(--purple-500) 18%,var(--color-surface))}.mock-avatar--gray{color:var(--color-ink-3);background:var(--color-surface-3)}.mock-list__body{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.mock-list__body strong{font-size:9.5px;font-weight:var(--weight-medium)}.mock-list__body small{color:var(--color-ink-4);font-size:8px}.mock-list__chevron{color:var(--color-ink-4);transform:rotate(-90deg)}.mock-dot{width:6px;height:6px;background:var(--color-success);border-radius:var(--radius-pill)}.mock-avatars{display:flex;align-items:center}.mock-avatars .mock-avatar{width:30px;height:30px;border:2px solid var(--color-surface);font-size:10px}.mock-avatars .mock-avatar+.mock-avatar{margin-left:-7px}.mock-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;color:var(--color-ink-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:9px}.mock-count{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 3px;color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-pill);font-size:8px}.mock-count--warning{background:var(--color-warning)}.mock-count--danger{background:var(--color-danger)}.mock-tabs{display:flex;gap:14px;padding-bottom:4px;border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mock-tabs span{padding:3px 0;color:var(--color-ink-3);font-size:9.5px}.mock-tabs span.is-active{color:var(--color-ink);font-weight:var(--weight-semibold);border-bottom:2px solid var(--color-primary)}.mock-page-head{display:flex;align-items:center;gap:7px}.mock-back{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-ink-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:10px;font-style:normal}.mock-page-head small{display:block;color:var(--color-ink-4);font-size:7.5px}.mock-page-head strong{font-size:11.5px;font-weight:var(--weight-semibold)}.mock-cta{margin-left:auto;padding:4px 7px;color:var(--color-on-primary);background:var(--color-primary);border-radius:5px;font-size:8px;font-style:normal;font-weight:var(--weight-semibold)}.mock-dialog{display:flex;flex-direction:column;gap:6px;width:80%;padding:11px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.mock-dialog strong{font-size:10px;font-weight:var(--weight-semibold)}.mock-dialog__actions{display:flex;justify-content:flex-end;gap:5px;margin-top:2px}.mock-dialog__actions i,.mock-dialog__actions b{padding:3px 6px;border-radius:4px;font-size:8px;font-style:normal}.mock-dialog__actions i{color:var(--color-ink-3);background:var(--color-surface-3)}.mock-dialog__actions b{color:var(--color-on-primary);background:var(--color-primary)}.mock-sheet{display:flex;flex-direction:column;gap:5px;width:92%;padding:9px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:var(--shadow-md)}.mock-grip{width:22px;height:3px;margin:0 auto 2px;background:var(--color-border-strong);border-radius:var(--radius-pill)}.mock-sheet strong{font-size:9.5px;font-weight:var(--weight-semibold)}.mock-sheet__actions{display:flex;justify-content:flex-end;gap:5px}.mock-sheet__actions i,.mock-sheet__actions b{padding:3px 6px;border-radius:4px;font-size:8px;font-style:normal}.mock-sheet__actions i{color:var(--color-ink-3);background:var(--color-surface-3)}.mock-sheet__actions b{color:var(--color-on-primary);background:var(--color-primary)}.mock-toast{display:flex;align-items:flex-start;gap:6px;padding:6px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:7px;box-shadow:var(--shadow-xs)}.mock-toast svg{flex:none;margin-top:1px}.mock-toast--success svg{color:var(--color-success)}.mock-toast--info svg{color:var(--color-primary)}.mock-toast strong{display:block;font-size:9px;font-weight:var(--weight-semibold)}.mock-toast small{display:block;color:var(--color-ink-4);font-size:7.5px}.mock-empty{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.mock-empty__art{display:grid;place-items:center;width:28px;height:28px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:7px}.mock-empty strong{font-size:9.5px;font-weight:var(--weight-semibold)}.mock-empty small{color:var(--color-ink-4);font-size:7.5px}.mock-empty b{margin-top:3px;padding:3px 6px;color:var(--color-on-primary);background:var(--color-primary);border-radius:4px;font-size:8px}.mock-skeleton{display:flex;flex-direction:column;gap:5px;width:100%;padding:9px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.mock-skeleton__media{display:grid;place-items:center;height:38px;color:var(--color-ink-4);background:var(--color-surface-3);border-radius:6px}.mock-skeleton__line{height:5px;background:var(--color-surface-3);border-radius:2px}.mock-skeleton__line.short{width:64%}.mock-skeleton__line.tiny{width:36%}.live-preview__status{display:flex;align-items:center;gap:7px;padding:9px 16px;color:var(--color-ink-4);background:var(--color-surface);border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:9.5px}.live-preview__status-dot{width:5px;height:5px;background:var(--color-success);border-radius:var(--radius-pill)}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--color-ink-4);font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase}.eyebrow--light{color:color-mix(in srgb,var(--gray-50) 58%,transparent)}.tag{display:inline-flex;align-items:center;height:21px;padding:0 7px;color:var(--color-ink-2);background:var(--color-surface-3);border-radius:var(--radius-pill);font-size:10px;font-weight:var(--weight-medium);white-space:nowrap}.status-text{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:var(--weight-medium);white-space:nowrap}.status-text:before{width:5px;height:5px;background:currentColor;border-radius:var(--radius-pill);content:""}.status-text--stable{color:var(--color-success)}.status-text--beta{color:var(--color-warning)}.status-text--new{color:var(--color-primary)}.text-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary);font-size:var(--text-12);font-weight:var(--weight-semibold);cursor:pointer}.text-link:hover{text-decoration:underline;text-underline-offset:3px}.count-pill{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;color:var(--color-ink-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:10px;white-space:nowrap}.btn--inverse{color:var(--color-ink);background:var(--color-surface);border-color:transparent}.btn--inverse:hover:not(:disabled){background:color-mix(in srgb,var(--color-surface) 84%,var(--color-primary))}.btn--ghost-light{color:var(--gray-50);background:transparent;border-color:color-mix(in srgb,var(--gray-50) 22%,transparent)}.btn--ghost-light:hover:not(:disabled){color:var(--gray-50);background:color-mix(in srgb,var(--gray-50) 10%,transparent)}.btn--danger{color:var(--color-on-primary);background:var(--color-danger);border-color:var(--color-danger);box-shadow:none}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 86%,var(--color-ink))}.btn--danger-text{color:var(--color-danger)}.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:12px;color:var(--color-ink-4);font-size:var(--text-12)}.breadcrumb a:hover{color:var(--color-ink)}.breadcrumb strong{color:var(--color-ink-3);font-weight:var(--weight-medium)}.shell{min-height:100dvh;background:var(--color-bg)}.shell__main{min-height:100dvh}.page{width:100%;max-width:calc(var(--content-max) + 80px);margin:0 auto;padding:18px 18px calc(92px + env(safe-area-inset-bottom))}@media(min-width:1024px){.page{padding:30px 40px 80px}}.sidebar{display:none}@media(min-width:1024px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;width:var(--sidebar-w);padding:22px 16px 16px;background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto}.shell__main{margin-left:var(--sidebar-w)}}.sidebar__brand{display:inline-flex;padding:2px 8px}.sidebar__brand .brand__word{font-size:19px}.sidebar__status{padding:14px 8px 8px}.status-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;color:var(--color-ink-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:9.5px}.status-pill i{width:5px;height:5px;background:var(--color-success);border-radius:var(--radius-pill);box-shadow:0 0 0 3px var(--color-success-soft)}.side-nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}.side-nav__label{padding:12px 10px 6px;color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px;font-weight:var(--weight-semibold);letter-spacing:.13em;text-transform:uppercase}.side-nav__label--gap{margin-top:10px}.side-nav__item{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;color:var(--color-ink-2);border-radius:var(--radius-md);font-size:var(--text-13);font-weight:var(--weight-medium);transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.side-nav__item:hover{color:var(--color-ink);background:var(--color-surface-2)}.side-nav__item.is-active{color:var(--color-primary-contrast);background:var(--color-primary-soft);font-weight:var(--weight-semibold)}.side-nav__item.is-active:before{position:absolute;top:10px;bottom:10px;left:0;width:2.5px;background:var(--color-primary);border-radius:var(--radius-pill);content:""}.side-nav__item svg{flex:none}.side-nav__meta{margin-left:auto;color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px;font-weight:var(--weight-regular)}.side-nav__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;color:var(--color-primary-contrast);background:var(--color-primary-soft-strong);border-radius:var(--radius-pill);font-size:9.5px;font-weight:var(--weight-semibold)}.side-nav__dot{width:6px;height:6px;margin-left:auto;background:var(--color-danger);border-radius:var(--radius-pill)}.sidebar__spacer{flex:1;min-height:18px}.sidebar__release{position:relative;padding:14px;overflow:hidden;color:var(--gray-50);background:radial-gradient(180px 120px at 90% 0%,color-mix(in srgb,var(--color-primary) 55%,transparent),transparent 72%),var(--gray-900);border-radius:var(--radius-lg)}.sidebar__release-label{color:color-mix(in srgb,var(--gray-50) 48%,transparent);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.13em}.sidebar__release-head{display:flex;align-items:baseline;gap:7px;margin-top:5px}.sidebar__release-head strong{font-family:var(--font-display);font-size:20px;letter-spacing:-.03em}.sidebar__release-head span{color:color-mix(in srgb,var(--gray-50) 52%,transparent);font-size:9.5px}.sidebar__release p{margin-top:5px;color:color-mix(in srgb,var(--gray-50) 66%,transparent);font-size:10.5px;line-height:1.5}.sidebar__release-link{display:inline-flex;align-items:center;gap:4px;margin-top:10px;color:var(--gray-50);font-size:10.5px;font-weight:var(--weight-medium)}.sidebar__release-link:hover{color:var(--color-primary-bright)}.sidebar__user{display:flex;align-items:center;gap:9px;margin-top:10px;padding:8px;border-radius:var(--radius-md);transition:background-color var(--dur-fast) var(--ease-out)}.sidebar__user:hover{background:var(--color-surface-2)}.sidebar__user-text{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.sidebar__user-text strong{overflow:hidden;font-size:var(--text-12);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.sidebar__user-text small{overflow:hidden;color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-arrow{flex:none;color:var(--color-ink-4)}.guest-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;color:var(--color-ink-3);background:var(--color-surface-3);border-radius:var(--radius-pill)}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:10px;height:60px;padding:0 16px;background:color-mix(in srgb,var(--color-bg) 82%,transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media(min-width:1024px){.topbar{height:68px;padding:0 40px}}.topbar__brand{display:inline-flex;flex:none;margin-right:2px}@media(min-width:1024px){.topbar__brand{display:none}}.topbar__search{display:flex;align-items:center;gap:8px;flex:1;max-width:420px;height:38px;padding:0 12px;color:var(--color-ink-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-12);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.topbar__search:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.topbar__search span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__search kbd{display:none;padding:2px 5px;color:var(--color-ink-4);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:9.5px}@media(min-width:640px){.topbar__search kbd{display:inline-block}}.topbar__actions{display:flex;align-items:center;gap:4px;flex:none;margin-left:auto}.copy-chip{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 9px;color:var(--color-ink-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-11);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.copy-chip:hover{color:var(--color-ink);border-color:var(--color-border-strong)}.copy-chip__count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;color:var(--color-primary-contrast);background:var(--color-primary-soft-strong);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:9px;font-weight:var(--weight-semibold)}.copy-chip__label{display:none}@media(min-width:640px){.copy-chip__label{display:inline}}.topbar__avatar{display:inline-flex;margin-left:4px}.topbar__login{display:inline-flex;align-items:center;height:34px;margin-left:4px;padding:0 14px;color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-pill);font-size:var(--text-12);font-weight:var(--weight-semibold)}.topbar__login:hover{background:var(--color-primary-hover)}.bottom-nav{position:fixed;left:50%;bottom:0;width:100%;max-width:100vw;transform:translate(-50%);z-index:var(--z-nav);display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--color-surface) 92%,transparent);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media(min-width:1024px){.bottom-nav{display:none}}.bottom-nav__item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:7px 0 10px;color:var(--color-ink-4);font-size:10px;font-weight:var(--weight-medium)}.bottom-nav__item svg{padding:3px;border-radius:10px;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.bottom-nav__item.is-active{color:var(--color-primary);font-weight:var(--weight-semibold)}.bottom-nav__item.is-active svg{background:var(--color-primary-soft)}.history-list{display:flex;flex-direction:column;gap:2px}.history-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:var(--radius-md)}.history-row:hover{background:var(--color-surface-2)}.history-row__icon{display:grid;place-items:center;flex:none;width:32px;height:32px;color:var(--color-ink-2);background:var(--color-surface-3);border-radius:var(--radius-sm)}.history-row__body{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.history-row__title{overflow:hidden;color:var(--color-ink);font-size:var(--text-13);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.history-row__meta{overflow:hidden;color:var(--color-ink-4);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.history-row__time{flex:none;color:var(--color-ink-4);font-size:9.5px}.hero{position:relative;display:flex;flex-direction:column;gap:28px;padding:32px 22px 26px;overflow:hidden;color:var(--gray-50);background:radial-gradient(110% 130% at 6% 0%,color-mix(in srgb,var(--color-primary) 58%,transparent),transparent 62%),radial-gradient(80% 80% at 96% 92%,color-mix(in srgb,var(--cyan-500) 20%,transparent),transparent 66%),var(--gray-900);border-radius:var(--radius-xl)}@media(min-width:640px){.hero{padding:40px 34px 34px;border-radius:var(--radius-2xl)}}@media(min-width:1024px){.hero{flex-direction:row;align-items:center;min-height:460px;padding:48px}}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--gray-50) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--gray-50) 6%,transparent) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(120% 100% at 20% 0%,black,transparent 78%);mask-image:radial-gradient(120% 100% at 20% 0%,black,transparent 78%);pointer-events:none}.hero__glow{position:absolute;top:-160px;right:-120px;width:420px;height:420px;background:color-mix(in srgb,var(--color-primary) 55%,transparent);border-radius:50%;filter:blur(110px);opacity:.55;pointer-events:none}.hero__content{position:relative;z-index:1;flex:1;min-width:0}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--gray-50) 66%,transparent);font-family:var(--font-mono);font-size:10px;letter-spacing:.13em}.hero__dot{width:6px;height:6px;background:var(--cyan-300);border-radius:var(--radius-pill);box-shadow:0 0 0 4px color-mix(in srgb,var(--cyan-300) 18%,transparent)}.hero__title{margin-top:18px;font-size:clamp(34px,9vw,46px);font-weight:var(--weight-semibold);letter-spacing:-.045em;line-height:1.04}.hero__title em{font-style:normal;background:linear-gradient(96deg,var(--gray-50) 12%,var(--cyan-200) 58%,var(--indigo-200) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__desc{max-width:460px;margin-top:16px;color:color-mix(in srgb,var(--gray-50) 64%,transparent);font-size:var(--text-13);line-height:1.7}@media(min-width:640px){.hero__desc{font-size:var(--text-14)}}.hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:22px}.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--gray-50) 12%,transparent)}.hero__stats div{min-width:0}.hero__stats dt{font-family:var(--font-display);font-size:var(--text-20);font-weight:var(--weight-semibold);letter-spacing:-.03em}.hero__stats dd{margin:2px 0 0;color:color-mix(in srgb,var(--gray-50) 50%,transparent);font-size:9.5px;white-space:nowrap}@media(min-width:640px){.hero__stats dt{font-size:var(--text-24)}.hero__stats dd{font-size:10.5px}}.hero__art{display:none}@media(min-width:1024px){.hero__art{position:relative;display:block;flex:0 0 44%;height:360px}}.hero-window{position:absolute;top:8px;right:6px;left:26px;overflow:hidden;color:var(--color-code-ink);background:color-mix(in srgb,var(--color-code-bg) 94%,transparent);border:1px solid color-mix(in srgb,var(--gray-50) 14%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:rotate(-1.4deg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-window__bar{display:flex;align-items:center;gap:9px;padding:9px 12px;background:color-mix(in srgb,var(--gray-50) 7%,transparent);border-bottom:1px solid color-mix(in srgb,var(--gray-50) 9%,transparent)}.window-dots{display:inline-flex;gap:4px}.window-dots i{width:6px;height:6px;background:color-mix(in srgb,var(--gray-50) 28%,transparent);border-radius:var(--radius-pill)}.window-dots i:first-child{background:var(--red-400)}.window-dots i:nth-child(2){background:var(--yellow-400)}.window-dots i:nth-child(3){background:var(--green-400)}.hero-window__file{color:var(--color-code-dim);font-family:var(--font-mono);font-size:9px}.hero-window__status{margin-left:auto;padding:2px 5px;color:var(--green-200);border:1px solid color-mix(in srgb,var(--green-300) 30%,transparent);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:8px}.hero-window__code{display:flex;flex-direction:column;padding:12px 0;font-family:var(--font-mono);font-size:9.5px;line-height:1.85}.hero-window__code span{display:flex;gap:2px;padding:0 12px;white-space:pre}.hero-window__code i{width:22px;flex:none;color:var(--color-code-dim);font-style:normal;opacity:.5}.hero-window__code b{color:var(--color-code-key);font-weight:var(--weight-regular)}.hero-window__code em{color:var(--color-code-string);font-style:normal}.hero-window__code u{color:var(--color-code-fn);text-decoration:none}.hero-window__canvas{display:flex;align-items:center;gap:7px;padding:12px;background:var(--color-surface);border-top:1px solid color-mix(in srgb,var(--gray-50) 9%,transparent)}.hero-ui-btn{display:inline-flex;align-items:center;height:28px;padding:0 11px;color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--weight-semibold)}.hero-ui-btn--ghost{color:var(--color-ink-2);background:var(--color-surface);border:1px solid var(--color-border-strong)}.hero-ui-select{display:inline-flex;align-items:center;gap:8px;height:28px;margin-left:auto;padding:0 9px;color:var(--color-ink-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:9.5px}.hero-ui-select i{font-style:normal}.hero-float{position:absolute;padding:9px 11px;color:var(--color-ink);background:color-mix(in srgb,var(--color-surface) 96%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-float--palette{bottom:2px;left:0;width:180px;transform:rotate(2deg)}.hero-float--icons{top:-6px;right:-6px;width:126px;transform:rotate(3deg)}.hero-float__label{display:block;color:var(--color-ink-4);font-family:var(--font-mono);font-size:7.5px;letter-spacing:.1em}.hero-swatches{display:flex;gap:2px;margin-top:6px;overflow:hidden;border-radius:4px}.hero-swatch{flex:1;height:20px}.hero-swatch--50{background:var(--indigo-50)}.hero-swatch--100{background:var(--indigo-100)}.hero-swatch--200{background:var(--indigo-200)}.hero-swatch--300{background:var(--indigo-300)}.hero-swatch--400{background:var(--indigo-400)}.hero-swatch--500{background:var(--indigo-500)}.hero-swatch--600{background:var(--indigo-600)}.hero-float__hex{display:block;margin-top:5px;color:var(--color-ink-4);font-family:var(--font-mono);font-size:8px}.hero-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:6px}.hero-icon-grid span{display:grid;place-items:center;height:24px;color:var(--color-ink-2);background:var(--color-surface-2);border-radius:5px}.recent-strip{display:flex;align-items:center;gap:12px;padding:16px 2px 2px}.recent-strip__label{flex:none;color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.recent-strip__items{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.recent-strip__items::-webkit-scrollbar{display:none}.recent-chip{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 9px;color:var(--color-ink-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:11px;white-space:nowrap}.recent-chip:hover{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 32%,var(--color-border))}.recent-chip__dot{width:5px;height:5px;background:var(--color-primary);border-radius:var(--radius-pill)}.section{margin-top:30px;scroll-margin-top:82px}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section__head--compact{margin-bottom:12px}.section__title{margin-top:5px;font-size:var(--text-24);font-weight:var(--weight-semibold);letter-spacing:-.03em;line-height:1.15}.section__desc{max-width:580px;margin-top:6px;color:var(--color-ink-3);font-size:var(--text-13);line-height:1.6}.section__head-meta{flex:none}.library-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}@media(min-width:720px){.library-toolbar{flex-direction:row;align-items:center}.library-toolbar__search{max-width:320px;flex:none}}.category-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.component-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:620px){.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.component-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.component-card{display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.component-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.component-card__preview{position:relative;display:flex;align-items:center;justify-content:center;height:168px;padding:20px 18px;overflow:hidden;background-color:var(--color-surface-2);background-image:radial-gradient(var(--line-grid) 1px,transparent 1px);background-size:16px 16px;border-bottom:1px solid var(--color-border)}.component-card__preview .mock-root{max-width:250px}.component-card__new{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;color:var(--color-success);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:8px;letter-spacing:.06em}.component-card__body{display:flex;flex:1;flex-direction:column;padding:15px 16px 13px}.component-card__title{display:flex;align-items:baseline;gap:8px;min-width:0}.component-card__title h3{font-size:var(--text-17);font-weight:var(--weight-semibold);letter-spacing:-.02em}.component-card__title span{color:var(--color-ink-4);font-family:var(--font-mono);font-size:10px}.component-card__desc{display:-webkit-box;margin-top:6px;overflow:hidden;color:var(--color-ink-3);font-size:var(--text-12);line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.component-card__meta{display:flex;align-items:center;gap:8px;margin-top:13px}.component-card__version{color:var(--color-ink-4);font-family:var(--font-mono);font-size:9.5px}.component-card__arrow{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;color:var(--color-ink-3);background:var(--color-surface-2);border-radius:var(--radius-pill);transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.component-card:hover .component-card__arrow{color:var(--color-on-primary);background:var(--color-primary)}.component-skeleton{height:300px}.home-footer-cta{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:32px;padding:26px 22px;color:var(--color-surface);background:radial-gradient(90% 140% at 100% 0%,color-mix(in srgb,var(--color-primary) 45%,transparent),transparent 60%),var(--color-ink);border-radius:var(--radius-xl)}@media(min-width:720px){.home-footer-cta{flex-direction:row;align-items:center;justify-content:space-between;padding:28px 30px}}.home-footer-cta .eyebrow{color:color-mix(in srgb,var(--color-surface) 55%,transparent)}.home-footer-cta h2{margin-top:8px;font-size:var(--text-20);font-weight:var(--weight-semibold);letter-spacing:-.02em}.home-footer-cta p{margin-top:4px;color:color-mix(in srgb,var(--color-surface) 62%,transparent);font-size:var(--text-12)}.detail-loading{display:flex;flex-direction:column;gap:18px;padding-top:24px}.detail-loading__grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:900px){.detail-loading__grid{grid-template-columns:1.4fr 1fr}}.detail-title{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:10px}.detail-title__en{color:var(--color-ink-4);font-family:var(--font-mono);font-size:var(--text-14);font-weight:var(--weight-regular);letter-spacing:0}.favorite-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-3)}.favorite-btn:hover{color:var(--color-danger);background:var(--color-danger-soft)}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-2px 0 18px}.detail-meta__item{color:var(--color-ink-4);font-family:var(--font-mono);font-size:10px}.detail-meta__divider{width:1px;height:11px;background:var(--color-border)}.copy-result{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:11px 13px;background:var(--color-success-soft);border:1px solid color-mix(in srgb,var(--color-success) 20%,transparent);border-radius:var(--radius-md)}.copy-result__icon{display:grid;place-items:center;flex:none;width:26px;height:26px;color:var(--color-on-primary);background:var(--color-success);border-radius:var(--radius-pill)}.copy-result strong{font-size:var(--text-12);font-weight:var(--weight-semibold)}.copy-result p{color:var(--color-ink-3);font-size:10.5px}.copy-result__link{display:inline-flex;align-items:center;gap:3px;margin-left:auto;color:var(--color-success-strong);font-size:10.5px;font-weight:var(--weight-semibold);white-space:nowrap}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:18px}@media(min-width:1000px){.detail-layout{grid-template-columns:minmax(0,1fr) 286px;gap:28px}}.detail-panel{margin-top:16px}.detail-panel__hint{margin-top:10px;color:var(--color-ink-4);font-size:var(--text-11);line-height:1.55}.code-note{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.code-note>svg{flex:none;margin-top:1px;color:var(--color-primary)}.code-note strong{font-size:var(--text-12)}.code-note p{margin-top:2px;color:var(--color-ink-3);font-size:var(--text-11)}.code-note code{padding:1px 4px;color:var(--color-primary-contrast);background:var(--color-primary-soft);border-radius:4px;font-size:10px}.code-note__copy{flex:none;margin-left:auto;padding:4px 8px;color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);border-radius:var(--radius-pill);font-size:10px;font-weight:var(--weight-semibold);cursor:pointer}.props-section{margin-bottom:28px}.props-section__title{font-size:var(--text-17);font-weight:var(--weight-semibold);letter-spacing:-.02em}.props-section__desc{margin:4px 0 12px;color:var(--color-ink-3);font-size:var(--text-12)}.props-table{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.props-table__head,.props-table__row{display:grid;grid-template-columns:1.05fr 1.5fr .8fr 1.75fr;gap:12px;align-items:start;min-width:620px;padding:10px 14px}.props-table__head{color:var(--color-ink-4);background:var(--color-surface-2);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.props-table__row{border-top:1px solid var(--color-border);font-size:var(--text-12)}.props-table__row>code:first-child{color:var(--color-primary-contrast);font-size:var(--text-11);font-weight:var(--weight-semibold);word-break:break-word}.props-table__type{color:var(--color-ink-3);font-size:10px;line-height:1.5;word-break:break-word}.props-table__default{color:var(--color-ink-4);font-size:10px}.props-table__row>span{color:var(--color-ink-3);line-height:1.5}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.spec-item{padding:10px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.spec-item span{display:block;color:var(--color-ink-4);font-size:10px}.spec-item strong{display:block;margin-top:2px;font-family:var(--font-mono);font-size:var(--text-11);font-weight:var(--weight-medium)}.notes-list li{display:flex;align-items:flex-start;gap:8px;padding:8px 0;color:var(--color-ink-2);border-top:1px solid var(--color-border);font-size:var(--text-12);line-height:1.6}.notes-list li:first-child{border-top:0}.notes-list svg{flex:none;margin-top:2px;color:var(--color-primary)}.detail-aside{display:flex;flex-direction:column;gap:10px}@media(min-width:1000px){.detail-aside{position:sticky;top:88px;align-self:start}}.aside-card{padding:15px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.aside-card__label{display:block;color:var(--color-ink-4);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em}.aside-card h3{margin:5px 0 9px;font-size:var(--text-14);font-weight:var(--weight-semibold);letter-spacing:-.01em}.aside-card__command{display:block;margin-bottom:9px;padding:7px 8px;overflow-x:auto;color:var(--color-code-ink);background:var(--color-code-bg);border-radius:var(--radius-sm);font-size:9.5px;white-space:nowrap}.aside-card__link{display:inline-flex;align-items:center;gap:4px;margin-top:10px;color:var(--color-primary);font-size:10.5px;font-weight:var(--weight-semibold)}.token-list li{display:flex;align-items:center;gap:7px;padding:6px 0;border-top:1px solid var(--color-border)}.token-list li:first-child{border-top:0}.token-list__swatch{flex:none;width:13px;height:13px;border-radius:4px}.token-list__swatch--primary{background:var(--color-primary)}.token-list__swatch--surface{background:var(--color-surface-3);border:1px solid var(--color-border)}.token-list__swatch--radius{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:6px}.token-list code{color:var(--color-ink-2);font-size:9.5px}.token-list span{margin-left:auto;color:var(--color-ink-4);font-size:9px}.related-list li a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid var(--color-border);color:var(--color-ink-2)}.related-list li:first-child a{border-top:0}.related-list li a:hover{color:var(--color-primary)}.related-list strong{display:block;font-size:var(--text-12);font-weight:var(--weight-medium)}.related-list small{display:block;color:var(--color-ink-4);font-size:9px}.detail-related{margin-top:34px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.related-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:15px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.related-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.related-card__cat{color:var(--color-ink-4);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase}.related-card strong{font-size:var(--text-14);font-weight:var(--weight-semibold)}.related-card small{color:var(--color-ink-4);font-family:var(--font-mono);font-size:9.5px}.related-card__arrow{position:absolute;top:14px;right:14px;color:var(--color-ink-4)}.palette-summary{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:18px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(min-width:720px){.palette-summary{grid-template-columns:repeat(4,1fr)}}.palette-summary__item{padding:13px 15px;border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.palette-summary__item:nth-child(odd){border-left:0}@media(min-width:720px){.palette-summary__item{border-bottom:0}.palette-summary__item:nth-child(odd){border-left:1px solid var(--color-border)}.palette-summary__item:first-child{border-left:0}}.palette-summary__item span{display:block;color:var(--color-ink-4);font-size:10px}.palette-summary__item strong{display:block;margin-top:2px;font-family:var(--font-display);font-size:var(--text-20);font-weight:var(--weight-semibold);letter-spacing:-.02em}.palette-tabs{margin-bottom:20px}.palette-loading{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:900px){.palette-loading{grid-template-columns:1fr 1fr}}.brand-color{display:grid;grid-template-columns:1fr;margin-bottom:16px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}@media(min-width:820px){.brand-color{grid-template-columns:330px 1fr}}.brand-color__swatch{display:flex;flex-direction:column;justify-content:space-between;min-height:210px;padding:22px;color:var(--color-on-primary)}.brand-color__tag{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;opacity:.8}.brand-color__swatch strong{font-family:var(--font-display);font-size:var(--text-32);font-weight:var(--weight-semibold);letter-spacing:-.03em;line-height:1}.brand-color__contrast{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:4px 8px;background:color-mix(in srgb,var(--color-on-primary) 18%,transparent);border-radius:var(--radius-pill);font-size:10px}.brand-color__body{padding:22px}.brand-color__body h2{margin-top:7px;font-size:var(--text-24);font-weight:var(--weight-semibold);letter-spacing:-.03em}.brand-color__body p{max-width:540px;margin-top:8px;color:var(--color-ink-3);font-size:var(--text-13);line-height:1.65}.brand-color__tokens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0}.brand-color__tokens div{padding:8px 9px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.brand-color__tokens code{display:block;overflow:hidden;color:var(--color-primary-contrast);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.brand-color__tokens span{display:block;margin-top:2px;color:var(--color-ink-4);font-size:9.5px}.brand-color__actions{display:flex;gap:7px;flex-wrap:wrap}.semantic-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}@media(min-width:820px){.semantic-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.semantic-card{display:flex;align-items:center;gap:9px;padding:9px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.semantic-card:hover{border-color:var(--color-border-strong)}.semantic-card__swatch{flex:none;width:30px;height:30px;border-radius:var(--radius-sm)}.semantic-card__body{display:flex;flex:1;flex-direction:column;min-width:0}.semantic-card__body strong{font-size:var(--text-12);font-weight:var(--weight-semibold)}.semantic-card__body code{color:var(--color-ink-4);font-size:8.5px}.semantic-card__body small{overflow:hidden;color:var(--color-ink-4);font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.semantic-card__copy{flex:none;color:var(--color-ink-4)}.family-grid{display:grid;grid-template-columns:1fr;gap:10px}.color-family{padding:14px 15px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.color-family__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.color-family__head h3{font-size:var(--text-14);font-weight:var(--weight-semibold)}.color-family__head h3 em{margin-left:5px;color:var(--color-ink-4);font-family:var(--font-mono);font-size:9.5px;font-style:normal;font-weight:var(--weight-regular)}.color-family__head p{margin-top:3px;color:var(--color-ink-4);font-size:10px;line-height:1.5}.role-pill{flex:none;padding:3px 7px;color:var(--color-ink-3);background:var(--color-surface-3);border-radius:var(--radius-pill);font-size:9px;white-space:nowrap}.color-steps{display:flex;gap:3px;margin-top:11px;padding-bottom:2px;overflow-x:auto;scrollbar-width:none}.color-steps::-webkit-scrollbar{display:none}.color-step{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;min-width:50px;height:66px;padding:7px 6px;border:0;border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.color-step:hover{transform:translateY(-2px)}.color-step span{font-family:var(--font-mono);font-size:9px;opacity:.82}.color-step b{font-family:var(--font-mono);font-size:7.5px;font-weight:var(--weight-medium);opacity:.82}.variables-layout{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:960px){.variables-layout{grid-template-columns:280px 1fr;gap:24px}}.variables-intro h2{margin-top:6px;font-size:var(--text-24);font-weight:var(--weight-semibold);letter-spacing:-.03em}.variables-intro>p{margin-top:8px;color:var(--color-ink-3);font-size:var(--text-12);line-height:1.65}@media(min-width:960px){.variables-intro{position:sticky;top:88px;align-self:start}}.variables-code{display:flex;flex-direction:column;gap:2px;margin:13px 0;padding:12px;overflow-x:auto;color:var(--color-code-ink);background:var(--color-code-bg);border-radius:var(--radius-md);font-size:10px;white-space:nowrap}.variables-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:720px){.variables-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.variable-group{padding:13px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.variable-group__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px}.variable-group__head h3{font-size:var(--text-13);font-weight:var(--weight-semibold)}.variable-group__head span{color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px}.variable-group li{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--color-border)}.variable-row__name{display:flex;flex:1;flex-direction:column;min-width:0}.variable-row__name code{overflow:hidden;color:var(--color-ink-2);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.variable-row__name small{color:var(--color-ink-4);font-size:8.5px}.variable-row__value{flex:none;color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px}.foundations{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:900px){.foundations{grid-template-columns:repeat(2,minmax(0,1fr))}}.foundation-card{padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.foundation-card__head{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.foundation-card__head>svg{flex:none;margin-top:2px;color:var(--color-primary)}.foundation-card__head h3{font-size:var(--text-15);font-weight:var(--weight-semibold)}.foundation-card__head p{margin-top:3px;color:var(--color-ink-4);font-size:10.5px;line-height:1.5}.type-specimen{padding:7px 0 10px;border-top:1px solid var(--color-border)}.type-specimen:first-child{padding-top:0;border-top:0}.type-specimen__meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.type-specimen__meta strong{font-size:10.5px;font-weight:var(--weight-semibold)}.type-specimen__meta span{color:var(--color-ink-4);font-family:var(--font-mono);font-size:8.5px}.type-specimen__sample{margin-top:3px;overflow:hidden;color:var(--color-ink);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.spacing-specimens{display:flex;flex-direction:column;gap:8px}.spacing-row{display:flex;align-items:center;gap:10px}.spacing-row code{width:72px;flex:none;color:var(--color-ink-3);font-size:9px}.spacing-row__bar{max-width:60%;height:7px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-bright));border-radius:var(--radius-pill)}.spacing-row__value{color:var(--color-ink-4);font-family:var(--font-mono);font-size:8.5px}.radius-specimens{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.radius-item{display:flex;flex-direction:column;align-items:center;gap:5px}.radius-item__box{width:100%;height:44px;background:var(--color-surface-2);border:1px solid var(--color-border-strong)}.radius-item code{color:var(--color-ink-3);font-size:8px}.radius-item small{color:var(--color-ink-4);font-size:8px}.shadow-specimens{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shadow-item{display:grid;place-items:center;height:62px;color:var(--color-ink-4);background:var(--color-surface);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:8.5px}.shadow-item--sm{box-shadow:var(--shadow-sm)}.shadow-item--md{box-shadow:var(--shadow-md)}.shadow-item--lg{box-shadow:var(--shadow-lg)}.icons-summary{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:16px;padding:13px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.icons-summary div{display:flex;flex-direction:column;gap:1px}.icons-summary__value{font-family:var(--font-display);font-size:var(--text-20);font-weight:var(--weight-semibold);letter-spacing:-.02em}.icons-summary div>span:last-child{color:var(--color-ink-4);font-size:9.5px}.icons-toolbar{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}@media(min-width:720px){.icons-toolbar{flex-direction:row;align-items:center;justify-content:space-between}.icons-toolbar__search{max-width:360px}}.icons-toolbar__right{display:flex;align-items:center;gap:9px}.icons-toolbar+.category-row{margin-bottom:14px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;padding:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(min-width:720px){.icon-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:7px}}.icon-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:88px;padding:10px 5px 8px;color:var(--color-ink-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.icon-cell:hover{background:var(--color-surface-2);border-color:var(--color-border)}.icon-cell__glyph{display:grid;place-items:center;height:30px}.icon-cell__label{font-size:10px;line-height:1.3}.icon-cell__name{max-width:100%;overflow:hidden;color:var(--color-ink-4);font-family:var(--font-mono);font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.icon-cell__copied{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;gap:2px;padding:1px 4px;color:var(--color-success);background:var(--color-success-soft);border-radius:var(--radius-pill);font-size:7px}.icon-skeleton{min-height:86px;padding:12px;align-items:center;justify-content:center}.icon-detail__hero{display:grid;place-items:center;height:146px;margin-bottom:14px;color:var(--color-ink);background-color:var(--color-surface-2);background-image:radial-gradient(var(--line-grid) 1px,transparent 1px);background-size:14px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.icon-detail__sizes{display:flex;gap:8px;margin-bottom:16px}.icon-detail__size{display:flex;flex:1;flex-direction:column;align-items:center;gap:5px}.icon-detail__box{display:grid;place-items:center;width:100%;height:58px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.icon-detail__size code{color:var(--color-ink-4);font-size:8.5px}.icon-detail__usage{padding:12px;background:var(--color-code-bg);border-radius:var(--radius-md)}.icon-detail__usage-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:var(--color-code-dim);font-size:9px}.icon-detail__usage-head .tag{height:17px;color:var(--color-code-dim);background:color-mix(in srgb,var(--color-code-ink) 8%,transparent);font-size:8px}.icon-detail__usage pre{margin:0;overflow-x:auto;color:var(--color-code-ink);font-size:10.5px;line-height:1.7}.icon-detail__hint{margin-top:12px;color:var(--color-ink-3);font-size:11.5px;line-height:1.6}.icon-detail__meta{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding:10px;color:var(--color-primary-contrast);background:var(--color-primary-soft);border-radius:var(--radius-md);font-size:10.5px;line-height:1.55}.icon-detail__meta svg{flex:none;margin-top:1px;color:var(--color-primary)}.docs-hero{position:relative;display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:28px;padding:26px 22px;overflow:hidden;color:var(--gray-50);background:radial-gradient(120% 150% at 100% 0%,color-mix(in srgb,var(--color-primary) 50%,transparent),transparent 62%),var(--gray-900);border-radius:var(--radius-xl)}@media(min-width:900px){.docs-hero{grid-template-columns:1fr 260px;align-items:center;padding:34px}}.docs-hero__body{position:relative;z-index:1}.docs-hero__body h2{margin-top:9px;font-size:var(--text-28);font-weight:var(--weight-semibold);letter-spacing:-.035em;line-height:1.15}.docs-hero__body>p{max-width:560px;margin-top:8px;color:color-mix(in srgb,var(--gray-50) 62%,transparent);font-size:var(--text-12);line-height:1.65}.docs-hero__command{display:flex;align-items:center;gap:8px;max-width:460px;margin:16px 0;padding:9px 10px;background:color-mix(in srgb,var(--gray-50) 7%,transparent);border:1px solid color-mix(in srgb,var(--gray-50) 13%,transparent);border-radius:var(--radius-md)}.docs-hero__command>svg{flex:none;color:var(--color-code-dim)}.docs-hero__command code{flex:1;overflow-x:auto;color:var(--gray-50);font-size:10px;white-space:nowrap}.docs-hero__command button{display:grid;place-items:center;flex:none;width:26px;height:26px;color:var(--gray-50);background:color-mix(in srgb,var(--gray-50) 10%,transparent);border-radius:var(--radius-sm);cursor:pointer}.docs-hero__command button:hover{background:color-mix(in srgb,var(--gray-50) 18%,transparent)}.docs-hero__links{display:flex;gap:8px;flex-wrap:wrap}.docs-hero__side{display:flex;flex-direction:column;gap:9px}.docs-progress{padding:14px;background:color-mix(in srgb,var(--gray-50) 7%,transparent);border:1px solid color-mix(in srgb,var(--gray-50) 13%,transparent);border-radius:var(--radius-lg)}.docs-progress__head{display:flex;align-items:baseline;justify-content:space-between;color:color-mix(in srgb,var(--gray-50) 58%,transparent);font-size:10px}.docs-progress__head strong{color:var(--gray-50);font-family:var(--font-display);font-size:var(--text-17)}.docs-progress__bar{height:6px;margin-top:8px;overflow:hidden;background:color-mix(in srgb,var(--gray-50) 13%,transparent);border-radius:var(--radius-pill)}.docs-progress__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--color-primary-bright),var(--cyan-300));border-radius:inherit}.docs-progress p{margin-top:7px;color:color-mix(in srgb,var(--gray-50) 48%,transparent);font-size:9.5px}.docs-hero__file{display:flex;align-items:center;gap:7px;padding:9px 11px;color:color-mix(in srgb,var(--gray-50) 64%,transparent);background:color-mix(in srgb,var(--gray-50) 5%,transparent);border:1px solid color-mix(in srgb,var(--gray-50) 10%,transparent);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:9.5px}.docs-hero__file .badge{margin-left:auto}.docs-guides{margin-bottom:28px}.guide-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:680px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1240px){.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.guide-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.guide-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.guide-card__top{display:flex;align-items:center;gap:8px}.guide-card__icon{display:grid;place-items:center;flex:none;width:34px;height:34px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-sm)}.guide-card__index{color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px}.guide-card__level,.guide-card__read{display:inline-flex;align-items:center;gap:3px;margin-left:auto;padding:2px 6px;color:var(--color-ink-4);background:var(--color-surface-3);border-radius:var(--radius-pill);font-size:8.5px}.guide-card__read{color:var(--color-success);background:var(--color-success-soft)}.guide-card h3{font-size:var(--text-16);font-weight:var(--weight-semibold);letter-spacing:-.02em}.guide-card>p{flex:1;color:var(--color-ink-3);font-size:var(--text-12);line-height:1.55}.guide-card__meta{display:flex;align-items:center;gap:9px;padding-top:9px;border-top:1px solid var(--color-border);color:var(--color-ink-4);font-size:9px}.guide-card__meta span{display:inline-flex;align-items:center;gap:3px}.guide-card__arrow{margin-left:auto}.docs-extra{display:grid;grid-template-columns:1fr;gap:9px}@media(min-width:800px){.docs-extra{grid-template-columns:repeat(3,minmax(0,1fr))}}.docs-extra__card{padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.docs-extra__card h3{margin-top:6px;font-size:var(--text-14);font-weight:var(--weight-semibold)}.docs-extra__card p{margin:5px 0 9px;color:var(--color-ink-3);font-size:11px;line-height:1.55}.doc-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.doc-meta{display:inline-flex;align-items:center;gap:4px;color:var(--color-ink-4);font-size:10.5px}.doc-read{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;color:var(--color-success);background:var(--color-success-soft);border-radius:var(--radius-pill);font-size:9.5px}.doc-layout{display:grid;grid-template-columns:1fr;gap:22px}@media(min-width:1024px){.doc-layout{grid-template-columns:minmax(0,1fr) 232px;gap:30px}}.doc-article{padding:22px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(min-width:720px){.doc-article{padding:30px 32px}}.doc-h2{margin:26px 0 9px;font-size:var(--text-20);font-weight:var(--weight-semibold);letter-spacing:-.025em;scroll-margin-top:86px}.doc-h2:first-child{margin-top:0}.doc-p{margin-bottom:14px;color:var(--color-ink-2);font-size:var(--text-14);line-height:1.78}.doc-list{margin:4px 0 16px}.doc-list li{display:flex;align-items:flex-start;gap:8px;padding:4px 0;color:var(--color-ink-2);font-size:var(--text-13);line-height:1.65}.doc-list svg{flex:none;margin-top:4px;color:var(--color-success)}.doc-tip{display:flex;align-items:flex-start;gap:10px;margin:16px 0;padding:12px 13px;background:var(--color-warning-soft);border:1px solid color-mix(in srgb,var(--color-warning) 18%,transparent);border-radius:var(--radius-md)}.doc-tip__icon{display:grid;place-items:center;flex:none;width:26px;height:26px;color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 12%,transparent);border-radius:var(--radius-sm)}.doc-tip strong{font-size:var(--text-12)}.doc-tip p{margin-top:3px;color:var(--color-ink-2);font-size:var(--text-12);line-height:1.6}.doc-code{margin:14px 0}.doc-pager{display:flex;justify-content:space-between;gap:10px;margin-top:30px;padding-top:18px;border-top:1px solid var(--color-border)}.doc-pager__link{display:flex;align-items:center;gap:8px;flex:1;max-width:48%;padding:10px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out)}.doc-pager__link:hover{border-color:var(--color-primary)}.doc-pager__link--next{justify-content:flex-end;margin-left:auto;text-align:right}.doc-pager__link small{display:block;color:var(--color-ink-4);font-size:8.5px}.doc-pager__link strong{display:block;font-size:10.5px;font-weight:var(--weight-medium)}.doc-toc{display:none}@media(min-width:1024px){.doc-toc{position:sticky;top:88px;display:flex;flex-direction:column;gap:10px;align-self:start}}.doc-toc__card{padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.doc-toc__label{display:block;margin-bottom:6px;color:var(--color-ink-4);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em}.doc-toc nav{display:flex;flex-direction:column}.doc-toc nav a{padding:4px 0;color:var(--color-ink-3);font-size:10.5px;line-height:1.45}.doc-toc nav a:hover{color:var(--color-primary)}.doc-toc__divider{height:1px;margin:10px 0;background:var(--color-border)}.doc-toc__help{display:flex;gap:9px;padding:12px;background:var(--color-primary-soft);border-radius:var(--radius-lg)}.doc-toc__help>svg{flex:none;margin-top:1px;color:var(--color-primary)}.doc-toc__help strong{display:block;color:var(--color-primary-contrast);font-size:10.5px}.doc-toc__help p{margin:2px 0 5px;color:var(--color-ink-3);font-size:9.5px;line-height:1.5}.search-hero{padding:6px 0 20px}.search-hero h1{margin-top:7px;font-size:clamp(30px,7vw,38px);font-weight:var(--weight-semibold);letter-spacing:-.04em;line-height:1.1}.search-hero>p{max-width:620px;margin-top:8px;color:var(--color-ink-3);font-size:var(--text-13);line-height:1.6}.search-hero__input{max-width:680px;margin-top:18px}.search-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:11px;color:var(--color-ink-4);font-size:10.5px}.search-hero__pill{padding:2px 7px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:9.5px}.search-tabs{margin-bottom:16px;overflow-x:auto}.search-groups{display:flex;flex-direction:column;gap:22px}.search-group__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;color:var(--color-ink-4);border-bottom:1px solid var(--color-border);font-size:10px}.search-group__head span:first-child{display:inline-flex;align-items:center;gap:5px;font-weight:var(--weight-semibold);letter-spacing:.04em}.search-results{display:flex;flex-direction:column;gap:2px;margin-top:4px}.search-result{display:flex;align-items:flex-start;gap:11px;padding:10px;border-radius:var(--radius-md);transition:background-color var(--dur-fast) var(--ease-out)}.search-result:hover{background:var(--color-surface-2)}.search-result__icon{display:grid;place-items:center;flex:none;width:36px;height:36px;color:var(--color-ink-2);background:var(--color-surface-3);border-radius:var(--radius-sm)}.search-result__icon--component{color:var(--color-primary-contrast);background:var(--color-primary-soft)}.search-result__icon--icon{color:var(--teal-700);background:color-mix(in srgb,var(--teal-500) 16%,var(--color-surface))}.search-result__icon--color{color:var(--purple-700);background:color-mix(in srgb,var(--purple-500) 14%,var(--color-surface))}[data-theme=dark] .search-result__icon--icon{color:var(--teal-200)}[data-theme=dark] .search-result__icon--color{color:var(--purple-200)}.search-result__body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.search-result__title{font-size:var(--text-13);font-weight:var(--weight-semibold)}.search-result__desc{display:-webkit-box;overflow:hidden;color:var(--color-ink-3);font-size:11.5px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.search-result__meta{color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px}.search-result__arrow{flex:none;margin-top:2px;color:var(--color-ink-4)}.search-loading{display:flex;flex-direction:column;gap:10px}.search-empty{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:800px){.search-empty{grid-template-columns:repeat(2,minmax(0,1fr))}}.search-card{padding:15px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.search-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:var(--text-12);font-weight:var(--weight-semibold)}.search-card__head>span:first-child{display:inline-flex;align-items:center;gap:5px}.search-card__dim{color:var(--color-ink-4);font-size:9px;font-weight:var(--weight-regular)}.hot-row{display:flex;flex-wrap:wrap;gap:6px}.hot-chip{display:inline-flex;align-items:center;gap:4px;height:29px;padding:0 10px;color:var(--color-ink-2);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:11px;cursor:pointer}.hot-chip:hover{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.history-chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;color:var(--color-ink-3);background:var(--color-surface-2);border-radius:var(--radius-pill);font-size:10.5px;cursor:pointer}.history-chip:hover{color:var(--color-primary)}.search-recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}@media(min-width:800px){.search-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.search-recent{position:relative;display:flex;flex-direction:column;gap:1px;padding:9px 10px;background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease-out)}.search-recent:hover{border-color:var(--color-border-strong)}.search-recent strong{font-size:var(--text-12);font-weight:var(--weight-medium)}.search-recent span{color:var(--color-ink-4);font-family:var(--font-mono);font-size:8.5px}.search-recent svg{position:absolute;top:9px;right:9px;color:var(--color-ink-4)}.search-tip{display:flex;gap:10px;padding:14px;background:var(--color-primary-soft);border-radius:var(--radius-lg)}.search-tip>svg{flex:none;color:var(--color-primary)}.search-tip strong{display:block;color:var(--color-primary-contrast);font-size:var(--text-12)}.search-tip p{margin-top:2px;color:var(--color-ink-3);font-size:10.5px;line-height:1.5}.favorites-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px}@media(min-width:800px){.favorites-summary{grid-template-columns:180px 180px 1fr}}.favorites-summary__card{display:flex;align-items:center;gap:10px;padding:13px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.favorites-summary__icon{display:grid;place-items:center;width:34px;height:34px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-sm)}.favorites-summary__icon--soft{color:var(--color-warning);background:var(--color-warning-soft)}.favorites-summary__card strong{display:block;font-family:var(--font-display);font-size:var(--text-20);font-weight:var(--weight-semibold);line-height:1}.favorites-summary__card div>span{display:block;margin-top:3px;color:var(--color-ink-4);font-size:9.5px}.favorites-summary__note{grid-column:1 / -1;padding:12px 14px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.favorites-summary__note p{color:var(--color-ink-3);font-size:11px}.favorites-summary__note button{margin-top:3px}@media(min-width:800px){.favorites-summary__note{grid-column:auto;align-self:stretch}}.favorites-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.favorites-toolbar .section__desc{margin-top:3px}.favorites-list{display:flex;flex-direction:column;gap:7px}.favorite-row{display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-out)}.favorite-row:hover{border-color:var(--color-border-strong)}.favorite-row__main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:3px;text-align:left;color:var(--color-ink)}.favorite-row__preview{display:flex;align-items:center;justify-content:center;flex:none;width:90px;height:58px;overflow:hidden;background-color:var(--color-surface-2);background-image:radial-gradient(var(--line-grid) 1px,transparent 1px);background-size:12px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.favorite-row__preview .mock-root{transform:scale(.66)}.favorite-row__body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.favorite-row__title{display:flex;align-items:baseline;gap:7px}.favorite-row__title strong{font-size:var(--text-14);font-weight:var(--weight-semibold)}.favorite-row__title span{color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px}.favorite-row__desc{overflow:hidden;color:var(--color-ink-3);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.favorite-row__meta{display:flex;align-items:center;gap:8px;color:var(--color-ink-4);font-size:9px}.favorite-row__open{display:flex;align-items:center;gap:3px;flex:none;margin:0 8px;color:var(--color-ink-4);font-size:10px}.favorite-row:hover .favorite-row__open{color:var(--color-primary)}.favorite-row__remove{color:var(--color-danger)!important}.favorite-row__remove:hover{background:var(--color-danger-soft)!important}@media(max-width:640px){.favorite-row__preview{width:64px;height:48px}.favorite-row__desc{display:none}}.settings-page{max-width:900px}.settings-header{margin-bottom:20px}.settings-header h1{margin-top:6px;font-size:var(--text-32);font-weight:var(--weight-semibold);letter-spacing:-.035em}.settings-header p{max-width:600px;margin-top:7px;color:var(--color-ink-3);font-size:var(--text-13);line-height:1.6}.settings-profile{display:flex;align-items:center;gap:13px;margin-bottom:24px;padding:15px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.settings-profile__body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.settings-profile__body strong{font-size:var(--text-15);font-weight:var(--weight-semibold)}.settings-profile__body>span{color:var(--color-ink-3);font-size:var(--text-11)}.settings-profile__meta{color:var(--color-ink-4)!important;font-size:10px!important}.settings-group{margin-bottom:24px}.settings-group__head{margin-bottom:9px}.settings-group__head h2{font-size:var(--text-16);font-weight:var(--weight-semibold);letter-spacing:-.01em}.settings-group__head p{margin-top:2px;color:var(--color-ink-4);font-size:10.5px}.settings-card{overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:62px;padding:12px 15px;border-bottom:1px solid var(--color-border);text-align:left}.settings-row--last{border-bottom:0}.settings-row--button,.settings-row--link{color:var(--color-ink);cursor:pointer}.settings-row--button:hover,.settings-row--link:hover{background:var(--color-surface-2)}.settings-row__label{display:flex;align-items:center;gap:10px;min-width:0}.settings-row__icon{display:grid;place-items:center;flex:none;width:31px;height:31px;color:var(--color-ink-2);background:var(--color-surface-3);border-radius:var(--radius-sm)}.settings-row__icon--danger{color:var(--color-danger);background:var(--color-danger-soft)}.settings-row__label strong{display:block;font-size:var(--text-13);font-weight:var(--weight-medium)}.settings-row__label p{margin-top:1px;color:var(--color-ink-4);font-size:10px;line-height:1.4}.settings-row__value{display:inline-flex;align-items:center;gap:6px;flex:none;color:var(--color-ink-4);font-size:10.5px;white-space:nowrap}.settings-swatch{width:12px;height:12px;border-radius:4px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-ink) 12%,transparent)}.settings-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:6px 0 18px;color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px}.profile-editor{display:flex;flex-direction:column;gap:15px}.profile-editor__preview{display:flex;align-items:center;gap:11px;padding:11px;background:var(--color-surface-2);border-radius:var(--radius-md)}.profile-editor__preview strong{display:block;font-size:var(--text-14)}.profile-editor__preview span{display:block;margin-top:1px;color:var(--color-ink-4);font-size:10.5px}.security-list li,.about-list li{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:8px 0;border-top:1px solid var(--color-border);font-size:var(--text-12)}.security-list li:first-child,.about-list li:first-child{border-top:0}.security-list span,.about-list span{flex:none;color:var(--color-ink-4)}.security-list strong,.about-list strong{font-weight:var(--weight-medium);text-align:right}.reset-list li{position:relative;padding:5px 0 5px 14px;color:var(--color-ink-2);font-size:var(--text-12)}.reset-list li:before{position:absolute;top:11px;left:0;width:5px;height:5px;background:var(--color-danger);border-radius:var(--radius-pill);content:""}.modal-note{margin-top:12px;color:var(--color-ink-4);font-size:var(--text-11);line-height:1.6}.license-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--color-border)}.license-list li:first-child{border-top:0}.license-list strong{display:block;font-size:var(--text-12)}.license-list span{display:block;color:var(--color-ink-4);font-size:9.5px}.license-list code{flex:none;padding:2px 6px;color:var(--color-primary-contrast);background:var(--color-primary-soft);border-radius:var(--radius-pill);font-size:9px}.support-list li{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-top:1px solid var(--color-border)}.support-list li:first-child{border-top:0}.support-list strong{font-size:var(--text-13);font-weight:var(--weight-semibold)}.support-list span{color:var(--color-ink-3);font-size:var(--text-11);line-height:1.5}.support-list .text-link{align-self:flex-start}.legal-copy h3{margin:13px 0 4px;font-size:var(--text-13);font-weight:var(--weight-semibold)}.legal-copy h3:first-child{margin-top:0}.legal-copy p{color:var(--color-ink-3);font-size:var(--text-12);line-height:1.7}.subscribe-control{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.subscribe-control__label{display:inline-flex;align-items:center;gap:5px;color:var(--color-ink-3);font-size:10.5px;white-space:nowrap}.changelog-summary{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}@media(min-width:760px){.changelog-summary{flex-direction:row;align-items:center;justify-content:space-between}}.changelog-summary__main{display:flex;align-items:center;gap:12px}.changelog-summary__version{display:inline-flex;flex:none;align-items:center;padding:5px 9px;color:var(--color-primary-contrast);background:var(--color-primary-soft);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-20);font-weight:var(--weight-semibold);letter-spacing:-.03em}.changelog-summary__main strong{display:block;font-size:var(--text-14);font-weight:var(--weight-semibold)}.changelog-summary__main div span{display:block;margin-top:2px;color:var(--color-ink-4);font-size:10px}.changelog-summary__badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:4px 8px;color:var(--color-ink-3);background:var(--color-surface-2);border-radius:var(--radius-pill);font-size:9.5px}.timeline{position:relative;display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-left:20px}.timeline:before{position:absolute;top:10px;bottom:22px;left:4px;width:2px;background:var(--color-border);border-radius:var(--radius-pill);content:""}.release{position:relative}.timeline__dot{position:absolute;top:22px;left:-20px;width:9px;height:9px;background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:var(--radius-pill)}.release--latest .timeline__dot{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.release__card{overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.release--latest .release__card{border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border));box-shadow:var(--shadow-sm)}.release__head{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 15px;text-align:left;color:var(--color-ink);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out)}.release__head:hover{background:var(--color-surface-2)}.release__version{flex:none;padding:4px 6px;color:var(--color-ink-3);background:var(--color-surface-3);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:9.5px;font-weight:var(--weight-semibold)}.release__head-body{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.release__title-row{display:flex;align-items:center;gap:7px}.release__title-row strong{font-size:var(--text-14);font-weight:var(--weight-semibold);letter-spacing:-.01em}.release__latest{padding:1px 5px;color:var(--color-success);background:var(--color-success-soft);border-radius:var(--radius-pill);font-size:8px}.release__summary{color:var(--color-ink-3);font-size:11.5px;line-height:1.5}.release__meta{color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px}.release__chevron{flex:none;margin-top:2px;color:var(--color-ink-4);transition:transform var(--dur-base) var(--ease-out)}.release__chevron.is-open{transform:rotate(180deg)}.release__body{padding:0 15px 13px;animation:release-reveal .2s var(--ease-out)}@keyframes release-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.change-list li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-top:1px solid var(--color-border);color:var(--color-ink-2);font-size:var(--text-12);line-height:1.55}.change-tag{flex:none;width:36px;padding:2px 0;border-radius:4px;font-size:8px;font-weight:var(--weight-semibold);text-align:center}.change-tag--success{color:var(--color-success);background:var(--color-success-soft)}.change-tag--info{color:var(--color-primary-contrast);background:var(--color-primary-soft)}.change-tag--warning{color:var(--color-warning);background:var(--color-warning-soft)}.change-tag--danger{color:var(--color-danger);background:var(--color-danger-soft)}.release__actions{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.release__note{color:var(--color-ink-4);font-size:9.5px}.changelog-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:20px 0 4px;color:var(--color-ink-4);font-size:9.5px}.theme-header{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}@media(min-width:760px){.theme-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.theme-header h1{margin-top:6px;font-size:var(--text-32);font-weight:var(--weight-semibold);letter-spacing:-.035em}.theme-header p{max-width:620px;margin-top:7px;color:var(--color-ink-3);font-size:var(--text-13);line-height:1.6}.theme-header__current{display:flex;align-items:center;gap:7px;width:fit-content;padding:8px 11px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.theme-header__current span{color:var(--color-ink-4);font-size:9px}.theme-header__current strong{font-size:var(--text-12);font-weight:var(--weight-medium)}.theme-header__swatch{width:11px;height:11px;border-radius:3px}.theme-layout{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:1080px){.theme-layout{grid-template-columns:minmax(0,1fr) 400px;gap:26px}}.theme-form{display:flex;flex-direction:column;gap:12px}.theme-card{padding:17px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.theme-card__head{display:flex;align-items:flex-start;gap:9px;margin-bottom:14px}.theme-card__index{color:var(--color-primary);font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-semibold);opacity:.7}.theme-card__head h2{font-size:var(--text-15);font-weight:var(--weight-semibold)}.theme-card__head p{margin-top:2px;color:var(--color-ink-4);font-size:10.5px;line-height:1.5}.theme-field{margin-top:14px}.theme-field__label{display:block;margin-bottom:8px;color:var(--color-ink-2);font-size:var(--text-12);font-weight:var(--weight-semibold)}.theme-field--row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.theme-field--row .theme-field__label{margin-bottom:0}.swatch-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}@media(min-width:620px){.swatch-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}.swatch-option{display:flex;align-items:center;gap:8px;padding:7px;background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.swatch-option:hover{border-color:var(--color-border-strong)}.swatch-option.is-active{background:var(--color-primary-soft);border-color:var(--color-primary)}.swatch-option__color{display:grid;place-items:center;flex:none;width:27px;height:27px;color:var(--color-on-primary);border-radius:var(--radius-sm)}.swatch-option__text{display:flex;flex-direction:column;min-width:0}.swatch-option__text strong{font-size:10.5px;font-weight:var(--weight-semibold)}.swatch-option__text small{color:var(--color-ink-4);font-family:var(--font-mono);font-size:8px}.contrast-check{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:10px}.contrast-check__dot{width:6px;height:6px;background:currentColor;border-radius:var(--radius-pill)}.contrast-check.is-pass{color:var(--color-success)}.contrast-check.is-warn{color:var(--color-warning)}.theme-radius-preview{display:flex;gap:7px;margin-top:14px}.theme-radius-preview__box{display:grid;place-items:center;flex:1;height:52px;color:var(--color-ink-4);background:var(--color-surface-2);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:9px}.theme-radius-preview__box.is-active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.theme-form__actions{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:13px;flex-wrap:wrap}.theme-saved{display:flex;align-items:center;gap:9px;margin-top:11px;padding:10px 12px;background:var(--color-success-soft);border:1px solid color-mix(in srgb,var(--color-success) 18%,transparent);border-radius:var(--radius-md)}.theme-saved__icon{display:grid;place-items:center;flex:none;width:24px;height:24px;color:var(--color-on-primary);background:var(--color-success);border-radius:var(--radius-pill)}.theme-saved strong{font-size:11.5px}.theme-saved p{color:var(--color-ink-3);font-size:9.5px}.theme-saved .badge{margin-left:auto}@media(min-width:1080px){.theme-preview-wrap{position:sticky;top:88px;align-self:start}}.theme-preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:var(--color-ink-4);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em}.theme-preview-label span:first-child{display:inline-flex;align-items:center;gap:5px}.theme-preview{overflow:hidden;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.theme-preview__bar{display:flex;align-items:center;gap:8px;padding:8px 11px;color:var(--color-ink-4);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:9px}.theme-preview__dots{display:inline-flex;gap:3px}.theme-preview__dots i{width:5px;height:5px;background:var(--color-border-strong);border-radius:var(--radius-pill)}.theme-preview__live{margin-left:auto;padding:1px 5px;color:var(--color-success);background:var(--color-success-soft);border-radius:var(--radius-xs);font-size:7.5px}.theme-preview__body{padding:18px;background:var(--color-surface)}.theme-preview__body h3{margin-top:7px;font-size:var(--text-20);font-weight:var(--weight-semibold);letter-spacing:-.03em;line-height:1.2}.theme-preview__body>p{margin-top:7px;color:var(--color-ink-3);font-size:11px;line-height:1.6}.theme-preview__row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:13px 0}.theme-preview__row--tight{gap:5px;margin:10px 0}.theme-preview__body .field{margin-bottom:4px}.theme-preview__swatches{display:flex;gap:3px;margin-top:13px;overflow:hidden;border-radius:var(--radius-sm)}.theme-preview__swatches span{flex:1;height:24px}.theme-preview__switch{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.theme-preview__switch .switch-row{width:100%;justify-content:space-between}.theme-preview__switch .switch-row__text{flex:1}.theme-preview-note{display:flex;align-items:flex-start;gap:7px;margin-top:9px;color:var(--color-ink-4);font-size:9.5px;line-height:1.5}.theme-preview-note svg{flex:none;margin-top:1px}.auth{display:grid;grid-template-columns:1fr;min-height:100dvh;background:var(--color-bg)}@media(min-width:980px){.auth{grid-template-columns:1.08fr .92fr}}.auth__aside{display:none}@media(min-width:980px){.auth__aside{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:34px 42px 26px;overflow:hidden;color:var(--gray-50);background:radial-gradient(90% 90% at 8% 4%,color-mix(in srgb,var(--color-primary) 62%,transparent),transparent 58%),radial-gradient(70% 70% at 96% 92%,color-mix(in srgb,var(--cyan-500) 24%,transparent),transparent 64%),var(--gray-900)}}.auth__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--gray-50) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--gray-50) 6%,transparent) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(100% 90% at 20% 0%,black,transparent 80%);mask-image:radial-gradient(100% 90% at 20% 0%,black,transparent 80%)}.auth__aside>*{position:relative;z-index:1}.auth__aside-top{display:flex;align-items:center;justify-content:space-between}.auth__aside .brand__word{color:var(--gray-50)}.auth__aside .brand__sub{color:color-mix(in srgb,var(--gray-50) 50%,transparent)}.auth__version{padding:3px 7px;color:color-mix(in srgb,var(--gray-50) 58%,transparent);border:1px solid color-mix(in srgb,var(--gray-50) 16%,transparent);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:8.5px}.auth__aside-copy{max-width:480px;margin:28px 0}.auth__aside-copy h2{margin-top:13px;font-size:clamp(38px,4.2vw,52px);font-weight:var(--weight-semibold);letter-spacing:-.045em;line-height:1.02}.auth__aside-desc{max-width:400px;margin-top:16px;color:color-mix(in srgb,var(--gray-50) 62%,transparent);font-size:var(--text-13);line-height:1.7}.auth__facts{display:flex;flex-direction:column;gap:7px;margin-top:20px}.auth__facts li{display:flex;align-items:center;gap:7px;color:color-mix(in srgb,var(--gray-50) 72%,transparent);font-size:11.5px}.auth__facts svg{color:var(--cyan-300)}.auth__specimen{position:relative;height:240px;margin:8px 0 18px}.spec-card{position:absolute;top:10px;left:10px;width:78%;max-width:390px;padding:13px;overflow:hidden;background:color-mix(in srgb,var(--color-code-bg) 92%,transparent);border:1px solid color-mix(in srgb,var(--gray-50) 14%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:rotate(-2deg)}.spec-card__head{display:flex;align-items:center;gap:8px}.spec-dots{display:inline-flex;gap:3px}.spec-dots i{width:5px;height:5px;background:color-mix(in srgb,var(--gray-50) 24%,transparent);border-radius:var(--radius-pill)}.spec-dots i:first-child{background:var(--red-400)}.spec-dots i:nth-child(2){background:var(--yellow-400)}.spec-dots i:nth-child(3){background:var(--green-400)}.spec-file{color:var(--color-code-dim);font-family:var(--font-mono);font-size:8px}.spec-status{margin-left:auto;padding:1px 4px;color:var(--green-200);border:1px solid color-mix(in srgb,var(--green-300) 28%,transparent);border-radius:3px;font-family:var(--font-mono);font-size:7px}.spec-time{margin-top:10px;color:var(--color-code-dim);font-family:var(--font-mono);font-size:7.5px}.spec-card__row{display:flex;align-items:center;gap:6px;margin-top:10px}.spec-btn{display:inline-flex;align-items:center;height:25px;padding:0 9px;color:var(--color-on-primary);background:var(--color-primary);border-radius:6px;font-size:8.5px;font-weight:var(--weight-semibold)}.spec-btn--ghost{color:var(--color-code-ink);background:transparent;border:1px solid color-mix(in srgb,var(--gray-50) 16%,transparent)}.spec-btn--icon{width:25px;justify-content:center;margin-left:auto;padding:0;color:var(--color-code-ink);background:color-mix(in srgb,var(--gray-50) 8%,transparent)}.spec-divider{height:1px;margin:10px 0;background:color-mix(in srgb,var(--gray-50) 10%,transparent)}.spec-code{display:flex;gap:10px;overflow-x:auto;color:var(--color-code-dim);font-family:var(--font-mono);font-size:7.5px;white-space:nowrap}.spec-code b{color:var(--color-code-key);font-weight:var(--weight-regular)}.spec-code em{color:var(--color-code-string);font-style:normal}.spec-float{position:absolute;display:flex;align-items:center;gap:6px;padding:8px 10px;color:var(--gray-50);background:color-mix(in srgb,var(--gray-50) 8%,transparent);border:1px solid color-mix(in srgb,var(--gray-50) 14%,transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.spec-float--type{right:0;bottom:44px;flex-direction:column;align-items:flex-start;gap:1px;transform:rotate(3deg)}.spec-float--type span{font-family:var(--font-display);font-size:26px;font-weight:var(--weight-semibold);letter-spacing:-.04em;line-height:1}.spec-float--type small{color:color-mix(in srgb,var(--gray-50) 50%,transparent);font-family:var(--font-mono);font-size:6.5px}.spec-float--palette{right:8px;bottom:0;gap:2px;padding:7px;transform:rotate(-2deg)}.swatch{width:16px;height:26px;border-radius:3px}.swatch--indigo{background:var(--indigo-500)}.swatch--cyan{background:var(--cyan-500)}.swatch--teal{background:var(--teal-500)}.swatch--green{background:var(--green-500)}.swatch--yellow{background:var(--yellow-500)}.swatch--red{background:var(--red-500)}.auth__aside-foot{color:color-mix(in srgb,var(--gray-50) 36%,transparent);font-family:var(--font-mono);font-size:8.5px}.auth__panel{display:flex;align-items:center;justify-content:center;padding:26px 18px 34px;background:var(--color-bg)}@media(min-width:980px){.auth__panel{padding:34px 40px}}.auth__panel-inner{width:100%;max-width:400px}.auth__brand-mobile{display:inline-flex;margin-bottom:26px}@media(min-width:980px){.auth__brand-mobile{display:none}}.auth__intro{margin-bottom:22px}.auth__badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;color:var(--color-primary-contrast);background:var(--color-primary-soft);border-radius:var(--radius-pill);font-size:9.5px;font-weight:var(--weight-medium)}.auth__intro h1{margin-top:12px;font-size:var(--text-32);font-weight:var(--weight-semibold);letter-spacing:-.04em;line-height:1.08}.auth__intro p{margin-top:8px;color:var(--color-ink-3);font-size:var(--text-12);line-height:1.65}.auth__form{display:flex;flex-direction:column;gap:14px}.phone-prefix{display:inline-flex;align-items:center;height:20px;padding-right:9px;color:var(--color-ink-3);border-right:1px solid var(--color-border);font-size:var(--text-12);font-weight:var(--weight-medium)}.code-send{display:inline-flex;align-items:center;height:28px;padding:0 9px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer}.code-send:hover:not(:disabled){background:var(--color-primary-soft-strong)}.code-send:disabled{color:var(--color-ink-4);background:var(--color-surface-3);cursor:default}.auth__agreement{display:flex;flex-direction:column;gap:4px;margin-top:-2px}.auth__legal-links{display:flex;align-items:center;gap:5px;margin-left:30px;color:var(--color-ink-4);font-size:10.5px}.auth__legal-links button{color:var(--color-primary);font-size:10.5px;cursor:pointer}.auth__legal-links button:hover{text-decoration:underline}.auth__error{margin-left:30px;color:var(--color-danger);font-size:10.5px}.auth__divider{display:flex;align-items:center;gap:10px;color:var(--color-ink-4);font-size:9px}.auth__divider:before,.auth__divider:after{flex:1;height:1px;background:var(--color-border);content:""}.auth__demo{margin-top:20px;padding:12px 13px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.auth__demo-label{color:var(--color-ink-4);font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.auth__demo p{margin-top:3px;color:var(--color-ink-3);font-size:10.5px;line-height:1.5}.auth__demo strong{color:var(--color-ink);font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-medium)}.auth__foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:var(--color-ink-4);font-size:10px}.auth__foot a{display:inline-flex;align-items:center;gap:2px;color:var(--color-ink-3)}.auth__foot a:hover{color:var(--color-primary)}.wechat-demo{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.wechat-qr{position:relative;width:148px;height:148px;background-color:var(--color-surface);background-image:repeating-linear-gradient(0deg,var(--color-ink) 0 7px,transparent 7px 14px,var(--color-ink) 14px 18px,transparent 18px 27px),repeating-linear-gradient(90deg,var(--color-ink) 0 7px,transparent 7px 14px,var(--color-ink) 14px 18px,transparent 18px 27px);background-blend-mode:multiply;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);opacity:.9}.wechat-qr:before,.wechat-qr:after{position:absolute;width:28px;height:28px;background:var(--color-surface);border:6px solid var(--color-ink);content:""}.wechat-qr:before{top:8px;left:8px}.wechat-qr:after{top:8px;right:8px}.wechat-demo p{color:var(--color-ink-3);font-size:var(--text-12)}.wechat-demo__hint{color:var(--color-ink-4);font-size:9.5px}.not-found-page{display:flex;flex-direction:column;align-items:center;padding-top:40px}.not-found__art{display:flex;align-items:center;gap:6px;color:var(--color-ink);font-family:var(--font-display);font-size:86px;font-weight:var(--weight-semibold);letter-spacing:-.08em;line-height:1}.not-found__zero{display:grid;place-items:center;width:82px;height:82px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-2xl)}.not-found-page .empty-state{padding-top:26px}.not-found__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.not-found__links{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center;color:var(--color-ink-4);font-size:10.5px}.not-found__links button{display:inline-flex;align-items:center;gap:2px;color:var(--color-ink-3);font-size:10.5px;cursor:pointer}.not-found__links button:hover{color:var(--color-primary)}@media(max-width:520px){.page-header{flex-direction:column;align-items:flex-start;gap:14px}.page-header__actions{width:100%}.page-header__title{font-size:var(--text-28)}.page-header__back{display:none}.section__head{flex-direction:column;align-items:flex-start;gap:8px}.settings-row{flex-wrap:wrap}.settings-row>.segmented{margin-left:auto}.brand-color__tokens,.semantic-row,.shadow-specimens{grid-template-columns:1fr}.doc-pager__link{max-width:100%}.favorites-toolbar{flex-direction:column;align-items:flex-start}.changelog-summary__version{font-size:var(--text-17)}.subscribe-control{width:100%;justify-content:space-between}.theme-field--row{align-items:flex-start;flex-direction:column}.theme-radius-preview{flex-wrap:wrap}.theme-radius-preview__box{flex:1 0 40%}}.theme-preview-log{display:flex;align-items:center;gap:7px;margin-top:7px;padding:8px 11px;color:var(--color-ink-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:9.5px}.theme-preview-log__dot{width:5px;height:5px;background:var(--color-success);border-radius:var(--radius-pill)}.doc-layout{grid-template-columns:minmax(0,1fr)}.doc-article,.detail-main,.theme-form,.variables-intro,.variables-grid,.search-hero,.settings-page,.theme-page{min-width:0}.doc-p,.doc-list li,.brand-color__body p,.variables-intro>p{overflow-wrap:anywhere}.code-block{max-width:100%;min-width:0}.code-block__pre{max-width:100%}@media(min-width:1024px){.doc-layout{grid-template-columns:minmax(0,1fr) 232px}}@media(max-width:640px){.favorite-row__preview{display:none}}.topbar__search,.topbar__actions{min-width:0}.family-grid{grid-template-columns:minmax(0,1fr)}.color-family,.color-family__head,.color-steps{min-width:0}.color-steps{width:100%}@media(min-width:900px){.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.toast-stack{bottom:24px}}@media(max-width:640px){.favorite-row__open{margin:0 4px}.favorite-row__open svg{display:none}}.topbar__menu{display:inline-flex}@media(min-width:1024px){.topbar__menu{display:none}}@media(max-width:1023px){.topbar__avatar,.topbar__login{display:none}}.mobile-menu__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mobile-menu__item{display:flex;align-items:center;gap:9px;padding:10px;color:var(--color-ink);background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--radius-md)}.mobile-menu__item:hover{border-color:var(--color-border-strong)}.mobile-menu__item.is-active{background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 24%,transparent)}.mobile-menu__icon{display:grid;place-items:center;flex:none;width:32px;height:32px;color:var(--color-ink-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.mobile-menu__item.is-active .mobile-menu__icon{color:var(--color-primary-contrast);background:var(--color-surface);border-color:transparent}.mobile-menu__item>span:nth-child(2){display:flex;flex-direction:column;gap:1px;min-width:0}.mobile-menu__item strong{font-size:var(--text-12);font-weight:var(--weight-semibold)}.mobile-menu__item small{color:var(--color-ink-4);font-size:9px}.mobile-menu__account{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.mobile-menu__user{display:flex;align-items:center;gap:10px;padding:9px 2px}.mobile-menu__user>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:1px}.mobile-menu__user strong{font-size:var(--text-13);font-weight:var(--weight-semibold)}.mobile-menu__user small{color:var(--color-ink-4);font-size:9.5px}.mobile-menu__user>svg{color:var(--color-ink-4)}.mobile-menu__foot{margin-top:10px;color:var(--color-ink-4);font-family:var(--font-mono);font-size:8.5px}@media(max-width:640px){.section__head-meta{display:none}.category-row{flex-wrap:wrap;overflow:visible;padding-bottom:0}.library-toolbar{margin-bottom:14px}}@media(max-width:640px){.live-preview__stage{min-height:280px;padding:32px 18px}}.auth__skip{display:inline-flex;align-items:center;gap:4px;margin-top:10px;color:var(--color-primary);font-size:var(--text-12);font-weight:var(--weight-semibold)}.auth__skip:hover{text-decoration:underline;text-underline-offset:3px}.topbar__context{display:inline-flex;align-items:center;flex:1;min-width:0;overflow:hidden;color:var(--color-ink-4);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis}.mobile-menu__dot{width:6px;height:6px;margin-left:auto;background:var(--color-danger);border-radius:var(--radius-pill)}@media(max-width:760px){.props-table{display:flex;flex-direction:column;gap:8px;overflow:visible;background:transparent;border:0;border-radius:0}.props-table__head{display:none}.props-table__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;min-width:0;padding:11px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.props-table__row>code:first-child{grid-column:1;grid-row:1;align-self:center;font-size:var(--text-12)}.props-table__type{grid-column:1 / -1;grid-row:2;padding:5px 7px;overflow-x:auto;background:var(--color-surface-2);border-radius:var(--radius-sm);font-size:10px;white-space:nowrap}.props-table__type:before{color:var(--color-ink-4);content:"类型  "}.props-table__default{grid-column:2;grid-row:1;align-self:center;justify-self:end;font-size:9.5px}.props-table__default:before{color:var(--color-ink-4);content:"默认 "}.props-table__row>span{grid-column:1 / -1;grid-row:3;font-size:var(--text-11)}.props-table__row>span:before{color:var(--color-ink-4);content:"说明  "}}.privacy-notice{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px;padding:9px 11px;color:var(--color-ink-2);background:var(--color-primary-soft);border:1px solid color-mix(in srgb,var(--color-primary) 16%,transparent);border-radius:var(--radius-md)}.privacy-notice__icon{display:grid;place-items:center;flex:none;width:26px;height:26px;color:var(--color-primary);background:var(--color-surface);border-radius:var(--radius-sm)}.privacy-notice p{flex:1;min-width:180px;font-size:10.5px;line-height:1.5}.privacy-notice__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.privacy-notice__link{color:var(--color-primary-contrast);font-size:10.5px;cursor:pointer}.privacy-notice__link:hover{text-decoration:underline;text-underline-offset:3px}.privacy-notice__ok{height:26px;padding:0 9px;color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--weight-semibold);cursor:pointer}.privacy-notice__ok:hover{background:var(--color-primary-hover)}.load-more{display:flex;justify-content:center;padding:16px 0 4px}.overview-session{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-13);color:var(--color-ink-2)}.overview-session p{margin:0}.overview-session .text-link{margin-left:auto}.overview-session__dot{flex:none;width:8px;height:8px;border-radius:999px;background:var(--color-success)}.overview-session--guest .overview-session__dot{background:var(--color-warning)}.overview-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.overview-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.overview-card:hover{border-color:var(--color-primary);transform:translateY(-1px)}.overview-card__icon{display:grid;place-items:center;flex:none;width:40px;height:40px;color:var(--color-on-primary);border-radius:var(--radius-md)}.overview-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.overview-card__body strong{font-size:var(--text-15)}.overview-card__body em{font-style:normal;color:var(--color-ink-4);font-size:var(--text-11);text-transform:uppercase;letter-spacing:.06em}.overview-card__body small{color:var(--color-ink-3);font-size:var(--text-12)}.overview-card__arrow{flex:none;margin-left:auto;color:var(--color-ink-4)}.overview-component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.overview-comp{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-13);transition:border-color var(--dur-fast) var(--ease-out)}.overview-comp:hover{border-color:var(--color-primary)}.overview-comp__icon{display:grid;place-items:center;flex:none;width:30px;height:30px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-sm)}.overview-comp strong{display:block;font-size:var(--text-13)}.overview-comp small{color:var(--color-ink-3);font-size:var(--text-11)}.overview-comp__arrow{flex:none;margin-left:auto;color:var(--color-ink-4)}.overview-columns{display:grid;gap:24px}@media(min-width:900px){.overview-columns{grid-template-columns:1fr 1fr;gap:30px}}.overview-recent{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.overview-recent__row{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:var(--radius-md);font-size:var(--text-13)}.overview-recent__row:hover{background:var(--color-surface-2)}.overview-recent__dot{flex:none;width:6px;height:6px;border-radius:999px;background:var(--color-primary)}.overview-recent__name{font-weight:var(--weight-medium)}.overview-recent__meta{margin-left:auto;color:var(--color-ink-4);font-size:var(--text-11)}.overview-tools{display:flex;flex-direction:column;gap:8px}.overview-tool{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-13);transition:border-color var(--dur-fast) var(--ease-out)}.overview-tool:hover{border-color:var(--color-primary)}.overview-tool svg{flex:none;color:var(--color-primary)}.overview-tool strong{display:block}.overview-tool small{color:var(--color-ink-3);font-size:var(--text-11)}.overview-footnote{margin-top:28px}.overview-footnote p{margin:0;color:var(--color-ink-2);font-size:var(--text-13);line-height:1.7}.playground-layout{display:grid;gap:24px;margin-top:24px}@media(min-width:960px){.playground-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}.playground-loading{margin-top:24px;display:grid;gap:16px}.playground-form{display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.playground-field{display:flex;flex-direction:column;gap:8px}.playground-field--row{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.playground-field__label{font-size:var(--text-13);font-weight:var(--weight-medium);color:var(--color-ink-2)}.playground-actions{display:flex;align-items:center;gap:14px}.playground-actions__note{color:var(--color-ink-3);font-size:var(--text-12)}.playground-actions__note--muted{color:var(--color-ink-4)}.playground-output{display:flex;flex-direction:column;gap:14px}.playground-history{padding:16px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-12);color:var(--color-ink-3)}.playground-history__label{display:flex;align-items:center;gap:6px;font-weight:var(--weight-medium);color:var(--color-ink-2)}.playground-history__empty{margin:8px 0 0}.playground-history ul{margin:8px 0 0;padding:0;list-style:none}.playground-history li{display:flex;align-items:center;gap:6px;padding:4px 0}.playground-history li svg{color:var(--color-success)}.themes-page .page-header{margin-bottom:8px}.themes-current{margin-top:18px}.themes-current__card{display:flex;align-items:center;gap:14px;margin-top:10px}.themes-current__swatch{flex:none;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary)}.themes-current__body{display:flex;flex-direction:column;gap:2px}.themes-current__body strong{font-size:var(--text-15)}.themes-current__body small{color:var(--color-ink-3);font-size:var(--text-12)}.themes-current__card .text-link{margin-left:auto}.themes-loading{display:grid;gap:14px;margin-top:18px}.themes-group{margin-top:28px}.themes-group__head{margin-bottom:12px}.themes-group__head h2{font-size:var(--text-17);font-weight:var(--weight-semibold)}.themes-group__head p{margin-top:2px;color:var(--color-ink-3);font-size:var(--text-12)}.themes-grid{display:grid;gap:14px}@media(min-width:760px){.themes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.theme-pack__head{display:flex;align-items:center;gap:12px}.theme-pack__swatch{flex:none;width:38px;height:38px;border-radius:var(--radius-md)}.theme-pack__head strong{display:block;font-size:var(--text-14)}.theme-pack__head small{color:var(--color-ink-3);font-size:var(--text-11)}.theme-pack__badge{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:3px 9px;color:var(--color-success-strong);background:var(--color-success-soft);border-radius:var(--radius-pill);font-size:var(--text-11);font-weight:var(--weight-medium)}.theme-pack__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.themes-save-summary{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-12);color:var(--color-ink-2)}.themes-save-summary i{flex:none;width:22px;height:22px;border-radius:var(--radius-sm)}.themes-delete-note{margin:0;color:var(--color-ink-2);font-size:var(--text-13)}.elements-loading{display:grid;gap:16px;margin-top:22px}.element-demo{margin-top:24px}.element-demo__title{margin:0 0 14px;font-size:var(--text-17);font-weight:var(--weight-semibold)}.element-demo__stage{display:flex;gap:22px;padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.element-demo__stage--col{flex-direction:column;gap:16px}.element-demo__stage--row{flex-direction:row;align-items:center;flex-wrap:wrap}.element-demo__stage--wrap{align-items:flex-start}.element-demo__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.element-demo__value{color:var(--color-ink-3);font-size:var(--text-12)}.element-demo__hover-text{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--radius-sm);color:var(--color-ink-2);font-size:var(--text-13);cursor:help}.element-demo__hover-text:hover{background:var(--color-surface-3)}.element-demo__status-cell{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:76px}.element-demo__status-cell code{color:var(--color-ink-3);font-size:var(--text-11)}.element-demo__badge-cell{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:86px}.element-demo__badge-cell code{color:var(--color-ink-3);font-size:var(--text-11)}.element-demo__label{color:var(--color-ink-3);font-size:var(--text-11);text-transform:uppercase;letter-spacing:.06em}.element-demo__empty-note{color:var(--color-ink-4);font-size:var(--text-12)}.element-demo__input{height:var(--control-sm);padding:0 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-13)}.element-demo__input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.element-quick-refs{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.tag-row{display:flex;flex-wrap:wrap;gap:8px;min-height:28px}.progress{display:flex;flex-direction:column;gap:6px;max-width:520px}.progress__text{align-self:flex-end;padding:1px 8px;border:1px solid var(--color-border);border-radius:var(--radius-xs);font-size:var(--text-12);color:var(--color-ink-2)}.progress__track{display:block;height:8px;border-radius:var(--radius-pill);background:var(--color-surface-3);overflow:hidden}.progress__fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--color-primary);transition:width var(--dur-base) var(--ease-out)}.tooltip-wrap{position:relative;display:inline-flex}.tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:var(--z-sticky);padding:6px 11px;white-space:nowrap;max-width:260px;border-radius:var(--radius-sm);font-size:var(--text-12);line-height:1.45;pointer-events:none;animation:tooltip-in .14s var(--ease-out)}.tooltip--dark{color:var(--color-ink-inverse);background:var(--color-surface-inverse)}.tooltip--white{color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm)}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.status{position:relative;display:inline-flex;align-items:center;gap:7px}.status__dot{display:inline-block;width:12px;height:12px;border-radius:999px;border:2px solid var(--color-surface)}.status__dot--online{background:var(--green-400)}.status__dot--away{background:var(--yellow-400)}.status__dot--offline{background:var(--gray-300)}.status__dot--none{background:transparent;border:2px solid var(--color-border-strong)}.status__dot--overlay{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px}.status__text{font-size:var(--text-12);color:var(--color-ink-2)}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 12px;color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--text-12);font-weight:var(--weight-medium)}.tag-pill__icon{display:inline-flex}.tag-pill__remove{display:grid;place-items:center;width:18px;height:18px;color:color-mix(in srgb,var(--color-on-primary) 75%,transparent);border-radius:4px}.tag-pill__remove:hover{color:var(--color-on-primary);background:color-mix(in srgb,#ffffff 20%,transparent)}.avatar-group{display:inline-flex;align-items:center}.avatar-group__item{border:2px solid var(--color-surface)}.avatar-group__item:not(:first-child){margin-left:-10px}.avatar-group--sm .avatar-group__item:not(:first-child){margin-left:-8px}.avatar-group__more{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:0 8px;margin-left:-10px;border:2px solid var(--color-surface);border-radius:999px;background:var(--color-surface-3);color:var(--color-ink-2);font-size:var(--text-12);font-weight:var(--weight-medium)}.avatar-group--sm .avatar-group__more{height:32px;min-width:32px;margin-left:-8px;font-size:var(--text-11)}.word-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-11);font-weight:var(--weight-medium)}.word-badge--default{color:var(--color-ink-2);background:var(--color-surface-3)}.word-badge--primary{color:var(--color-on-primary);background:var(--color-primary)}.word-badge--important{color:var(--color-on-primary);background:var(--color-danger)}.word-badge--warning{color:var(--color-warning);background:var(--color-warning-soft)}.word-badge--added{color:var(--color-success-strong);background:var(--color-success-soft)}.word-badge--removed{color:var(--color-danger-strong);background:var(--color-danger-soft)}.word-badge--white{color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border-strong)}.divider-board{display:flex;flex-direction:column;gap:8px}.divider-board__row{display:flex;align-items:center;gap:14px;padding:7px 10px;border-radius:var(--radius-sm);text-align:left}.divider-board__row:hover{background:var(--color-surface-2)}.divider-board__line{display:block;flex:none;width:160px;border-radius:1px}.divider-board__row code{color:var(--color-ink-3);font-size:var(--text-11)}.avatar-group-board{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:6px;border-top:1px dashed var(--color-border)}.button-matrix{display:grid;gap:14px;margin-top:18px;overflow-x:auto}.button-matrix__head,.button-matrix__row{display:grid;grid-template-columns:64px repeat(4,minmax(0,1fr));align-items:center;gap:12px 16px;min-width:520px}.button-matrix__col,.button-matrix__rowlabel{font-size:var(--text-11);color:var(--color-ink-4);white-space:nowrap}.button-matrix__cell{display:flex;align-items:center;min-width:0}