:root{--wb-breakpoints-lg: 1200px;--wb-breakpoints-md: 900px;--wb-breakpoints-sm: 600px;--wb-breakpoints-xl: 1536px;--wb-breakpoints-xs: 444px;--wb-colors-amber-50: #fff8e1;--wb-colors-amber-100: #ffecb3;--wb-colors-amber-200: #ffe082;--wb-colors-amber-300: #ffd54f;--wb-colors-amber-400: #ffca28;--wb-colors-amber-500: #ffc107;--wb-colors-amber-600: #ffb300;--wb-colors-amber-700: #ffa000;--wb-colors-amber-800: #ff8f00;--wb-colors-amber-900: #ff6f00;--wb-colors-amber-a100: #ffe57f;--wb-colors-amber-a200: #ffd740;--wb-colors-amber-a400: #ffc400;--wb-colors-amber-a700: #ffab00;--wb-colors-blue-50: #e3f2fd;--wb-colors-blue-100: #bbdefb;--wb-colors-blue-200: #90caf9;--wb-colors-blue-300: #64b5f6;--wb-colors-blue-400: #42a5f5;--wb-colors-blue-500: #2196f3;--wb-colors-blue-600: #1e88e5;--wb-colors-blue-700: #0057b2;--wb-colors-blue-800: #1565c0;--wb-colors-blue-900: #0d47a1;--wb-colors-blue-a100: #82b1ff;--wb-colors-blue-a200: #448aff;--wb-colors-blue-a400: #2979ff;--wb-colors-blue-a700: #2962ff;--wb-colors-blue-grey-50: #eceff1;--wb-colors-blue-grey-100: #cfd8dc;--wb-colors-blue-grey-200: #b0bec5;--wb-colors-blue-grey-300: #90a4ae;--wb-colors-blue-grey-400: #78909c;--wb-colors-blue-grey-500: #607d8b;--wb-colors-blue-grey-600: #546e7a;--wb-colors-blue-grey-700: #455a64;--wb-colors-blue-grey-800: #37474f;--wb-colors-blue-grey-900: #263238;--wb-colors-blue-grey-a100: #cfd8dc;--wb-colors-blue-grey-a200: #b0bec5;--wb-colors-blue-grey-a400: #78909c;--wb-colors-blue-grey-a700: #455a64;--wb-colors-cyan-50: #e0f7fa;--wb-colors-cyan-100: #b2ebf2;--wb-colors-cyan-200: #80deea;--wb-colors-cyan-300: #4dd0e1;--wb-colors-cyan-400: #26c6da;--wb-colors-cyan-500: #00bcd4;--wb-colors-cyan-600: #00acc1;--wb-colors-cyan-700: #0097a7;--wb-colors-cyan-800: #00838f;--wb-colors-cyan-900: #006064;--wb-colors-cyan-a100: #84ffff;--wb-colors-cyan-a200: #18ffff;--wb-colors-cyan-a400: #00e5ff;--wb-colors-cyan-a700: #00b8d4;--wb-colors-deep-orange-50: #fbe9e7;--wb-colors-deep-orange-100: #ffccbc;--wb-colors-deep-orange-200: #ffab91;--wb-colors-deep-orange-300: #ff8a65;--wb-colors-deep-orange-400: #ff7043;--wb-colors-deep-orange-500: #ff5722;--wb-colors-deep-orange-600: #f4511e;--wb-colors-deep-orange-700: #e64a19;--wb-colors-deep-orange-800: #d84315;--wb-colors-deep-orange-900: #bf360c;--wb-colors-deep-orange-a100: #ff9e80;--wb-colors-deep-orange-a200: #ff6e40;--wb-colors-deep-orange-a400: #ff3d00;--wb-colors-deep-orange-a700: #dd2c00;--wb-colors-deep-purple-50: #ede7f6;--wb-colors-deep-purple-100: #d1c4e9;--wb-colors-deep-purple-200: #b39ddb;--wb-colors-deep-purple-300: #9575cd;--wb-colors-deep-purple-400: #7e57c2;--wb-colors-deep-purple-500: #673ab7;--wb-colors-deep-purple-600: #5e35b1;--wb-colors-deep-purple-700: #512da8;--wb-colors-deep-purple-800: #4527a0;--wb-colors-deep-purple-900: #311b92;--wb-colors-deep-purple-a100: #b388ff;--wb-colors-deep-purple-a200: #7c4dff;--wb-colors-deep-purple-a400: #651fff;--wb-colors-deep-purple-a700: #6200ea;--wb-colors-green-50: #e8f5e9;--wb-colors-green-100: #c8e6c9;--wb-colors-green-200: #a5d6a7;--wb-colors-green-300: #81c784;--wb-colors-green-400: #66bb6a;--wb-colors-green-500: #4caf50;--wb-colors-green-600: #43a047;--wb-colors-green-700: #388e3c;--wb-colors-green-800: #2e7d32;--wb-colors-green-900: #1b5e20;--wb-colors-green-a100: #b9f6ca;--wb-colors-green-a200: #69f0ae;--wb-colors-green-a400: #00e676;--wb-colors-green-a700: #00c853;--wb-colors-grey-50: #fafafa;--wb-colors-grey-100: #f5f5f5;--wb-colors-grey-200: #eeeeee;--wb-colors-grey-300: #e0e0e0;--wb-colors-grey-400: #bdbdbd;--wb-colors-grey-500: #9e9e9e;--wb-colors-grey-600: #757575;--wb-colors-grey-700: #616161;--wb-colors-grey-800: #424242;--wb-colors-grey-900: #212121;--wb-colors-grey-a100: #f5f5f5;--wb-colors-grey-a200: #eeeeee;--wb-colors-grey-a400: #bdbdbd;--wb-colors-grey-a700: #616161;--wb-colors-indigo-50: #e8eaf6;--wb-colors-indigo-100: #c5cae9;--wb-colors-indigo-200: #9fa8da;--wb-colors-indigo-300: #7986cb;--wb-colors-indigo-400: #5c6bc0;--wb-colors-indigo-500: #3f51b5;--wb-colors-indigo-600: #3949ab;--wb-colors-indigo-700: #303f9f;--wb-colors-indigo-800: #283593;--wb-colors-indigo-900: #1a237e;--wb-colors-indigo-a100: #8c9eff;--wb-colors-indigo-a200: #536dfe;--wb-colors-indigo-a400: #3d5afe;--wb-colors-indigo-a700: #304ffe;--wb-colors-light-blue-50: #e1f5fe;--wb-colors-light-blue-100: #b3e5fc;--wb-colors-light-blue-200: #81d4fa;--wb-colors-light-blue-300: #4fc3f7;--wb-colors-light-blue-400: #29b6f6;--wb-colors-light-blue-500: #03a9f4;--wb-colors-light-blue-600: #039be5;--wb-colors-light-blue-700: #0288d1;--wb-colors-light-blue-800: #0277bd;--wb-colors-light-blue-900: #01579b;--wb-colors-light-blue-a100: #80d8ff;--wb-colors-light-blue-a200: #40c4ff;--wb-colors-light-blue-a400: #00b0ff;--wb-colors-light-blue-a700: #0091ea;--wb-colors-light-green-50: #f1f8e9;--wb-colors-light-green-100: #dcedc8;--wb-colors-light-green-200: #c5e1a5;--wb-colors-light-green-300: #aed581;--wb-colors-light-green-400: #8bc34a;--wb-colors-light-green-500: #8bc34a;--wb-colors-light-green-600: #7cb342;--wb-colors-light-green-700: #689f38;--wb-colors-light-green-800: #558b2f;--wb-colors-light-green-900: #33691e;--wb-colors-light-green-a100: #ccff90;--wb-colors-light-green-a200: #b2ff59;--wb-colors-light-green-a400: #76ff03;--wb-colors-light-green-a700: #64dd17;--wb-colors-lime-50: #f9fbe7;--wb-colors-lime-100: #f0f4c3;--wb-colors-lime-200: #e6ee9c;--wb-colors-lime-300: #dce775;--wb-colors-lime-400: #d4e157;--wb-colors-lime-500: #cddc39;--wb-colors-lime-600: #c0ca33;--wb-colors-lime-700: #afb42b;--wb-colors-lime-800: #9e9d24;--wb-colors-lime-900: #827717;--wb-colors-lime-a100: #f4ff81;--wb-colors-lime-a200: #eeff41;--wb-colors-lime-a400: #c6ff00;--wb-colors-lime-a700: #aeea00;--wb-colors-orange-50: #fff3e0;--wb-colors-orange-100: #ffe0b2;--wb-colors-orange-200: #ffcc80;--wb-colors-orange-300: #ffb74d;--wb-colors-orange-400: #ffa726;--wb-colors-orange-500: #ff9800;--wb-colors-orange-600: #fb8c00;--wb-colors-orange-700: #f57c00;--wb-colors-orange-800: #ef6c00;--wb-colors-orange-900: #e65100;--wb-colors-orange-a100: #ffd180;--wb-colors-orange-a200: #ffab40;--wb-colors-orange-a400: #ff9100;--wb-colors-orange-a700: #ff6d00;--wb-colors-pink-50: #fce4ec;--wb-colors-pink-100: #f8bbd0;--wb-colors-pink-200: #f48fb1;--wb-colors-pink-300: #f06292;--wb-colors-pink-400: #ec407a;--wb-colors-pink-500: #e91e63;--wb-colors-pink-600: #d81b60;--wb-colors-pink-700: #c2185b;--wb-colors-pink-800: #ad1457;--wb-colors-pink-900: #880e4f;--wb-colors-pink-a100: #ff80ab;--wb-colors-pink-a200: #ff4081;--wb-colors-pink-a400: #f50057;--wb-colors-pink-a700: #c51162;--wb-colors-purple-50: #f3e5f5;--wb-colors-purple-100: #e1bee7;--wb-colors-purple-200: #ce93d8;--wb-colors-purple-300: #ba68c8;--wb-colors-purple-400: #ab47bc;--wb-colors-purple-500: #9c27b0;--wb-colors-purple-600: #8e24aa;--wb-colors-purple-700: #7b1fa2;--wb-colors-purple-800: #6a1b9a;--wb-colors-purple-900: #4a148c;--wb-colors-purple-a100: #ea80fc;--wb-colors-purple-a200: #e040fb;--wb-colors-purple-a400: #d500f9;--wb-colors-purple-a700: #aa00ff;--wb-colors-red-50: #feebee;--wb-colors-red-100: #fecdd2;--wb-colors-red-200: #ef9a9a;--wb-colors-red-300: #e57373;--wb-colors-red-400: #ef5350;--wb-colors-red-500: #f44336;--wb-colors-red-600: #e53935;--wb-colors-red-700: #d32f2f;--wb-colors-red-800: #c62828;--wb-colors-red-900: #b71c1c;--wb-colors-red-a100: #ff8a80;--wb-colors-red-a200: #ff5252;--wb-colors-red-a400: #ff1744;--wb-colors-red-a700: #d50000;--wb-colors-teal-50: #e0f2f1;--wb-colors-teal-100: #b2dfdb;--wb-colors-teal-200: #80cbc4;--wb-colors-teal-300: #4db6ac;--wb-colors-teal-400: #26a69a;--wb-colors-teal-500: #009688;--wb-colors-teal-600: #00897b;--wb-colors-teal-700: #00796b;--wb-colors-teal-800: #00695c;--wb-colors-teal-900: #004d40;--wb-colors-teal-a100: #a7ffeb;--wb-colors-teal-a200: #64ffda;--wb-colors-teal-a400: #1de9b6;--wb-colors-teal-a700: #00bfa5;--wb-colors-yellow-50: #fffde7;--wb-colors-yellow-100: #fff9c4;--wb-colors-yellow-200: #fff59d;--wb-colors-yellow-300: #fff176;--wb-colors-yellow-400: #ffee58;--wb-colors-yellow-500: #ffeb3b;--wb-colors-yellow-600: #fdd835;--wb-colors-yellow-700: #fbc02d;--wb-colors-yellow-800: #f9a825;--wb-colors-yellow-900: #f57f17;--wb-colors-yellow-a100: #ffff8d;--wb-colors-yellow-a200: #ffff00;--wb-colors-yellow-a400: #ffea00;--wb-colors-yellow-a700: #ffd600;--wb-radius-lg: 24px;--wb-radius-md: 20px;--wb-radius-none: 0;--wb-radius-sm: 10px;--wb-radius-xs: 4px;--wb-spacing-0: 4px;--wb-spacing-1: 8px;--wb-spacing-2: 16px;--wb-spacing-3: 24px;--wb-spacing-4: 32px;--wb-spacing-5: 40px;--wb-spacing-6: 48px;--wb-spacing-7: 56px;--wb-spacing-8: 64px;--wb-spacing-9: 72px;--wb-spacing-10: 80px;--wb-spacing-11: 88px;--wb-spacing-12: 96px;--wb-zero-gravity-color: #ffffff;--wb-zero-gravity-nova-violet0: #310066;--wb-zero-gravity-nova-violet1: #4b0099;--wb-zero-gravity-nova-violet10: #f5f3fe;--wb-zero-gravity-nova-violet2: #5e13b9;--wb-zero-gravity-nova-violet3: #7427de;--wb-zero-gravity-nova-violet4: #883aff;--wb-zero-gravity-nova-violet5: #8e56fc;--wb-zero-gravity-nova-violet6: #9d83f6;--wb-zero-gravity-nova-violet7: #c2b7f8;--wb-zero-gravity-nova-violet8: #dcd7fb;--wb-zero-gravity-nova-violet9: #eceafd;--wb-zero-gravity-components-alert-error-background: #160b0b;--wb-zero-gravity-components-alert-error-color: #f4c7c7;--wb-zero-gravity-components-alert-info-background: #071318;--wb-zero-gravity-components-alert-info-color: #b8e7fb;--wb-zero-gravity-components-alert-success-background: #0c130d;--wb-zero-gravity-components-alert-success-color: #cce8cd;--wb-zero-gravity-components-alert-warning-background: #191207;--wb-zero-gravity-components-alert-warning-color: #ffe2b7;--wb-zero-gravity-components-avatar-fill: #757575;--wb-zero-gravity-components-backdrop-fill: rgba(0, 0, 0, .5);--wb-zero-gravity-components-breadcrumbs-collapse-fill: #393f57;--wb-zero-gravity-components-chip-default-close-fill: #ffffff;--wb-zero-gravity-components-chip-default-enabled-border: #616161;--wb-zero-gravity-components-chip-default-focus-fill: rgba(255, 255, 255, .2);--wb-zero-gravity-components-chip-default-hover-fill: rgba(255, 255, 255, .12);--wb-zero-gravity-components-input-filled-enabled-fill: rgba(255, 255, 255, .09);--wb-zero-gravity-components-input-filled-hover-fill: rgba(255, 255, 255, .12);--wb-zero-gravity-components-input-outlined-enabled-border: rgba(255, 255, 255, .23);--wb-zero-gravity-components-input-outlined-hover-border: #ffffff;--wb-zero-gravity-components-input-standard-enabled-border: rgba(255, 255, 255, .42);--wb-zero-gravity-components-input-standard-hover-border: #ffffff;--wb-zero-gravity-components-stepper-connector: #757575;--wb-zero-gravity-components-switch-know-fill-disabled: #757575;--wb-zero-gravity-components-switch-slide-fill: rgba(255, 255, 255, .38);--wb-zero-gravity-components-tooltip-fill: rgba(97, 97, 97, .9);--wb-zero-gravity-native-scrollbar-bg: #616161;--wb-zero-gravity-action-active: rgba(255, 255, 255, .56);--wb-zero-gravity-action-disabled: rgba(255, 255, 255, .38);--wb-zero-gravity-action-disabled-background: rgba(255, 255, 255, .12);--wb-zero-gravity-action-hover: rgba(255, 255, 255, .08);--wb-zero-gravity-action-selected: rgba(255, 255, 255, .16);--wb-zero-gravity-background-paper-elevation-1: #141623;--wb-zero-gravity-background-paper-elevation-11: #32344b;--wb-zero-gravity-background-paper-elevation-2: #171927;--wb-zero-gravity-background-paper-elevation-5: #202233;--wb-zero-gravity-background-paper-elevation-8: #292b3f;--wb-zero-gravity-code-comment: #70ab18;--wb-zero-gravity-code-keyword: #b349a9;--wb-zero-gravity-common-black-states-selected: rgba(0, 0, 0, .16);--wb-zero-gravity-common-white-states-focus: rgba(255, 255, 255, .12);--wb-zero-gravity-divider: rgba(255, 255, 255, .12);--wb-zero-gravity-error-states-focus-visible: rgba(239, 83, 80, .3);--wb-zero-gravity-error-states-hover: rgba(239, 83, 80, .08);--wb-zero-gravity-error-states-outlined-border: rgba(239, 83, 80, .5);--wb-zero-gravity-error-states-selected: rgba(239, 83, 80, .16);--wb-zero-gravity-error-contrast: #ffffff;--wb-zero-gravity-info-states-focus-visible: rgba(41, 182, 246, .3);--wb-zero-gravity-info-states-hover: rgba(41, 182, 246, .08);--wb-zero-gravity-info-states-outlined-border: rgba(41, 182, 246, .5);--wb-zero-gravity-info-states-selected: rgba(41, 182, 246, .16);--wb-zero-gravity-info-contrast: rgba(255, 255, 255, .87);--wb-zero-gravity-mb-blue-default0: #131127;--wb-zero-gravity-mbblue-default: #020617;--wb-zero-gravity-nova-violet-nova-violet0: #310066;--wb-zero-gravity-nova-violet-nova-violet1: #4b0099;--wb-zero-gravity-nova-violet-nova-violet10: #f5f3fe;--wb-zero-gravity-nova-violet-nova-violet2: #5e13b9;--wb-zero-gravity-nova-violet-nova-violet3: #7427de;--wb-zero-gravity-nova-violet-nova-violet4: #883aff;--wb-zero-gravity-nova-violet-nova-violet5: #8e56fc;--wb-zero-gravity-nova-violet-nova-violet6: #9d83f6;--wb-zero-gravity-nova-violet-nova-violet7: #c2b7f8;--wb-zero-gravity-nova-violet-nova-violet8: #dcd7fb;--wb-zero-gravity-nova-violet-nova-violet9: #eceafd;--wb-zero-gravity-primary-states-hover: rgba(142, 86, 252, .08);--wb-zero-gravity-primary-states-outlined-border: rgba(142, 86, 252, .5);--wb-zero-gravity-primary-states-selected: rgba(142, 86, 252, .16);--wb-zero-gravity-primary-contrast: rgba(255, 255, 255, .87);--wb-zero-gravity-secondary-states-focus: rgba(245, 245, 245, .12);--wb-zero-gravity-secondary-states-focus-visible: rgba(245, 245, 245, .3);--wb-zero-gravity-secondary-states-hover: rgba(245, 245, 245, .12);--wb-zero-gravity-secondary-states-outlined-border: rgba(255, 255, 255, .12);--wb-zero-gravity-secondary-states-selected: rgba(245, 245, 245, .16);--wb-zero-gravity-secondary-contrast: rgba(255, 255, 255, .87);--wb-zero-gravity-secondary-dark: rgba(255, 255, 255, .06);--wb-zero-gravity-secondary-main: #ffffff;--wb-zero-gravity-secondary-tonal: rgba(255, 255, 255, .1);--wb-zero-gravity-success-states-focus-visible: rgba(38, 166, 154, .3);--wb-zero-gravity-success-states-hover: rgba(38, 166, 154, .08);--wb-zero-gravity-success-states-outlined-border: rgba(38, 166, 154, .5);--wb-zero-gravity-success-states-selected: rgba(38, 166, 154, .16);--wb-zero-gravity-success-contrast: rgba(255, 255, 255, .87);--wb-zero-gravity-success-void: #242f3d;--wb-zero-gravity-tertiary-states-hover: rgba(245, 245, 245, .08);--wb-zero-gravity-tertiary-states-outlined-border: rgba(245, 245, 245, .5);--wb-zero-gravity-tertiary-states-selected: rgba(245, 245, 245, .16);--wb-zero-gravity-tertiary-contrast: #000000;--wb-zero-gravity-text-disabled: rgba(255, 255, 255, .38);--wb-zero-gravity-text-primary: #ffffff;--wb-zero-gravity-text-secondary: rgba(255, 255, 255, .7);--wb-zero-gravity-warning-states-focus-visible: rgba(255, 167, 38, .3);--wb-zero-gravity-warning-states-hover: rgba(255, 167, 38, .08);--wb-zero-gravity-warning-states-outlined-border: rgba(255, 167, 38, .5);--wb-zero-gravity-warning-states-selected: rgba(255, 167, 38, .16);--wb-zero-gravity-warning-contrast: rgba(0, 0, 0, .87);--wb-zero-gravity-components-app-bar-default-fill: var(--wb-zero-gravity-background-paper-elevation-1);--wb-zero-gravity-components-snackbar-fill: var(--wb-zero-gravity-background-paper-elevation-6);--wb-zero-gravity-background-default: var(--wb-zero-gravity-mbblue-default);--wb-zero-gravity-elevation-outlined: var(--wb-zero-gravity-divider);--wb-zero-gravity-error-dark: var(--wb-colors-red-600);--wb-zero-gravity-error-light: var(--wb-colors-red-200);--wb-zero-gravity-error-main: var(--wb-colors-red-400);--wb-zero-gravity-info-dark: var(--wb-colors-indigo-a400);--wb-zero-gravity-info-light: var(--wb-colors-indigo-a100);--wb-zero-gravity-info-main: var(--wb-colors-indigo-a200);--wb-zero-gravity-primary-dark: var(--wb-zero-gravity-nova-violet4);--wb-zero-gravity-primary-light: var(--wb-zero-gravity-nova-violet6);--wb-zero-gravity-primary-main: var(--wb-zero-gravity-nova-violet5);--wb-zero-gravity-success-dark: var(--wb-colors-teal-700);--wb-zero-gravity-success-light: var(--wb-colors-teal-200);--wb-zero-gravity-success-main: var(--wb-colors-teal-400);--wb-zero-gravity-tertiary-dark: var(--wb-colors-teal-400);--wb-zero-gravity-tertiary-light: var(--wb-colors-teal-a100);--wb-zero-gravity-tertiary-main: var(--wb-colors-teal-a200);--wb-zero-gravity-warning-dark: var(--wb-colors-orange-a400);--wb-zero-gravity-warning-light: var(--wb-colors-orange-a100);--wb-zero-gravity-warning-main: var(--wb-colors-orange-a200)}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--wb-zero-gravity-mbblue-default);color:var(--wb-zero-gravity-common-white-states-main);line-height:1.5;-webkit-font-smoothing:antialiased}.app-topbar{position:sticky;top:0;z-index:10}.app-header{display:flex;align-items:baseline;gap:12px;padding:16px 24px;background:#18182a;border-bottom:1px solid #2a2a40}:root{--topbar-height: 100px}.app-header h1{font-size:1.25rem;font-weight:600;color:#fff}.app-header h1 a{color:inherit;text-decoration:none}.app-header h1 a:hover{text-decoration:underline}.app-header h1 a:focus-visible{outline:2px solid #8e56fc;outline-offset:4px;border-radius:4px}.app-subtitle{font-size:.875rem;color:#9090b0}.app-layout{display:flex;min-height:calc(100vh - var(--topbar-height))}.app-sidebar{position:sticky;top:var(--topbar-height);width:220px;height:calc(100vh - var(--topbar-height));overflow-y:auto;padding:16px 0;border-right:1px solid #2a2a40;background:#13131f;flex-shrink:0}.app-sidebar ul{list-style:none}.app-sidebar li{display:flex;align-items:center;justify-content:space-between;padding:0 16px}.app-sidebar a{display:block;padding:6px 0;color:#b0b0cc;text-decoration:none;font-size:.875rem;transition:color .15s}.app-sidebar a:hover{color:#fff}.token-count{font-size:.75rem;color:#6060a0;background:#1e1e30;padding:2px 6px;border-radius:8px}.app-main{flex:1;padding:32px;max-width:1200px}.app-main section{margin-bottom:48px;scroll-margin-top:calc(var(--topbar-height) + 16px)}.app-main h2{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#fff;border-bottom:1px solid #2a2a40;padding-bottom:8px}.description-section{margin-bottom:32px}.description-section p{max-width:720px;font-size:.9rem;line-height:1.7;color:#b0b0d0}.usage-section{margin-bottom:32px}.usage-code{background:#1e1e30;border:1px solid #2a2a40;border-radius:8px;padding:16px 20px;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.6;color:#c0c0e0}.color-palette-search{margin-bottom:16px}.color-palette-search input{width:100%;max-width:320px;padding:8px 12px;border:1px solid #2a2a40;border-radius:6px;background:#1a1a2e;color:#e4e4ef;font-size:.875rem}.color-palette-search input::placeholder{color:#6060a0}.color-family{margin-bottom:24px}.color-family h3{font-size:.875rem;font-weight:500;color:#9090b0;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.color-swatch{border-radius:8px;overflow:hidden;background:#1a1a2e;border:1px solid #2a2a40}.color-swatch-box{height:56px;width:100%}.color-swatch-info{padding:6px 8px}.color-swatch-var{font-size:.6875rem;color:#8080b0;font-family:SF Mono,Fira Code,monospace;word-break:break-all}.color-swatch-value{font-size:.75rem;color:#b0b0cc;font-family:SF Mono,Fira Code,monospace}.color-swatch-desc{font-size:.625rem;color:#7070a0;margin-top:2px;line-height:1.3}.token-table{width:100%;border-collapse:collapse;font-size:.8125rem}.token-table th{text-align:left;padding:8px 12px;color:#8080b0;font-weight:500;border-bottom:1px solid #2a2a40;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.token-table td{padding:8px 12px;border-bottom:1px solid #1e1e30;vertical-align:middle}.token-table tr:hover td{background:#1a1a2e}.token-name{font-family:SF Mono,Fira Code,monospace;color:#c0c0e0}.token-css-var{font-family:SF Mono,Fira Code,monospace;color:#7070b0;font-size:.75rem}.token-value{font-family:SF Mono,Fira Code,monospace;color:#e4e4ef}.token-preview{display:flex;align-items:center;gap:8px}.preview-bar{height:12px;background:#883aff;border-radius:3px;min-width:4px}.preview-color{width:20px;height:20px;border-radius:4px;border:1px solid #3a3a50}.app-tabs{display:flex;gap:0;padding:0 24px;background:#18182a;border-bottom:1px solid #2a2a40}.app-tab{padding:10px 20px;font-size:.875rem;font-weight:500;color:#9090b0;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.app-tab:hover{color:#fff}.app-tab--active{color:#fff;border-bottom-color:#8e56fc}.icon-gallery{width:100%}.icon-search{display:flex;align-items:center;gap:12px;margin-bottom:24px}.icon-search-input{flex:1;max-width:320px;padding:8px 12px;border:1px solid #2a2a40;border-radius:8px;background:#1e1e30;color:#fff;font-size:.875rem}.icon-search-input:focus{outline:2px solid #8e56fc;outline-offset:-1px}.icon-count{font-size:.75rem;color:#6060a0}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.icon-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:8px;background:#1e1e30;border:1px solid #2a2a40;cursor:pointer;transition:background .15s,border-color .15s;position:relative}.icon-card:hover{background:#28283e;border-color:#3a3a50}.icon-card--copied{border-color:#8e56fc}.icon-card-preview{color:#e0e0f0;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.icon-card-name{font-size:.7rem;color:#9090b0;text-align:center;word-break:break-all;line-height:1.3}.icon-card-toast{position:absolute;top:4px;right:4px;font-size:.65rem;color:#8e56fc;font-weight:600}.icon-empty{color:#6060a0;text-align:center;padding:48px 0}