:root{--cp-font-display: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--cp-font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cp-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--cp-text-xs: .75rem;--cp-text-sm: .875rem;--cp-text-base: 1rem;--cp-text-lg: 1.125rem;--cp-text-xl: 1.25rem;--cp-text-2xl: 1.5rem;--cp-text-3xl: 1.875rem;--cp-text-4xl: 2.25rem;--cp-font-normal: 400;--cp-font-medium: 500;--cp-font-semibold: 600;--cp-font-bold: 700;--cp-leading-none: 1;--cp-leading-tight: 1.25;--cp-leading-snug: 1.375;--cp-leading-normal: 1.5;--cp-leading-relaxed: 1.625;--cp-primary-50: #f0fdfa;--cp-primary-100: #ccfbf1;--cp-primary-200: #99f6e4;--cp-primary-300: #5eead4;--cp-primary-400: #2dd4bf;--cp-primary-500: #14b8a6;--cp-primary-600: #0d9488;--cp-primary-700: #0f766e;--cp-primary-800: #115e59;--cp-primary-900: #134e4a;--cp-violet-50: #fffbeb;--cp-violet-100: #fef3c7;--cp-violet-500: #f59e0b;--cp-violet-600: #d97706;--cp-violet-700: #b45309;--cp-violet-950: #0c1222;--cp-pink-100: #fce7f3;--cp-neutral-50: #f9fafb;--cp-neutral-100: #f3f4f6;--cp-neutral-200: #e5e7eb;--cp-neutral-300: #d1d5db;--cp-neutral-400: #9ca3af;--cp-neutral-500: #6b7280;--cp-neutral-600: #4b5563;--cp-neutral-700: #374151;--cp-neutral-800: #1f2937;--cp-neutral-900: #111827;--cp-success-50: #ecfdf5;--cp-success-100: #d1fae5;--cp-success-400: #34d399;--cp-success-500: #10b981;--cp-success-600: #059669;--cp-success-700: #047857;--cp-warning-50: #fffbeb;--cp-warning-100: #fef3c7;--cp-warning-500: #f59e0b;--cp-warning-600: #d97706;--cp-warning-700: #b45309;--cp-error-50: #fef2f2;--cp-error-100: #fee2e2;--cp-error-300: #fca5a5;--cp-error-500: #ef4444;--cp-error-600: #dc2626;--cp-error-700: #b91c1c;--cp-info-50: #eff6ff;--cp-info-100: #dbeafe;--cp-info-500: #3b82f6;--cp-info-600: #2563eb;--cp-info-700: #1d4ed8;--cp-success-800: #166534;--cp-error-800: #991b1b;--cp-accent-primary-subtle: rgba(20, 184, 166, .1);--cp-accent-success-subtle: rgba(16, 185, 129, .1);--cp-accent-error-subtle: rgba(239, 68, 68, .1);--cp-accent-warning-subtle: rgba(245, 158, 11, .1);--cp-accent-info-subtle: rgba(59, 130, 246, .1);--cp-accent-primary-border: rgba(20, 184, 166, .3);--cp-accent-success-border: rgba(16, 185, 129, .3);--cp-accent-warning-border: rgba(245, 158, 11, .3);--cp-accent-primary-extra-subtle: rgba(20, 184, 166, .08);--cp-rust-500: #b7410e;--cp-rust-bg: rgba(222, 107, 42, .08);--cp-rust-border: rgba(222, 107, 42, .2);--cp-gradient-primary: linear-gradient(135deg, var(--cp-primary-600) 0%, var(--cp-primary-500) 50%, #0ea5e9 100%);--cp-gradient-primary-hover: linear-gradient(135deg, var(--cp-primary-700) 0%, var(--cp-primary-600) 50%, #0284c7 100%);--cp-gradient-subtle: linear-gradient(135deg, var(--cp-primary-50) 0%, #f0f9ff 100%);--cp-gradient-warm: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--cp-code-bg: #111827;--cp-code-header-bg: #0a0f1a;--cp-code-border: #1f2937;--cp-code-text: #e2e8f0;--cp-code-muted: #64748b;--cp-node-delay: #795548;--cp-space-0: 0;--cp-space-0-5: .125rem;--cp-space-1: .25rem;--cp-space-1-5: .375rem;--cp-space-2: .5rem;--cp-space-2-5: .625rem;--cp-space-3: .75rem;--cp-space-3-5: .875rem;--cp-space-4: 1rem;--cp-space-5: 1.25rem;--cp-space-6: 1.5rem;--cp-space-8: 2rem;--cp-space-10: 2.5rem;--cp-space-12: 3rem;--cp-space-16: 4rem;--cp-space-20: 5rem;--cp-space-24: 6rem;--cp-radius-none: 0;--cp-radius-sm: .25rem;--cp-radius-md: .375rem;--cp-radius-lg: .5rem;--cp-radius-xl: .75rem;--cp-radius-2xl: 1rem;--cp-radius-3xl: 1.5rem;--cp-radius-full: 9999px;--cp-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--cp-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--cp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--cp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--cp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--cp-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--cp-shadow-primary: 0 4px 14px 0 rgba(13, 148, 136, .35);--cp-shadow-primary-lg: 0 8px 20px 0 rgba(13, 148, 136, .4);--cp-shadow-primary-btn: 0 10px 20px rgba(20, 184, 166, .35);--cp-shadow-success: 0 4px 14px 0 rgba(16, 185, 129, .35);--cp-shadow-error: 0 4px 14px 0 rgba(239, 68, 68, .35);--cp-transition-fast: .15s ease;--cp-transition-base: .2s ease;--cp-transition-slow: .3s ease;--cp-transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease;--cp-transition-transform: transform .2s ease;--cp-transition-shadow: box-shadow .2s ease;--cp-transition-all: all .2s ease;--cp-z-base: 0;--cp-z-dropdown: 100;--cp-z-sticky: 200;--cp-z-fixed: 300;--cp-z-modal-backdrop: 400;--cp-z-modal: 500;--cp-z-popover: 600;--cp-z-tooltip: 700;--cp-z-overlay: 800;--cp-text-white: #ffffff;--cp-text-white-muted: rgba(255, 255, 255, .8);--cp-white-10: rgba(255, 255, 255, .1);--cp-white-15: rgba(255, 255, 255, .15);--cp-white-20: rgba(255, 255, 255, .2);--cp-white-25: rgba(255, 255, 255, .25);--cp-white-30: rgba(255, 255, 255, .3);--cp-white-40: rgba(255, 255, 255, .4);--cp-white-50: rgba(255, 255, 255, .5);--cp-white-60: rgba(255, 255, 255, .6);--cp-white-70: rgba(255, 255, 255, .7);--cp-white-80: rgba(255, 255, 255, .8);--cp-overlay-light: rgba(0, 0, 0, .5);--cp-overlay-medium: rgba(0, 0, 0, .7);--cp-card-bg: #ffffff;--cp-card-border: var(--cp-neutral-200);--cp-card-radius: var(--cp-radius-2xl);--cp-card-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--cp-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .04);--cp-card-padding: var(--cp-space-6);--cp-btn-radius: var(--cp-radius-xl);--cp-btn-padding-x: var(--cp-space-4);--cp-btn-padding-y: var(--cp-space-2-5);--cp-btn-font-size: var(--cp-text-sm);--cp-btn-font-weight: var(--cp-font-medium);--cp-input-radius: var(--cp-radius-lg);--cp-input-border: var(--cp-neutral-300);--cp-input-border-focus: var(--cp-primary-500);--cp-input-bg: #ffffff;--cp-input-padding-x: var(--cp-space-3);--cp-input-padding-y: var(--cp-space-2-5);--cp-touch-target-min: 44px;--cp-icon-sm: 16px;--cp-icon-md: 20px;--cp-icon-lg: 24px;--cp-badge-padding: var(--cp-space-1) var(--cp-space-2);--cp-badge-padding-sm: var(--cp-space-0-5) var(--cp-space-1-5);--cp-badge-radius: var(--cp-radius-full);--cp-btn-padding: var(--cp-space-2) var(--cp-space-4);--cp-btn-padding-sm: var(--cp-space-1-5) var(--cp-space-3);--cp-btn-padding-lg: var(--cp-space-2-5) var(--cp-space-5);--cp-sidebar-width: 260px;--cp-sidebar-bg: var(--cp-neutral-900);--cp-sidebar-text: var(--cp-neutral-300);--cp-sidebar-text-active: #ffffff;--cp-sidebar-accent: var(--cp-primary-500);--cp-page-bg: var(--cp-neutral-50);--cp-page-max-width: 1200px;--cp-content-padding: var(--cp-space-8);--cp-nav-height: 72px;--cp-nav-offset: calc(var(--cp-nav-height) + 8px);--doc-card-padding: var(--cp-space-5);--doc-section-margin: var(--cp-space-6);--doc-item-gap: var(--cp-space-3);--cp-bg-primary: #ffffff;--cp-bg-secondary: var(--cp-neutral-50);--cp-bg-tertiary: var(--cp-neutral-100);--cp-text-primary: var(--cp-neutral-900);--cp-text-secondary: var(--cp-neutral-600);--cp-text-tertiary: var(--cp-neutral-500)}body.overflow-hidden{overflow:hidden}:root.dark{--cp-neutral-50: #18181b;--cp-neutral-100: #27272a;--cp-neutral-200: #3f3f46;--cp-neutral-300: #52525b;--cp-neutral-400: #71717a;--cp-neutral-500: #a1a1aa;--cp-neutral-600: #a1a1aa;--cp-neutral-700: #d4d4d8;--cp-neutral-800: #e4e4e7;--cp-neutral-900: #fafafa;--cp-primary-50: rgba(20, 184, 166, .08);--cp-primary-100: rgba(20, 184, 166, .15);--cp-success-50: rgba(34, 197, 94, .08);--cp-success-100: rgba(34, 197, 94, .15);--cp-warning-50: rgba(250, 204, 21, .08);--cp-warning-100: rgba(250, 204, 21, .15);--cp-error-50: rgba(239, 68, 68, .08);--cp-error-100: rgba(239, 68, 68, .15);--cp-error-200: rgba(239, 68, 68, .2);--cp-info-50: rgba(59, 130, 246, .08);--cp-info-100: rgba(59, 130, 246, .15);--cp-success-700: #4ade80;--cp-success-800: #22c55e;--cp-warning-700: #fbbf24;--cp-warning-800: #f59e0b;--cp-error-700: #f87171;--cp-error-800: #ef4444;--cp-info-700: #60a5fa;--cp-info-800: #3b82f6;--cp-bg-primary: #09090b;--cp-bg-secondary: #18181b;--cp-bg-tertiary: #27272a;--cp-bg-elevated: #3f3f46;--cp-text-primary: #fafafa;--cp-text-secondary: #a1a1aa;--cp-text-tertiary: #71717a;--cp-card-bg: #18181b;--cp-card-border: rgba(255, 255, 255, .08);--cp-card-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);--cp-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .08);--cp-page-bg: #09090b;--cp-input-bg: #09090b;--cp-input-border: rgba(255, 255, 255, .1);--cp-input-border-focus: var(--cp-primary-500);--cp-sidebar-bg: #09090b;--cp-sidebar-text: #a1a1aa;--cp-sidebar-text-active: #fafafa;--cp-accent-primary-subtle: rgba(20, 184, 166, .12);--cp-accent-success-subtle: rgba(34, 197, 94, .12);--cp-accent-warning-subtle: rgba(250, 204, 21, .12);--cp-accent-error-subtle: rgba(239, 68, 68, .12);--cp-accent-info-subtle: rgba(59, 130, 246, .12);--cp-accent-primary-border: rgba(20, 184, 166, .4);--cp-accent-success-border: rgba(34, 197, 94, .4);--cp-accent-warning-border: rgba(250, 204, 21, .4);--cp-accent-primary-extra-subtle: rgba(20, 184, 166, .08);--cp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--cp-shadow-md: 0 2px 4px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .2);--cp-shadow-lg: 0 4px 8px rgba(0, 0, 0, .3), 0 8px 16px rgba(0, 0, 0, .2);--cp-shadow-xl: 0 8px 16px rgba(0, 0, 0, .3), 0 16px 32px rgba(0, 0, 0, .2);--cp-shadow-primary: 0 0 0 1px rgba(20, 184, 166, .3), 0 2px 8px rgba(20, 184, 166, .25);--cp-shadow-primary-lg: 0 0 0 1px rgba(20, 184, 166, .4), 0 4px 16px rgba(20, 184, 166, .35);--cp-shadow-success: 0 0 0 1px rgba(34, 197, 94, .3), 0 2px 8px rgba(34, 197, 94, .25);--cp-shadow-error: 0 0 0 1px rgba(239, 68, 68, .3), 0 2px 8px rgba(239, 68, 68, .25);--cp-code-bg: #111827;--cp-code-header-bg: #0a0f1a;--cp-code-border: rgba(255, 255, 255, .08);--cp-code-text: #e4e4e7;--cp-overlay-light: rgba(0, 0, 0, .6);--cp-overlay-medium: rgba(0, 0, 0, .8);--cp-divider: rgba(255, 255, 255, .08)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cp-space-2);padding:var(--cp-btn-padding-y) var(--cp-btn-padding-x);font-family:var(--cp-font-sans);font-size:var(--cp-btn-font-size);font-weight:var(--cp-btn-font-weight);line-height:var(--cp-leading-tight);border-radius:var(--cp-btn-radius);border:none;cursor:pointer;transition:var(--cp-transition-all);text-decoration:none;white-space:nowrap}.cp-btn:disabled{opacity:.5;cursor:not-allowed}.cp-btn-primary{background:var(--cp-primary-600);color:var(--cp-text-white);box-shadow:var(--cp-shadow-primary)}.cp-btn-primary:hover:not(:disabled){background:var(--cp-primary-700);color:#fff;box-shadow:var(--cp-shadow-primary-lg);transform:translateY(-1px)}.cp-btn-primary:active:not(:disabled){transform:translateY(0)}.cp-btn-secondary{background:transparent;color:var(--cp-primary-600);border:1px solid var(--cp-primary-600)}.cp-btn-secondary:hover:not(:disabled){background:var(--cp-primary-50);border-color:var(--cp-primary-700);color:var(--cp-primary-700)}.cp-btn-danger{background:var(--cp-error-500);color:var(--cp-text-white);box-shadow:var(--cp-shadow-error)}.cp-btn-danger:hover:not(:disabled){background:var(--cp-error-600);transform:translateY(-1px)}.cp-btn-ghost{background:transparent;color:var(--cp-neutral-600)}.cp-btn-ghost:hover:not(:disabled){background:var(--cp-neutral-100);color:var(--cp-text-primary)}.cp-btn-success{background:var(--cp-success-500);color:var(--cp-text-white);box-shadow:var(--cp-shadow-success)}.cp-btn-success:hover:not(:disabled){background:var(--cp-success-600);transform:translateY(-1px)}.cp-btn-white{background:var(--cp-bg-primary);color:var(--cp-primary-600);border:1px solid var(--cp-bg-primary)}.cp-btn-white:hover:not(:disabled){background:var(--cp-primary-100);color:var(--cp-primary-700)}.dark-bg .cp-btn-ghost,[class*=cta] .cp-btn-ghost{color:#ffffffe6;border:1px solid rgba(255,255,255,.3)}.dark-bg .cp-btn-ghost:hover:not(:disabled),[class*=cta] .cp-btn-ghost:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80;color:#fff}.cp-btn-sm{padding:var(--cp-space-1-5) var(--cp-space-3);font-size:var(--cp-text-xs)}.cp-btn-lg{padding:var(--cp-space-3) var(--cp-space-6);font-size:var(--cp-text-base)}.cp-btn-block{width:100%}@media(max-width:768px){.cp-btn,.cp-btn-sm{min-height:44px}.cp-modal-close{width:var(--cp-touch-target-min);height:var(--cp-touch-target-min)}}.cp-card{background:var(--cp-card-bg);border:1px solid var(--cp-card-border);border-radius:var(--cp-card-radius);box-shadow:var(--cp-card-shadow);padding:var(--cp-card-padding);transition:var(--cp-transition-shadow)}.cp-card-hover:hover{box-shadow:var(--cp-card-shadow-hover)}.cp-card-clickable{cursor:pointer}.cp-card-clickable:hover{box-shadow:var(--cp-card-shadow-hover);border-color:var(--cp-primary-200)}.cp-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--cp-space-4)}.cp-card-title{font-size:var(--cp-text-lg);font-weight:var(--cp-font-semibold);color:var(--cp-text-primary);margin:0}.cp-card-subtitle{font-size:var(--cp-text-sm);color:var(--cp-neutral-500);margin-top:var(--cp-space-1)}.cp-card-body{color:var(--cp-text-secondary)}.cp-card-footer{margin-top:var(--cp-space-4);padding-top:var(--cp-space-4);border-top:1px solid var(--cp-neutral-100)}.cp-form-group{margin-bottom:var(--cp-space-4)}.cp-label{display:block;font-size:var(--cp-text-sm);font-weight:var(--cp-font-medium);color:var(--cp-text-secondary);margin-bottom:var(--cp-space-1-5)}.cp-input{width:100%;padding:var(--cp-input-padding-y) var(--cp-input-padding-x);font-family:var(--cp-font-sans);font-size:var(--cp-text-sm);color:var(--cp-text-primary);background:var(--cp-input-bg);border:1px solid var(--cp-input-border);border-radius:var(--cp-input-radius);transition:var(--cp-transition-colors),var(--cp-transition-shadow)}.cp-input:focus{outline:none;border-color:var(--cp-input-border-focus);box-shadow:0 0 0 3px #14b8a626}.cp-input::placeholder{color:var(--cp-neutral-400)}.cp-input:disabled{background:var(--cp-neutral-100);cursor:not-allowed}.cp-input-error{border-color:var(--cp-error-500)}.cp-input-error:focus{box-shadow:0 0 0 3px #ef444426}.cp-form-error{font-size:var(--cp-text-xs);color:var(--cp-error-500);margin-top:var(--cp-space-1)}.cp-form-hint{font-size:var(--cp-text-xs);color:var(--cp-neutral-500);margin-top:var(--cp-space-1)}.cp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--cp-space-3) center;padding-right:var(--cp-space-10)}.cp-textarea{min-height:100px;resize:vertical}.cp-badge{display:inline-flex;align-items:center;gap:var(--cp-space-1);padding:var(--cp-space-0-5) var(--cp-space-2);font-size:var(--cp-text-xs);font-weight:var(--cp-font-medium);border-radius:var(--cp-radius-full);white-space:nowrap;text-transform:capitalize}.cp-badge-success{background:var(--cp-success-100);color:var(--cp-success-700)}.cp-badge-warning{background:var(--cp-warning-100);color:var(--cp-warning-700)}.cp-badge-error{background:var(--cp-error-100);color:var(--cp-error-700)}.cp-badge-info{background:var(--cp-info-100);color:var(--cp-info-700)}.cp-badge-neutral{background:var(--cp-neutral-100);color:var(--cp-text-secondary)}.cp-badge-primary{background:var(--cp-primary-100);color:var(--cp-primary-700)}.cp-badge-dot{width:6px;height:6px;border-radius:var(--cp-radius-full);background:currentColor}.cp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--cp-space-4);z-index:var(--cp-z-modal-backdrop)}.cp-modal{background:var(--cp-card-bg);border-radius:var(--cp-radius-2xl);box-shadow:var(--cp-shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow:auto;z-index:var(--cp-z-modal)}.cp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--cp-space-6);border-bottom:1px solid var(--cp-neutral-100)}.cp-modal-title{font-size:var(--cp-text-xl);font-weight:var(--cp-font-semibold);color:var(--cp-text-primary);margin:0}.cp-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--cp-neutral-400);border-radius:var(--cp-radius-md);cursor:pointer;transition:var(--cp-transition-colors)}.cp-modal-close:hover{background:var(--cp-neutral-100);color:var(--cp-neutral-600)}.cp-modal-body{padding:var(--cp-space-6)}.cp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--cp-space-3);padding:var(--cp-space-4) var(--cp-space-6);border-top:1px solid var(--cp-neutral-100)}.cp-modal-sm{max-width:400px}.cp-modal-lg{max-width:700px}.cp-modal-xl{max-width:900px}.cp-table{width:100%;border-collapse:collapse}.cp-table th,.cp-table td{padding:var(--cp-space-3) var(--cp-space-4);text-align:left;border-bottom:1px solid var(--cp-neutral-200)}.cp-table th{font-size:var(--cp-text-xs);font-weight:var(--cp-font-semibold);color:var(--cp-neutral-500);text-transform:uppercase;letter-spacing:.05em;background:var(--cp-neutral-50)}.cp-table td{font-size:var(--cp-text-sm);color:var(--cp-text-primary)}.cp-table tbody tr:hover{background:var(--cp-neutral-50)}.cp-alert{display:flex;align-items:flex-start;gap:var(--cp-space-3);padding:var(--cp-space-4);border-radius:var(--cp-radius-lg);font-size:var(--cp-text-sm)}.cp-alert-success{background:var(--cp-success-50);color:var(--cp-success-700);border:1px solid var(--cp-success-100)}.cp-alert-warning{background:var(--cp-warning-50);color:var(--cp-warning-700);border:1px solid var(--cp-warning-100)}.cp-alert-error{background:var(--cp-error-50);color:var(--cp-error-700);border:1px solid var(--cp-error-100)}.cp-alert-info{background:var(--cp-info-50);color:var(--cp-info-700);border:1px solid var(--cp-info-100)}.cp-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--cp-radius-full);animation:cp-spin .6s linear infinite}.cp-spinner-sm{width:.75rem;height:.75rem;border-width:1.5px}.cp-spinner-lg{width:1.5rem;height:1.5rem;border-width:3px}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-divider{height:1px;background:var(--cp-neutral-200);border:none;margin:var(--cp-space-4) 0}.cp-divider-vertical{width:1px;height:auto;align-self:stretch;margin:0 var(--cp-space-4)}.cp-text-primary{color:var(--cp-primary-600)}.cp-text-muted{color:var(--cp-neutral-500)}.cp-text-success{color:var(--cp-success-600)}.cp-text-warning{color:var(--cp-warning-600)}.cp-text-error{color:var(--cp-error-600)}.cp-bg-primary{background:var(--cp-primary-600)}.cp-bg-muted{background:var(--cp-neutral-100)}.cp-text-center{text-align:center}.cp-text-right{text-align:right}.cp-flex{display:flex}.cp-flex-col{flex-direction:column}.cp-items-center{align-items:center}.cp-justify-center{justify-content:center}.cp-justify-between{justify-content:space-between}.cp-gap-2{gap:var(--cp-space-2)}.cp-gap-3{gap:var(--cp-space-3)}.cp-gap-4{gap:var(--cp-space-4)}.cp-mt-2{margin-top:var(--cp-space-2)}.cp-mt-4{margin-top:var(--cp-space-4)}.cp-mt-6{margin-top:var(--cp-space-6)}.cp-mb-2{margin-bottom:var(--cp-space-2)}.cp-mb-4{margin-bottom:var(--cp-space-4)}.cp-mb-6{margin-bottom:var(--cp-space-6)}.cp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root.dark .cp-btn-secondary{color:var(--cp-primary-400);border-color:#14b8a680;background:transparent}:root.dark .cp-btn-secondary:hover:not(:disabled){background:#14b8a61a;border-color:var(--cp-primary-400);color:var(--cp-primary-300)}:root.dark .cp-btn-ghost{color:var(--cp-text-secondary)}:root.dark .cp-btn-ghost:hover:not(:disabled){background:#ffffff0f;color:var(--cp-text-primary)}:root.dark .cp-card{border-color:var(--cp-card-border);box-shadow:var(--cp-card-shadow)}:root.dark .cp-card-hover:hover,:root.dark .cp-card-clickable:hover{border-color:#ffffff1f;box-shadow:var(--cp-card-shadow-hover)}:root.dark .cp-card-clickable:hover{background:var(--cp-bg-secondary)}:root.dark .cp-card-title{color:var(--cp-text-primary)}:root.dark .cp-card-subtitle{color:var(--cp-text-secondary)}:root.dark .cp-card-body{color:var(--cp-text-secondary)}:root.dark .cp-card-footer{border-color:var(--cp-divider)}:root.dark .cp-label{color:var(--cp-text-secondary)}:root.dark .cp-input{color:var(--cp-text-primary);border-color:var(--cp-input-border);background:var(--cp-input-bg)}:root.dark .cp-input:focus{border-color:var(--cp-primary-500);box-shadow:0 0 0 3px #14b8a633,0 0 0 1px var(--cp-primary-500)}:root.dark .cp-input::placeholder{color:var(--cp-text-tertiary)}:root.dark .cp-input:disabled{background:var(--cp-bg-tertiary);color:var(--cp-text-tertiary)}:root.dark .cp-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}:root.dark .cp-modal{border:1px solid var(--cp-card-border);box-shadow:0 24px 48px #0006}:root.dark .cp-modal-header{border-color:var(--cp-divider)}:root.dark .cp-modal-title{color:var(--cp-text-primary)}:root.dark .cp-modal-close{color:var(--cp-text-tertiary)}:root.dark .cp-modal-close:hover{background:#ffffff0f;color:var(--cp-text-primary)}:root.dark .cp-modal-footer{border-color:var(--cp-divider)}:root.dark .cp-modal-overlay{background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root.dark .cp-table th{background:var(--cp-bg-primary);color:var(--cp-text-tertiary);border-color:var(--cp-divider)}:root.dark .cp-table td{color:var(--cp-text-primary);border-color:var(--cp-divider)}:root.dark .cp-table tbody tr:hover{background:#ffffff08}:root.dark .cp-badge-success{background:#22c55e26;color:#4ade80}:root.dark .cp-badge-warning{background:#facc1526;color:#fbbf24}:root.dark .cp-badge-error{background:#ef444426;color:#f87171}:root.dark .cp-badge-info{background:#3b82f626;color:#60a5fa}:root.dark .cp-badge-neutral{background:#ffffff14;color:var(--cp-text-secondary)}:root.dark .cp-badge-primary{background:#14b8a626;color:#5eead4}:root.dark .cp-alert-success{background:#22c55e1a;border-color:#22c55e33;color:#4ade80}:root.dark .cp-alert-warning{background:#facc151a;border-color:#facc1533;color:#fbbf24}:root.dark .cp-alert-error{background:#ef44441a;border-color:#ef444433;color:#f87171}:root.dark .cp-alert-info{background:#3b82f61a;border-color:#3b82f633;color:#60a5fa}:root.dark .cp-divider{background:var(--cp-divider)}:root.dark .cp-text-muted{color:var(--cp-text-secondary)}:root.dark .cp-bg-muted{background:var(--cp-bg-tertiary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--cp-font-sans);background-color:var(--cp-page-bg);color:var(--cp-text-primary);line-height:var(--cp-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}:root{--primary: var(--cp-primary-500);--primary-dark: var(--cp-primary-600);--primary-light: var(--cp-primary-400);--primary-lighter: var(--cp-primary-200);--primary-subtle: var(--cp-primary-50);--violet: var(--cp-violet-600);--violet-light: var(--cp-violet-500);--dark: var(--cp-code-header-bg);--dark-secondary: var(--cp-code-bg);--dark-tertiary: var(--cp-code-border);--text-primary: var(--cp-text-primary);--text-secondary: var(--cp-text-secondary);--text-light: var(--cp-neutral-400);--text-white: #ffffff;--bg-white: var(--cp-bg-primary);--bg-light: var(--cp-bg-secondary);--bg-gray: var(--cp-neutral-200);--gradient-primary: var(--cp-gradient-primary);--gradient-dark: linear-gradient(135deg, var(--cp-code-header-bg) 0%, var(--cp-code-bg) 100%);--gradient-hero: linear-gradient(135deg, var(--cp-code-header-bg) 0%, var(--cp-violet-950) 50%, var(--cp-code-header-bg) 100%);--shadow-sm: var(--cp-shadow-sm);--shadow-md: var(--cp-shadow-md);--shadow-lg: var(--cp-shadow-lg);--shadow-xl: var(--cp-shadow-xl);--radius-sm: var(--cp-radius-md);--radius-md: var(--cp-radius-lg);--radius-lg: var(--cp-radius-xl);--radius-xl: var(--cp-radius-2xl);--radius-2xl: var(--cp-radius-3xl);--radius-full: var(--cp-radius-full);--section-padding: var(--cp-space-20);--container-padding: var(--cp-space-6);--transition-fast: var(--cp-transition-fast);--transition-base: var(--cp-transition-base);--transition-slow: var(--cp-transition-slow);--font-sans: var(--cp-font-sans);--font-mono: var(--cp-font-mono)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[tabindex="-1"]:focus{outline:none}body{font-family:var(--cp-font-sans);font-size:1rem;line-height:var(--cp-leading-relaxed);color:var(--cp-text-primary);background-color:var(--cp-bg-primary)}img{max-width:100%;height:auto;display:block}a{color:var(--cp-primary-500);text-decoration:none;transition:color var(--cp-transition-fast)}a:hover{color:var(--cp-primary-600)}h1,h2,h3,h4,h5,h6{font-family:var(--cp-font-display);font-weight:var(--cp-font-bold);line-height:1.15;color:var(--cp-text-primary);letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}section{padding:var(--cp-space-20) 0}@media(max-width:1024px){section{padding:4rem 0}}@media(max-width:768px){section{padding:3rem 0}}:root.dark{--cp-text-primary: #fafafa;--cp-text-secondary: #a1a1aa;--cp-bg-primary: #09090b;--cp-bg-secondary: #18181b;--primary-lighter: var(--cp-primary-900);--primary-dark: var(--cp-primary-300);--primary-light: var(--cp-primary-700);--primary-subtle: var(--cp-primary-900);--bg-gray: var(--cp-neutral-700);--text-light: var(--cp-neutral-400)}.toast-container[data-v-6efe60a0]{position:fixed;top:var(--cp-space-4);right:var(--cp-space-4);z-index:calc(var(--cp-z-modal) + 100);display:flex;flex-direction:column;gap:var(--cp-space-3);max-width:400px;width:100%;pointer-events:none}.toast[data-v-6efe60a0]{display:flex;align-items:center;gap:var(--cp-space-3);padding:var(--cp-space-3) var(--cp-space-4);background:var(--cp-card-bg);border-radius:var(--cp-radius-lg);box-shadow:var(--cp-shadow-lg);border:1px solid var(--cp-neutral-200);pointer-events:auto}.toast-success[data-v-6efe60a0]{border-left:4px solid var(--cp-success-500)}.toast-error[data-v-6efe60a0]{border-left:4px solid var(--cp-error-400);background:color-mix(in srgb,var(--cp-error-50) 40%,var(--cp-card-bg))}.toast-warning[data-v-6efe60a0]{border-left:4px solid var(--cp-warning-500)}.toast-info[data-v-6efe60a0]{border-left:4px solid var(--cp-info-500)}.toast-icon[data-v-6efe60a0]{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon[data-v-6efe60a0]{color:var(--cp-success-600)}.toast-error .toast-icon[data-v-6efe60a0]{color:var(--cp-error-500)}.toast-warning .toast-icon[data-v-6efe60a0]{color:var(--cp-warning-600)}.toast-info .toast-icon[data-v-6efe60a0]{color:var(--cp-info-600)}.toast-message[data-v-6efe60a0]{flex:1;font-size:var(--cp-text-sm);font-weight:var(--cp-font-medium);color:var(--cp-text-primary);line-height:var(--cp-leading-snug)}.toast-close[data-v-6efe60a0]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--cp-neutral-400);cursor:pointer;border-radius:var(--cp-radius-sm);transition:var(--cp-transition-fast)}.toast-close[data-v-6efe60a0]:hover{background:var(--cp-neutral-100);color:var(--cp-neutral-600)}.toast-enter-active[data-v-6efe60a0]{transition:all .3s ease-out}.toast-leave-active[data-v-6efe60a0]{transition:all .2s ease-in}.toast-enter-from[data-v-6efe60a0],.toast-leave-to[data-v-6efe60a0]{opacity:0;transform:translate(100%)}.toast-move[data-v-6efe60a0]{transition:transform .3s ease}@media(max-width:480px){.toast-container[data-v-6efe60a0]{left:var(--cp-space-4);right:var(--cp-space-4);max-width:none}}