.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root{--neu-primary: #007aff;--neu-primary-dark: #005fcc;--neu-primary-light: #339dff;--neu-primary-50: #eff6ff;--neu-primary-100: #dbeafe;--neu-primary-fg: #ffffff;--neu-secondary: #10b981;--neu-secondary-dark: #059669;--neu-secondary-fg: #ffffff;--neu-accent: #5ac8fa;--neu-bg: #f8fafc;--neu-surface: #ffffff;--neu-surface-2: #f1f5f9;--neu-surface-3: #e2e8f0;--neu-border: rgba(15, 23, 42, .08);--neu-border-hover: rgba(15, 23, 42, .16);--neu-border-focus: var(--neu-primary);--neu-text: #0f172a;--neu-text-muted: #64748b;--neu-text-disabled: #94a3b8;--neu-text-inverse: #ffffff;--neu-knob-display-color: var(--neu-text);--neu-knob-label-color: var(--neu-text-muted);--neu-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--neu-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--neu-text-xs: .75rem;--neu-text-sm: .875rem;--neu-text-base: 1rem;--neu-text-lg: 1.125rem;--neu-text-xl: 1.25rem;--neu-text-2xl: 1.5rem;--neu-text-3xl: 1.875rem;--neu-text-4xl: 2.25rem;--neu-success: #10b981;--neu-success-bg: #d1fae5;--neu-success-text: #065f46;--neu-warning: #f59e0b;--neu-warning-bg: #fef3c7;--neu-warning-text: #92400e;--neu-error: #ef4444;--neu-error-bg: #fee2e2;--neu-error-text: #991b1b;--neu-info: #007aff;--neu-info-bg: #eff6ff;--neu-info-text: #1d4ed8;--neu-radius-xs: 2px;--neu-radius-sm: 6px;--neu-radius: 8px;--neu-radius-lg: 12px;--neu-radius-xl: 16px;--neu-radius-2xl: 24px;--neu-radius-full: 9999px;--neu-space-1: .25rem;--neu-space-2: .5rem;--neu-space-3: .75rem;--neu-space-4: 1rem;--neu-space-5: 1.25rem;--neu-space-6: 1.5rem;--neu-space-8: 2rem;--neu-space-10: 2.5rem;--neu-space-12: 3rem;--neu-space-16: 4rem;--neu-transition: .2s ease;--neu-transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--neu-transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--neu-header-height: 64px;--neu-sidebar-width: 260px;--neu-sidebar-bg: var(--neu-surface);--neu-z-base: 1;--neu-z-dropdown: 50;--neu-z-sticky: 80;--neu-z-overlay: 99;--neu-z-sidebar: 100;--neu-z-modal: 200;--neu-z-toast: 300;--neu-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--neu-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--neu-shadow: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--neu-shadow-lg: 0 10px 30px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .04);--neu-shadow-glow: 0 0 20px rgba(0, 122, 255, .2);--neu-focus-ring: 0 0 0 3px rgba(0, 122, 255, .15);--neu-focus-ring-strong: 0 0 0 3px rgba(0, 122, 255, .35)}@supports (color: color-mix(in srgb,red,blue)){:root{--neu-focus-ring: 0 0 0 3px color-mix(in srgb, var(--neu-primary) 25%, transparent);--neu-focus-ring-strong: 0 0 0 3px color-mix(in srgb, var(--neu-primary) 50%, transparent)}}:root{--neu-icon-size: 1.25rem;--neu-icon-size-sm: 1rem;--neu-icon-size-lg: 1.5rem;--neu-tooltip-bg: #0f172a;--neu-tooltip-fg: #ffffff;--neu-tooltip-radius: 6px;--neu-tooltip-shadow: 0 4px 12px rgba(15, 23, 42, .24);--neu-toast-bg: var(--neu-surface);--neu-toast-radius: 10px;--neu-toast-shadow: 0 8px 24px rgba(15, 23, 42, .12), 0 2px 6px rgba(15, 23, 42, .06);--neu-table-density-compact-padding: .375rem .625rem;--neu-table-density-relaxed-padding: 1.125rem 1.25rem;--neu-alert-info-bg: var(--neu-info-bg);--neu-alert-info-text: var(--neu-info-text);--neu-alert-info-border: rgba(0, 122, 255, .2);--neu-alert-success-bg: var(--neu-success-bg);--neu-alert-success-text: var(--neu-success-text);--neu-alert-success-border: rgba(16, 185, 129, .2);--neu-alert-warning-bg: var(--neu-warning-bg);--neu-alert-warning-text: var(--neu-warning-text);--neu-alert-warning-border: rgba(245, 158, 11, .2);--neu-alert-danger-bg: var(--neu-error-bg);--neu-alert-danger-text: var(--neu-error-text);--neu-alert-danger-border: rgba(239, 68, 68, .2);--neu-popover-bg: var(--neu-surface);--neu-popover-border: var(--neu-border);--neu-popover-shadow: var(--neu-shadow-lg);--neu-popover-radius: var(--neu-radius-lg);--neu-context-menu-bg: var(--neu-surface);--neu-context-menu-shadow: var(--neu-shadow-lg);--neu-context-menu-hover: var(--neu-surface-2);--neu-context-menu-radius: var(--neu-radius);--neu-meter-track-bg: var(--neu-surface-3);--neu-meter-radius: var(--neu-radius-full);--neu-splitter-handle-bg: var(--neu-surface-3);--neu-knob-track: var(--neu-surface-3);--neu-color-picker-bg: var(--neu-surface);--neu-color-picker-shadow: var(--neu-shadow-lg);--neu-cmd-bg: var(--neu-surface);--neu-cmd-highlight: var(--neu-primary-50);--neu-cmd-shadow: var(--neu-shadow-lg);--neu-cmd-radius: var(--neu-radius-xl);--neu-otp-cell-size: 2.75rem;--neu-otp-cell-radius: var(--neu-radius);--neu-otp-cell-border: var(--neu-border);--neu-otp-cell-focus-border: var(--neu-primary);--neu-number-input-btn-size: 2rem;--neu-block-ui-bg: rgba(255, 255, 255, .6);--neu-block-ui-radius: var(--neu-radius-lg);--neu-notification-unread-bg: rgba(0, 122, 255, .08);--neu-overlay-bg: rgba(15, 23, 42, .45);--neu-overlay-bg-soft: rgba(15, 23, 42, .35);--neu-table-badge-success-bg: rgba(16, 185, 129, .12);--neu-table-badge-success-text: #059669;--neu-table-badge-warning-bg: rgba(245, 158, 11, .12);--neu-table-badge-warning-text: #d97706;--neu-table-badge-danger-bg: rgba(239, 68, 68, .12);--neu-table-badge-danger-text: #dc2626;--neu-alert-dismiss-hover-bg: rgb(0 0 0 / 8%);--neu-split-button-primary-divider: rgba(255, 255, 255, .25);--neu-image-viewer-bg: rgb(0 0 0 / .9);--neu-image-viewer-muted: rgb(255 255 255 / .7);--neu-image-viewer-btn-hover: rgb(255 255 255 / .15);--neu-image-viewer-caption: rgb(255 255 255 / .65);--neu-image-viewer-arrow-bg: rgb(255 255 255 / .12);--neu-image-viewer-arrow-hover: rgb(255 255 255 / .25);--neu-code-block-bg: #1a1b26;--neu-code-block-bar-bg: #16161e;--neu-code-block-border: rgba(255, 255, 255, .06);--neu-code-block-text: #cdd6f4;--neu-code-block-accent: #7aa2f7;--neu-code-block-muted: #565f89;--neu-code-block-copy-text: #a9b1d6;--neu-code-block-copy-hover-text: #c0caf5;--neu-code-block-copy-border: rgba(255, 255, 255, .1);--neu-code-block-copy-hover-bg: rgba(255, 255, 255, .1);--neu-code-block-copy-hover-border: rgba(255, 255, 255, .2)}[data-theme=dark]{--neu-primary-50: rgba(0, 122, 255, .12);--neu-primary-100: rgba(0, 122, 255, .2);--neu-bg: #0d1117;--neu-surface: #161b22;--neu-surface-2: #21262d;--neu-surface-3: #30363d;--neu-border: rgba(255, 255, 255, .08);--neu-border-hover: rgba(255, 255, 255, .16);--neu-text: #e6edf3;--neu-text-muted: #8b949e;--neu-text-disabled: #484f58;--neu-knob-display-color: #f8fafc;--neu-knob-label-color: #8b949e;--neu-success-bg: rgba(16, 185, 129, .15);--neu-success-text: #6ee7b7;--neu-warning-bg: rgba(245, 158, 11, .15);--neu-warning-text: #fcd34d;--neu-error-bg: rgba(239, 68, 68, .15);--neu-error-text: #fca5a5;--neu-info-bg: rgba(0, 122, 255, .15);--neu-info-text: #93c5fd;--neu-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--neu-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--neu-shadow: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--neu-shadow-lg: 0 10px 30px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--neu-shadow-glow: 0 0 20px rgba(0, 122, 255, .35);--neu-tooltip-bg: #e6edf3;--neu-tooltip-fg: #0d1117;--neu-tooltip-shadow: 0 4px 12px rgba(0, 0, 0, .5);--neu-toast-shadow: 0 8px 24px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .3);--neu-alert-info-bg: rgba(0, 122, 255, .15);--neu-alert-info-text: #93c5fd;--neu-alert-info-border: rgba(0, 122, 255, .3);--neu-alert-success-bg: rgba(16, 185, 129, .15);--neu-alert-success-text: #6ee7b7;--neu-alert-success-border: rgba(16, 185, 129, .3);--neu-alert-warning-bg: rgba(245, 158, 11, .15);--neu-alert-warning-text: #fcd34d;--neu-alert-warning-border: rgba(245, 158, 11, .3);--neu-alert-danger-bg: rgba(239, 68, 68, .15);--neu-alert-danger-text: #fca5a5;--neu-alert-danger-border: rgba(239, 68, 68, .3);--neu-block-ui-bg: rgba(13, 17, 23, .7);--neu-notification-unread-bg: rgba(0, 122, 255, .18);--neu-cmd-highlight: rgba(0, 122, 255, .15);--neu-overlay-bg: rgba(0, 0, 0, .65);--neu-overlay-bg-soft: rgba(0, 0, 0, .5);--neu-table-badge-success-bg: rgba(16, 185, 129, .18);--neu-table-badge-success-text: #6ee7b7;--neu-table-badge-warning-bg: rgba(245, 158, 11, .18);--neu-table-badge-warning-text: #fcd34d;--neu-table-badge-danger-bg: rgba(239, 68, 68, .18);--neu-table-badge-danger-text: #fca5a5;--neu-alert-dismiss-hover-bg: rgb(255 255 255 / 12%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--neu-font-sans);background-color:var(--neu-bg);color:var(--neu-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-x:clip}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}a{color:var(--neu-primary);text-decoration:none}code,kbd,pre,samp{font-family:var(--neu-font-mono)}:focus-visible{outline:2px solid var(--neu-primary);outline-offset:2px;border-radius:var(--neu-radius-xs)}*{scrollbar-width:thin;scrollbar-color:var(--neu-surface-3) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neu-surface-3);border-radius:var(--neu-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neu-text-disabled)}::selection{background:#007aff26;color:var(--neu-text)}.demo-page{max-width:960px;margin:0 auto;padding:var(--neu-space-8) var(--neu-space-5);display:flex;flex-direction:column;gap:var(--neu-space-10)}@media(max-width:480px){.demo-page{padding:var(--neu-space-5) var(--neu-space-4);gap:var(--neu-space-8)}}.demo-hero{display:flex;flex-direction:column;gap:var(--neu-space-3);padding-bottom:var(--neu-space-8);border-bottom:1px solid var(--neu-border)}.demo-hero .neu-badge.neu-badge--info{background:transparent;border:1.5px solid var(--neu-primary);color:var(--neu-primary);font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:var(--neu-radius-full);box-shadow:none;align-self:flex-start}.demo-hero__title{font-size:clamp(var(--neu-text-2xl),5vw,var(--neu-text-4xl));font-weight:800;letter-spacing:-.04em;line-height:1.1;padding-bottom:.1em;background:linear-gradient(135deg,var(--neu-text) 30%,var(--neu-primary) 100%)}@supports (color: color-mix(in srgb,red,blue)){.demo-hero__title{background:linear-gradient(135deg,var(--neu-text) 30%,color-mix(in srgb,var(--neu-text) 70%,var(--neu-primary) 30%) 100%)}}.demo-hero__title{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-hero__desc{font-size:var(--neu-text-lg);color:var(--neu-text-muted);max-width:560px;line-height:1.6}.demo-section{display:flex;flex-direction:column;gap:var(--neu-space-4)}.demo-section__title{font-size:var(--neu-text-xl);font-weight:700;letter-spacing:-.02em;color:var(--neu-text)}.demo-section__subtitle{font-size:var(--neu-text-base);font-weight:600;color:var(--neu-text-muted);margin-top:var(--neu-space-4);margin-bottom:0}.demo-section__desc{font-size:var(--neu-text-sm);color:var(--neu-text-muted);line-height:1.7}.demo-preview{border:1px solid var(--neu-border);border-radius:var(--neu-radius-lg);overflow:visible}.demo-preview--tabs .demo-preview__canvas{border-radius:var(--neu-radius-lg)}.demo-preview--tabs .demo-configurator{border-radius:var(--neu-radius-lg);overflow:visible}.demo-preview--flush{border:none}.demo-preview--flush .demo-preview__canvas,.demo-preview--flush .demo-configurator__preview{border-radius:0 0 var(--neu-radius-lg) var(--neu-radius-lg);overflow:visible}.demo-preview .demo-configurator__preview--borderless .neu-table-container{border:none;border-radius:0;box-shadow:none}.demo-preview__canvas{padding:var(--neu-space-8) var(--neu-space-6);background:var(--neu-surface);display:flex;flex-direction:column;gap:var(--neu-space-6)}@media(max-width:480px){.demo-preview__canvas{padding:var(--neu-space-5) var(--neu-space-4)}}.demo-preview__canvas--flex{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:var(--neu-space-3)}.demo-preview__canvas--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--neu-space-4)}.demo-preview__canvas--center{align-items:center;justify-content:center;min-height:200px}.demo-preview__code{margin-top:var(--neu-space-4);margin-bottom:var(--neu-space-4);border-radius:var(--neu-radius-lg);overflow:hidden}.demo-preview__code .neu-code-block{border-radius:var(--neu-radius-lg)}.demo-configurator{display:grid;grid-template-columns:1fr 280px;gap:0;position:relative;overflow:visible;min-width:0}@media(max-width:1200px){.demo-configurator{grid-template-columns:1fr!important}}.demo-configurator__preview{display:flex;align-items:center;justify-content:center;padding:var(--neu-space-8);background:var(--neu-surface);min-height:180px;position:relative;overflow:visible;z-index:1}@media(max-width:768px){.demo-configurator__preview{min-height:140px;padding:var(--neu-space-5)}}.demo-configurator__controls{background:var(--neu-surface);border-left:1px solid var(--neu-border);padding:var(--neu-space-5);display:flex;flex-direction:column;gap:var(--neu-space-4);position:relative;overflow:visible;z-index:2;min-width:280px}@media(max-width:1200px){.demo-configurator__controls{border-left:none;border-top:1px solid var(--neu-border);display:grid;grid-template-columns:1fr;gap:var(--neu-space-3);padding:var(--neu-space-4);min-width:0}}.demo-configurator__controls-title{font-size:var(--neu-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--neu-text-disabled)}@media(max-width:1200px){.demo-configurator__controls-title{grid-column:1/-1}}.demo-configurator__snippet{margin-top:var(--neu-space-4);border-radius:var(--neu-radius-lg);overflow:hidden}.demo-configurator__snippet .neu-code-block{border-radius:var(--neu-radius-lg)}.demo-configurator__control-row{display:flex;align-items:center;justify-content:space-between;gap:var(--neu-space-2);position:relative;overflow:visible;min-width:0}.demo-configurator__control-row label{font-size:var(--neu-text-sm);font-weight:500;color:var(--neu-text-muted);cursor:pointer}.demo-configurator__control-row>:is(neu-input,neu-select,neu-multiselect,neu-date-input,neu-textarea,.neu-input-host){min-width:0}@media(max-width:1200px){.demo-configurator__control-row{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px}.demo-configurator__control-row label{font-size:var(--neu-text-xs);font-weight:600}.demo-configurator__control-row>:is(neu-input,neu-select,neu-multiselect,neu-date-input,neu-textarea,.neu-input-host){width:100%!important;max-width:none!important}}@supports selector(:has(*)){.demo-configurator__preview:has(.neu-select--open,.neu-multiselect--open,.neu-autocomplete--open,.neu-date-input--open,.neu-cp--open,.neu-sidebar--open,.neu-sidebar__overlay--visible,.neu-drp--open){z-index:9}.demo-configurator__control-row:has(.neu-select--open,.neu-multiselect--open,.neu-autocomplete--open,.neu-date-input--open,.neu-cp--open,.neu-sidebar--open,.neu-sidebar__overlay--visible,.neu-drp--open){z-index:8}}.demo-configurator__preview--color-picker{align-items:flex-start;justify-content:center;min-height:420px}@media(max-width:768px){.demo-configurator__preview--color-picker{min-height:360px}}.demo-configurator__preview--sidebar{min-height:520px}.demo-toggle{position:relative;display:inline-flex;width:36px;height:20px;cursor:pointer;flex-shrink:0}.demo-toggle:before{content:"";position:absolute;inset:-12px}.demo-toggle input{opacity:0;width:0;height:0;position:absolute}.demo-toggle__track{display:block;width:100%;height:100%;background:var(--neu-surface-3);border-radius:var(--neu-radius-full);transition:background-color var(--neu-transition)}.demo-toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:var(--neu-shadow-xs);transition:transform var(--neu-transition)}.demo-toggle input:checked~.demo-toggle__track{background:var(--neu-primary)}.demo-toggle input:checked~.demo-toggle__track:after{transform:translate(16px)}.demo-toggle input:focus-visible~.demo-toggle__track{outline:2px solid var(--neu-primary);outline-offset:2px;border-radius:var(--neu-radius-full)}.demo-select{min-height:48px;padding:0 var(--neu-space-3);border:1.5px solid var(--neu-border);border-radius:var(--neu-radius);background:var(--neu-surface);font-family:var(--neu-font-sans);font-size:var(--neu-text-base);color:var(--neu-text);outline:none;box-sizing:border-box;transition:border-color var(--neu-transition),box-shadow var(--neu-transition),background-color var(--neu-transition)}.demo-select:hover{border-color:var(--neu-border-hover)}.demo-select:focus,.demo-select:focus-visible{border-color:var(--neu-primary);box-shadow:var(--neu-focus-ring, 0 0 0 3px rgba(14, 165, 233, .2))}.demo-select:disabled{background:var(--neu-surface-2);color:var(--neu-text-disabled);cursor:not-allowed}@media(max-width:600px){.demo-select{width:100%!important;min-height:40px;font-size:var(--neu-text-sm)}}select.demo-select{width:100%;padding-right:36px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 7 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}input.demo-select{width:100%;cursor:text}.demo-input{padding:4px 8px;border:1px solid var(--neu-border);border-radius:var(--neu-radius-sm);background:var(--neu-surface);font-family:var(--neu-font-sans);font-size:var(--neu-text-xs);color:var(--neu-text);outline:none;width:100%;box-sizing:border-box}.demo-input:focus{border-color:var(--neu-primary)}@media(max-width:600px){.demo-input{min-height:40px;font-size:var(--neu-text-sm);padding:6px 10px}}.demo-section__subtitle,.demo-api-section-title{font-size:var(--neu-text-sm);font-weight:600;color:var(--neu-text-muted);margin:2rem 0 .75rem;line-height:1.5;letter-spacing:-.01em}.demo-section__subtitle:first-child,.demo-api-section-title:first-child{margin-top:0}.demo-section__subtitle code,.demo-api-section-title code{background:var(--neu-surface-2);padding:2px 6px;border-radius:var(--neu-radius-xs);font-family:var(--neu-font-mono);color:var(--neu-primary)}.demo-api-table-wrapper{overflow-x:auto;border:1px solid var(--neu-border);border-radius:var(--neu-radius-lg)}.demo-api-table-wrapper+.demo-api-table-wrapper{margin-top:var(--neu-space-6)}.demo-api-table{width:100%;border-collapse:collapse;font-size:var(--neu-text-sm)}.demo-api-table th,.demo-api-table td{padding:var(--neu-space-3) var(--neu-space-4);text-align:left;border-bottom:1px solid var(--neu-border)}.demo-api-table th{background:var(--neu-surface-2);font-weight:600;font-size:var(--neu-text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--neu-text-muted)}.demo-api-table tr:last-child td{border-bottom:none}.demo-api-table tr:hover td{background:var(--neu-surface-2)}.demo-api-table code{padding:2px 6px;background:var(--neu-surface-2);border-radius:var(--neu-radius-sm);font-size:12px;color:var(--neu-primary);white-space:nowrap}.demo-preview__canvas{counter-reset:demo-section-counter}.demo-preview__canvas>div{counter-increment:demo-section-counter}.demo-section-label{display:flex;align-items:center;gap:10px;margin:0 0 14px}.demo-section-label:before{content:counter(demo-section-counter);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:var(--neu-radius-full);border:1.5px solid var(--neu-primary);background:transparent;font-size:.625rem;font-weight:700;letter-spacing:.04em;background:linear-gradient(135deg,var(--neu-text) 20%,var(--neu-primary) 100%)}@supports (color: color-mix(in srgb,red,blue)){.demo-section-label:before{background:linear-gradient(135deg,var(--neu-text) 20%,color-mix(in srgb,var(--neu-text) 60%,var(--neu-primary) 40%) 100%)}}.demo-section-label:before{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-section-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,var(--neu-text) 30%,var(--neu-primary) 100%)}@supports (color: color-mix(in srgb,red,blue)){.demo-section-label{background:linear-gradient(135deg,var(--neu-text) 30%,color-mix(in srgb,var(--neu-text) 70%,var(--neu-primary) 30%) 100%)}}.demo-section-label{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neu-input-host{display:block}html[data-theme=dark] .app-header{border-bottom-color:#fff}html[data-theme=dark] .home__stat{border-color:var(--neu-primary)}html[data-theme=dark] .home__stat-label{color:var(--neu-text)}html[data-theme=dark] .home__card .neu-card{border-color:var(--neu-primary)}html[data-theme=dark] .home__tech-tab{border-color:var(--neu-primary);color:var(--neu-text)}html[data-theme=dark] .home__features{border-top-color:var(--neu-primary)}html[data-theme=dark] .home__subtitle,html[data-theme=dark] .home__card-desc,html[data-theme=dark] .home__feature p,html[data-theme=dark] .app-nav__link,html[data-theme=dark] .app-nav__link-icon{color:var(--neu-text)}html[data-theme=dark] .app-nav__group-label,html[data-theme=dark] .app-nav__group-chevron{color:#ffffffe6;font-weight:800}html[data-theme=dark] .app-header__lang-btn,html[data-theme=dark] .app-header__theme-btn,html[data-theme=dark] .app-header__gh-link{color:#ffffffb3;border-color:#ffffff4d}html[data-theme=dark] .neu-code-block__code,html[data-theme=dark] .neu-tabs__tab{color:#fff}.install-step{display:flex;flex-direction:column;gap:1rem}.install-step+.install-step{margin-top:2rem}.install-step__header{display:flex;align-items:flex-start;gap:1rem}.install-step__num{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--neu-primary);color:#fff;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;margin-top:2px}.install-step__title{font-size:1.125rem;font-weight:700;color:var(--neu-text);margin:0 0 .25rem;letter-spacing:-.01em}.install-step__desc{font-size:.9375rem;color:var(--neu-text-muted);margin:0;line-height:1.6}.install-note{display:inline-flex;align-items:flex-start;gap:.5rem;padding:.625rem .875rem;background:var(--neu-info-bg);border:1px solid rgba(14,165,233,.2)}@supports (color: color-mix(in srgb,red,blue)){.install-note{border-color:color-mix(in srgb,var(--neu-info, #0ea5e9) 20%,transparent)}}.install-note{border-radius:var(--neu-radius);font-size:.8125rem;color:var(--neu-info-text);line-height:1.5}.install-note neu-icon{flex-shrink:0;margin-top:1px;color:var(--neu-info, #0ea5e9)}.install-note--warning{background:var(--neu-warning-bg);border-color:#f59e0b73}@supports (color: color-mix(in srgb,red,blue)){.install-note--warning{border-color:color-mix(in srgb,var(--neu-warning, #f59e0b) 45%,transparent)}}.install-note--warning{color:var(--neu-warning-text)}.install-note--warning neu-icon{color:var(--neu-warning, #d97706)}