@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--nil-primitive-color-neutral-0: #0a0a0a;--nil-primitive-color-neutral-100: #1c1c1c;--nil-primitive-color-neutral-300: #4a4a4a;--nil-primitive-color-neutral-500: #8a8a8a;--nil-primitive-color-neutral-700: #eae9e5;--nil-primitive-color-neutral-900: #f3f2ee;--nil-primitive-color-accent: #3b6ef5;--nil-primitive-color-accent-contrast: #ffffff;--nil-primitive-color-danger: #c62832;--nil-primitive-color-success: #22a06b;--nil-primitive-color-overlay: rgba(10, 10, 10, .92);--nil-primitive-color-overlay-fg: #f5f5f4;--nil-primitive-color-overlay-border: rgba(245, 245, 244, .4);--nil-primitive-color-grid-line: rgba(128, 128, 128, .12);--nil-primitive-color-shadow-stack: #0a0a0a;--nil-primitive-spacing-xs: 4px;--nil-primitive-spacing-sm: 8px;--nil-primitive-spacing-md: 16px;--nil-primitive-spacing-lg: 24px;--nil-primitive-spacing-xl: 32px;--nil-primitive-spacing-2xl: 64px;--nil-primitive-radius-none: 0px;--nil-primitive-radius-sm: 4px;--nil-primitive-radius-md: 8px;--nil-primitive-radius-lg: 16px;--nil-primitive-radius-xl: 32px;--nil-primitive-radius-full: 999px;--nil-primitive-border-width: 1.5px;--nil-primitive-border-width-thick: 2px;--nil-primitive-motion-duration-fast: .12s;--nil-primitive-motion-duration-base: .2s;--nil-primitive-motion-duration-slow: .36s;--nil-primitive-motion-duration-enter: .65s;--nil-primitive-motion-duration-blink: 1.1s;--nil-primitive-motion-duration-instant: 1ms;--nil-primitive-motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--nil-primitive-motion-easing-out-expo: cubic-bezier(.16, 1, .3, 1);--nil-primitive-motion-easing-step: step-end;--nil-primitive-type-font-body: "IBM Plex Sans", system-ui, sans-serif;--nil-primitive-type-font-mono: "IBM Plex Mono", ui-monospace, monospace;--nil-primitive-type-font-display: "IBM Plex Mono", ui-monospace, monospace;--nil-primitive-type-scale-xs: .75rem;--nil-primitive-type-scale-sm: .875rem;--nil-primitive-type-scale-base: 1rem;--nil-primitive-type-scale-lg: 1.25rem;--nil-primitive-type-scale-xl: 1.75rem;--nil-primitive-type-scale-2xl: 2.5rem;--nil-primitive-type-scale-3xl: 3.5rem;--nil-primitive-type-weight-mono: 400;--nil-primitive-type-weight-mono-emphasis: 500;--nil-primitive-size-dial-sm: 64px;--nil-primitive-size-dial-md: 120px;--nil-primitive-size-dial-lg: 180px;--nil-primitive-size-dial-xl: 240px;--nil-primitive-size-ring-sm: 48px;--nil-primitive-size-ring-md: 72px;--nil-primitive-layout-page-x: 80px;--nil-primitive-layout-section-y: 120px;--nil-primitive-layout-max-width: 1440px;--nil-primitive-layout-columns: 12;--nil-primitive-layout-gutter: 24px;--nil-primitive-breakpoint-md: 768px;--nil-primitive-breakpoint-lg: 1024px}:root{--nil-spacing-xs: var(--nil-primitive-spacing-xs);--nil-spacing-sm: var(--nil-primitive-spacing-sm);--nil-spacing-md: var(--nil-primitive-spacing-md);--nil-spacing-lg: var(--nil-primitive-spacing-lg);--nil-spacing-xl: var(--nil-primitive-spacing-xl);--nil-spacing-2xl: var(--nil-primitive-spacing-2xl);--nil-radius-none: var(--nil-primitive-radius-none);--nil-radius-default: var(--nil-primitive-radius-sm);--nil-radius-sm: var(--nil-primitive-radius-sm);--nil-radius-md: var(--nil-primitive-radius-md);--nil-radius-lg: var(--nil-primitive-radius-lg);--nil-radius-xl: var(--nil-primitive-radius-xl);--nil-radius-full: var(--nil-primitive-radius-full);--nil-border-width: var(--nil-primitive-border-width);--nil-border-width-thick: var(--nil-primitive-border-width-thick);--nil-motion-duration-fast: var(--nil-primitive-motion-duration-fast);--nil-motion-duration-base: var(--nil-primitive-motion-duration-base);--nil-motion-duration-slow: var(--nil-primitive-motion-duration-slow);--nil-motion-duration-enter: var(--nil-primitive-motion-duration-enter);--nil-motion-duration-blink: var(--nil-primitive-motion-duration-blink);--nil-motion-easing-standard: var(--nil-primitive-motion-easing-standard);--nil-motion-easing-out-expo: var(--nil-primitive-motion-easing-out-expo);--nil-motion-easing-step: var(--nil-primitive-motion-easing-step);--nil-color-overlay: var(--nil-primitive-color-overlay);--nil-color-overlay-fg: var(--nil-primitive-color-overlay-fg);--nil-color-overlay-border: var(--nil-primitive-color-overlay-border);--nil-color-grid-line: var(--nil-primitive-color-grid-line);--nil-color-shadow-stack: var(--nil-primitive-color-shadow-stack);--nil-font-body: var(--nil-primitive-type-font-body);--nil-font-mono: var(--nil-primitive-type-font-mono);--nil-font-display: var(--nil-primitive-type-font-display);--nil-type-scale-xs: var(--nil-primitive-type-scale-xs);--nil-type-scale-sm: var(--nil-primitive-type-scale-sm);--nil-type-scale-base: var(--nil-primitive-type-scale-base);--nil-type-scale-lg: var(--nil-primitive-type-scale-lg);--nil-type-scale-xl: var(--nil-primitive-type-scale-xl);--nil-type-scale-2xl: var(--nil-primitive-type-scale-2xl);--nil-type-scale-3xl: var(--nil-primitive-type-scale-3xl);--nil-type-weight-mono: var(--nil-primitive-type-weight-mono);--nil-type-weight-mono-emphasis: var(--nil-primitive-type-weight-mono-emphasis);--nil-size-dial-sm: var(--nil-primitive-size-dial-sm);--nil-size-dial-md: var(--nil-primitive-size-dial-md);--nil-size-dial-lg: var(--nil-primitive-size-dial-lg);--nil-size-dial-xl: var(--nil-primitive-size-dial-xl);--nil-size-ring-sm: var(--nil-primitive-size-ring-sm);--nil-size-ring-md: var(--nil-primitive-size-ring-md);--nil-layout-page-x: var(--nil-primitive-layout-page-x);--nil-layout-section-y: var(--nil-primitive-layout-section-y);--nil-layout-max-width: var(--nil-primitive-layout-max-width);--nil-layout-columns: var(--nil-primitive-layout-columns);--nil-layout-gutter: var(--nil-primitive-layout-gutter);--nil-breakpoint-md: var(--nil-primitive-breakpoint-md);--nil-breakpoint-lg: var(--nil-primitive-breakpoint-lg)}:root{--nil-color-bg: #f3f2ee;--nil-color-surface: #eae9e5;--nil-color-text: #0a0a0a;--nil-color-text-muted: #4a4a4a;--nil-color-border: #0a0a0a;--nil-color-accent: #3b6ef5;--nil-color-accent-contrast: #ffffff;--nil-color-danger: #c62832;--nil-color-success: #22a06b}[data-theme=dark]{--nil-color-bg: #0a0a0a;--nil-color-surface: #1c1c1c;--nil-color-text: #f3f2ee;--nil-color-text-muted: #8a8a8a;--nil-color-border: #eae9e5;--nil-color-accent: #3b6ef5;--nil-color-accent-contrast: #ffffff;--nil-color-danger: #c62832;--nil-color-success: #22a06b}@media (prefers-reduced-motion: reduce){:root{--nil-motion-duration-fast: var(--nil-primitive-motion-duration-instant);--nil-motion-duration-base: var(--nil-primitive-motion-duration-instant);--nil-motion-duration-slow: var(--nil-primitive-motion-duration-instant);--nil-motion-duration-enter: var(--nil-primitive-motion-duration-instant);--nil-motion-duration-blink: var(--nil-primitive-motion-duration-instant)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}body{background-color:var(--nil-color-bg);color:var(--nil-color-text);font-family:var(--nil-font-body);font-size:var(--nil-type-scale-base);line-height:1.5;transition:background-color var(--nil-motion-duration-fast) var(--nil-motion-easing-standard),color var(--nil-motion-duration-fast) var(--nil-motion-easing-standard);overflow-x:clip;max-width:100%}[data-theme=light],[data-theme=dark]{color:var(--nil-color-text);background-color:var(--nil-color-bg)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}img,video,canvas,svg{max-width:100%}code,pre,.nil-mono{font-family:var(--nil-font-mono)}.nil-container{width:100%;max-width:min(100%,var(--nil-layout-max-width));margin-inline:auto;padding-inline:var(--nil-layout-page-x);box-sizing:border-box;min-width:0}.nil-section-y{padding-block:var(--nil-layout-section-y)}.nil-grid{display:grid;grid-template-columns:repeat(var(--nil-layout-columns),minmax(0,1fr));gap:var(--nil-layout-gutter)}.nil-full-bleed{width:100%;margin-inline:calc(-1 * var(--nil-layout-page-x));max-width:none}@media (max-width: 1024px){.nil-container{padding-inline:var(--nil-spacing-xl)}.nil-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nil-full-bleed{margin-inline:calc(-1 * var(--nil-spacing-xl))}}@media (max-width: 767px){.nil-container{padding-inline:var(--nil-spacing-md)}.nil-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nil-section-y{padding-block:var(--nil-spacing-2xl)}.nil-full-bleed{margin-inline:calc(-1 * var(--nil-spacing-md))}}.nil-bracket{font-size:1.12em;line-height:1}.nil-grid-bg{background-image:linear-gradient(to right,var(--nil-color-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--nil-color-grid-line) 1px,transparent 1px);background-size:var(--nil-spacing-lg) var(--nil-spacing-lg)}@keyframes nil-blink{0%,to{opacity:1}50%{opacity:0}}.nil-cursor-blink{animation:nil-blink var(--nil-motion-duration-blink) var(--nil-motion-easing-step) infinite;margin-left:1px}.nil-enter{opacity:0;transform:translateY(20px);transition:opacity var(--nil-motion-duration-enter) var(--nil-motion-easing-out-expo) var(--nil-anim-delay, 0ms),transform var(--nil-motion-duration-enter) var(--nil-motion-easing-out-expo) var(--nil-anim-delay, 0ms)}.nil-enter.is-visible{opacity:1;transform:translateY(0)}.nil-enter-fade{opacity:0;transition:opacity var(--nil-motion-duration-enter) var(--nil-motion-easing-standard) var(--nil-anim-delay, 0ms)}.nil-enter-fade.is-visible{opacity:1}@keyframes nil-lightbox-fade-in{0%{opacity:0}to{opacity:1}}.nil-lightbox-backdrop{animation:nil-lightbox-fade-in var(--nil-motion-duration-base) var(--nil-motion-easing-out-expo) both}.nil-component-grid{display:grid;grid-template-columns:repeat(var(--nil-grid-columns, 3),minmax(0,1fr));color:var(--nil-color-text)}@media (max-width: 767px){.nil-component-grid{grid-template-columns:1fr}}.nil-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:baseline;justify-content:center;gap:.35em;line-height:1.45;border-style:solid;border-radius:var(--nil-radius-default);cursor:pointer;font-family:var(--nil-font-mono);font-weight:500;white-space:nowrap;padding:4px}.nil-btn__label{font-weight:400;letter-spacing:.04em;text-transform:uppercase}.nil-btn__bracket{color:var(--nil-color-border);font-weight:500;font-size:1.12em;letter-spacing:0;text-transform:none;line-height:1}.nil-btn--sm{font-size:var(--nil-type-scale-xs)}.nil-btn--md{font-size:var(--nil-type-scale-sm)}.nil-btn--primary{background:var(--nil-color-accent);color:var(--nil-color-accent-contrast);border-width:var(--nil-border-width-thick);border-color:var(--nil-color-accent)}.nil-btn--primary .nil-btn__bracket{color:color-mix(in srgb,var(--nil-color-accent-contrast) 62%,transparent)}.nil-btn--secondary{background:var(--nil-color-bg);color:var(--nil-color-text);border-width:var(--nil-border-width-thick);border-color:var(--nil-color-border)}.nil-btn--ghost{background:transparent;color:var(--nil-color-text);border-width:var(--nil-border-width);border-color:transparent}.nil-btn:disabled{opacity:.55;cursor:not-allowed;background:var(--nil-color-surface);color:var(--nil-color-text-muted);border-width:var(--nil-border-width-thick);border-color:var(--nil-color-border)}.nil-btn--primary:disabled{filter:none}.nil-btn:disabled .nil-btn__bracket{color:var(--nil-color-text-muted)}.nil-btn:not(:disabled){transition:background var(--nil-motion-duration-base) var(--nil-motion-easing-standard),border-color var(--nil-motion-duration-base) var(--nil-motion-easing-standard),color var(--nil-motion-duration-base) var(--nil-motion-easing-standard),filter var(--nil-motion-duration-base) var(--nil-motion-easing-standard),opacity var(--nil-motion-duration-base) var(--nil-motion-easing-standard)}.nil-btn--primary:not(:disabled):hover{filter:brightness(1.08)}.nil-btn--secondary:not(:disabled):hover{background:var(--nil-color-surface)}.nil-btn--secondary:not(:disabled):active{background:var(--nil-color-text);color:var(--nil-color-bg)}.nil-btn--secondary:not(:disabled):active .nil-btn__bracket{color:var(--nil-color-text-muted)}.nil-btn--ghost:not(:disabled):hover{background:var(--nil-color-surface);border-color:var(--nil-color-border)}.nil-btn--ghost:not(:disabled):active{background:var(--nil-color-text);color:var(--nil-color-bg)}.nil-btn--ghost:not(:disabled):active .nil-btn__bracket{color:var(--nil-color-text-muted)}.nil-btn:focus-visible,.nil-input:focus-visible,.nil-theme-segment:focus-visible,.nil-lightbox-close:focus-visible,.nil-demo-nav a:focus-visible{outline:2px solid var(--nil-color-accent);outline-offset:2px}.nil-input:not(:disabled):hover{border-color:var(--nil-color-text-muted)}.nil-theme-toggle{display:flex;align-items:stretch;height:28px;overflow:hidden;flex-shrink:0;border:var(--nil-border-width) solid var(--nil-color-border);border-radius:var(--nil-radius-default)}.nil-theme-segment{padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:var(--nil-type-scale-xs);line-height:1;background:transparent;color:var(--nil-color-text);opacity:.3;border:none;cursor:pointer;transition:background var(--nil-motion-duration-base) var(--nil-motion-easing-standard),color var(--nil-motion-duration-base) var(--nil-motion-easing-standard),opacity var(--nil-motion-duration-base) var(--nil-motion-easing-standard)}.nil-theme-segment[aria-pressed=true]{background:var(--nil-color-accent);color:var(--nil-color-accent-contrast);opacity:1}.nil-theme-segment:not([aria-pressed=true]):hover{opacity:.55}.nil-theme-divider{width:var(--nil-border-width);display:block;background:var(--nil-color-border);flex-shrink:0}.nil-lightbox-close:not(:disabled):hover{background:#ffffff14}.nil-demo-nav{display:flex;flex-wrap:wrap;gap:var(--nil-spacing-xs);padding-block:var(--nil-spacing-sm)}.nil-demo-nav a{font-family:var(--nil-font-mono);font-size:var(--nil-type-scale-xs);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--nil-color-text-muted);padding:var(--nil-spacing-xs) var(--nil-spacing-sm);border:var(--nil-border-width) solid transparent;transition:color var(--nil-motion-duration-fast) var(--nil-motion-easing-standard)}.nil-demo-nav a:hover{color:var(--nil-color-text)}.nil-demo-nav a.is-active{color:var(--nil-color-text);border-color:var(--nil-color-border);background:var(--nil-color-surface)}.nil-toggle:focus-visible,.nil-tab-strip__tab:focus-visible{outline:2px solid var(--nil-color-accent);outline-offset:2px}.nil-toggle:not(:disabled):hover{opacity:.9}.nil-label{font-family:var(--nil-font-mono);font-size:var(--nil-type-scale-xs);font-weight:var(--nil-type-weight-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--nil-color-text-muted)}.nil-label--accent{color:var(--nil-color-accent);font-weight:var(--nil-type-weight-mono-emphasis)}.nil-stat{font-family:var(--nil-font-display);font-size:var(--nil-type-scale-3xl);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--nil-color-text)}.nil-demo-canvas{min-height:100vh;background-color:var(--nil-color-bg);color:var(--nil-color-text)}.nil-demo-scene{scroll-margin-top:5rem;padding-block:var(--nil-spacing-2xl)}.nil-demo-canvas>.nil-demo-scene:first-of-type{padding-top:0;padding-bottom:0}@media (max-width: 767px){.nil-demo-scene{padding-block:var(--nil-spacing-xl)}}.nil-badge{display:inline-flex;align-items:center;gap:var(--nil-spacing-xs);padding:var(--nil-spacing-xs) var(--nil-spacing-sm);font-family:var(--nil-font-mono);font-size:var(--nil-type-scale-xs);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--nil-radius-default);border:var(--nil-border-width) solid currentColor}.nil-badge--neutral{color:var(--nil-color-text-muted)}.nil-badge--accent{color:var(--nil-color-accent)}.nil-badge--danger{color:var(--nil-color-danger)}.nil-badge--success{color:var(--nil-color-success)}.nil-text{font-family:var(--nil-font-body);line-height:1.6;color:var(--nil-color-text);margin:0}.nil-text--sm{font-size:var(--nil-type-scale-sm)}.nil-text--base{font-size:var(--nil-type-scale-base)}.nil-text--muted{color:var(--nil-color-text-muted)}.nil-input-group{display:flex;flex-direction:column;gap:var(--nil-spacing-xs)}.nil-input-label{font-family:var(--nil-font-body);font-size:var(--nil-type-scale-sm);color:var(--nil-color-text)}.nil-input{font-family:var(--nil-font-body);font-size:var(--nil-type-scale-base);padding:var(--nil-spacing-sm);border-radius:var(--nil-radius-default);border:var(--nil-border-width) solid var(--nil-color-border);background:var(--nil-color-surface);color:var(--nil-color-text)}.nil-input::placeholder{color:var(--nil-color-text-muted)}.nil-input[aria-invalid=true]{border-color:var(--nil-color-danger)}.nil-input-error{font-family:var(--nil-font-body);font-size:var(--nil-type-scale-xs);color:var(--nil-color-danger)}.nil-data-row{padding-block:var(--nil-spacing-sm);padding-inline:0;border-bottom:var(--nil-border-width) solid var(--nil-color-border)}.nil-data-row:has(+.nil-data-row--active){border-bottom:none}.nil-data-row--active{margin-inline:calc(-1 * var(--nil-spacing-md));padding-inline:var(--nil-spacing-md);border-top:var(--nil-border-width) solid var(--nil-color-border);background:color-mix(in srgb,var(--nil-color-bg) 78%,var(--nil-color-accent-contrast));color:var(--nil-color-text)}[data-theme=dark] .nil-data-row--active{background:color-mix(in srgb,var(--nil-color-surface) 88%,var(--nil-color-text))}@media (prefers-reduced-motion: reduce){.nil-cursor-blink{animation:none;opacity:1}.nil-lightbox-backdrop{animation:none}.nil-enter,.nil-enter-fade{--nil-anim-delay: 0ms}.nil-enter{transform:none}}.nil-demo-scene--band{background-color:var(--nil-color-bg);border-block:var(--nil-border-width) solid var(--nil-color-border)}.nil-demo-scene--band:first-of-type{border-top:none}.nil-demo-intro-head{padding-top:var(--nil-spacing-2xl);margin-bottom:var(--nil-spacing-lg)}@media (max-width: 767px){.nil-demo-intro-head{padding-top:var(--nil-spacing-xl)}}.nil-demo-nav-bar{position:sticky;top:0;z-index:10;background:var(--nil-color-bg);border-bottom:var(--nil-border-width) solid var(--nil-color-border)}.nil-demo-footer{background:var(--nil-color-bg);border-top:var(--nil-border-width) solid var(--nil-color-border)}.nil-demo-intro-hero{padding-block:var(--nil-spacing-2xl);background-color:var(--nil-color-bg)}.nil-demo-layer-strip{display:flex;gap:var(--nil-spacing-md);flex-wrap:wrap;margin-top:var(--nil-spacing-md);font-family:var(--nil-font-mono);font-size:var(--nil-type-scale-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--nil-color-text-muted)}.nil-demo-layer-strip strong{color:var(--nil-color-text)}.nil-demo-hero-inner{padding:var(--nil-spacing-xl)}.nil-demo-brand{font-size:var(--nil-type-scale-2xl);font-weight:600;line-height:1.2;margin-bottom:var(--nil-spacing-md);color:var(--nil-color-text)}.nil-demo-scene-grid{display:grid;gap:var(--nil-spacing-lg)}.nil-demo-scene-grid--climate{grid-template-columns:minmax(220px,1.5fr) 1fr 1fr .6fr;align-items:center}.nil-demo-scene-grid--schedule{grid-template-columns:2.5fr 1fr;align-items:stretch}.nil-demo-scene-grid--analytics{grid-template-columns:1fr 1fr;gap:var(--nil-spacing-md)}.nil-demo-scene-grid--rings{display:flex;gap:var(--nil-spacing-lg);justify-content:center;flex-direction:column;align-items:center}.nil-demo-instrument{max-width:420px;margin-inline:auto}.nil-demo-pagination{display:flex;align-items:center;gap:var(--nil-spacing-md);margin-top:var(--nil-spacing-lg);font-family:var(--nil-font-mono);font-size:var(--nil-type-scale-xs);letter-spacing:.06em;color:var(--nil-color-text)}.nil-demo-pagination-dots{display:flex;gap:var(--nil-spacing-xs)}.nil-demo-pagination-dot{width:8px;height:8px;border:var(--nil-border-width) solid var(--nil-color-border);background:transparent}.nil-demo-pagination-dot.is-active{background:var(--nil-color-text);border-color:var(--nil-color-text)}.nil-demo-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--nil-spacing-sm)}.nil-demo-swatch{border:var(--nil-border-width) solid var(--nil-color-border);padding:var(--nil-spacing-sm);font-family:var(--nil-font-mono);font-size:var(--nil-type-scale-xs)}.nil-demo-swatch-chip{height:32px;border:var(--nil-border-width) solid var(--nil-color-border);margin-bottom:var(--nil-spacing-xs)}.nil-demo-preset-row{display:flex;flex-wrap:wrap;gap:var(--nil-spacing-sm);margin-top:var(--nil-spacing-md)}.nil-demo-mini-preview{display:flex;gap:var(--nil-spacing-lg);align-items:center;margin-top:var(--nil-spacing-lg);padding:var(--nil-spacing-md);border:var(--nil-border-width) solid var(--nil-color-border)}.nil-demo-chart-bars{display:flex;align-items:flex-end;gap:var(--nil-spacing-sm);height:120px;padding-top:var(--nil-spacing-md)}.nil-demo-chart-bar{flex:1;background:var(--nil-color-border);min-height:8px}.nil-demo-chart-bar.is-accent{background:var(--nil-color-accent)}.nil-demo-step-chart{display:flex;align-items:flex-end;gap:2px;height:48px;margin-top:var(--nil-spacing-md)}.nil-demo-step-bar{flex:1;background:var(--nil-color-text);min-height:4px}.nil-demo-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--nil-spacing-lg)}.nil-demo-button-strip{display:flex;flex-wrap:wrap;gap:var(--nil-spacing-lg);margin-top:var(--nil-spacing-md);padding:var(--nil-spacing-md);background:var(--nil-color-surface);border:var(--nil-border-width) solid var(--nil-color-border);border-radius:var(--nil-radius-default)}.nil-demo-button-cell{display:flex;flex-direction:column;align-items:flex-start;gap:var(--nil-spacing-xs)}.nil-demo-button-label{font-family:var(--nil-font-mono);font-size:var(--nil-type-scale-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--nil-color-text-muted)}@media (max-width: 1024px){.nil-demo-scene-grid--climate,.nil-demo-scene-grid--schedule{grid-template-columns:1fr}.nil-demo-scene-grid--rings{flex-direction:row;flex-wrap:wrap}.nil-demo-scene-grid--analytics{grid-template-columns:1fr}}