@layer zenith-tokens,zenith-reset,zenith-base,zenith-components,zenith-utilities;@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url("./media/ibm-plex-sans-latin-U42Y2LR5.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./media/ibm-plex-mono-latin-400-A2WATXFY.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url("./media/ibm-plex-mono-latin-500-33HAQIPI.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url("./media/ibm-plex-mono-latin-600-IIV3OB4N.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url("./media/roboto-latin-3ZSHNGCF.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url("./media/roboto-mono-latin-RFLL4A3N.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer zenith-tokens{:root{--zen-font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--zen-font-family-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--zen-font-size-xs: .6875rem;--zen-font-size-sm: .75rem;--zen-font-size-base: .8125rem;--zen-font-size-md: .875rem;--zen-font-size-lg: 1rem;--zen-font-size-xl: 1.25rem;--zen-font-size-2xl: 1.5rem;--zen-font-weight-normal: 400;--zen-font-weight-medium: 500;--zen-font-weight-semibold: 600;--zen-font-weight-bold: 700;--zen-line-height-tight: 1.25;--zen-line-height-normal: 1.5;--zen-line-height-relaxed: 1.75}:root{--zen-space-1: .25rem;--zen-space-2: .5rem;--zen-space-3: .75rem;--zen-space-4: 1rem;--zen-space-5: 1.25rem;--zen-space-6: 1.5rem;--zen-space-8: 2rem;--zen-space-10: 2.5rem;--zen-space-12: 3rem}:root{--zen-row-height: 2.25rem;--zen-row-height-compact: 1.75rem;--zen-row-height-relaxed: 2.75rem;--zen-input-height: 2.125rem;--zen-input-height-sm: 1.75rem;--zen-btn-height: 2.125rem;--zen-touch-target-min: 2rem}:root{--zen-radius-sm: .25rem;--zen-radius-md: .375rem;--zen-radius-lg: .5rem;--zen-radius-xl: .75rem;--zen-radius-full: 9999px}:root{--zen-z-base: 1;--zen-z-sticky: 100;--zen-z-dropdown: 1000;--zen-z-sticky-header: 1010;--zen-z-modal-backdrop: 1100;--zen-z-modal: 1110;--zen-z-toast: 1200;--zen-z-tooltip: 1300}:root{--zen-transition-fast: .1s ease;--zen-transition-normal: .2s ease;--zen-transition-slow: .3s ease}:root{--zen-chart-1: var(--zen-accent);--zen-chart-2: #3b82f6;--zen-chart-3: #22c55e;--zen-chart-4: #f59e0b;--zen-chart-5: #8b5cf6;--zen-chart-6: #ef4444;--zen-chart-7: #14b8a6;--zen-chart-8: #ec4899}@media(prefers-reduced-motion:reduce){:root{--zen-transition-fast: .01ms ease;--zen-transition-normal: .01ms ease;--zen-transition-slow: .01ms ease}}:root{--zen-focus-bar: 0px;--zen-focus-ring: 2px;--zen-focus-shadow: 0 0 0 3px color-mix(in srgb, var(--zen-accent) 25%, transparent)}:root{--zen-radius-control: .375rem;--zen-radius-action: .375rem;--zen-radius-card: .625rem;--zen-radius-menu: .5rem;--zen-control-h: 2rem;--zen-elev-card: none;--zen-elev-overlay: 0 8px 24px rgba(0, 0, 0, .45);--zen-card-border: var(--zen-border);--zen-card-pad: 1rem}:root{--zen-brand-accent: #C05A33}:root{--zen-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--zen-shadow-md: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--zen-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--zen-shadow-xl: 0 16px 48px rgba(0, 0, 0, .18);--zen-ring: var(--zen-accent-muted);--zen-overlay: rgba(0, 0, 0, .45)}:root{--zen-shell-bg: #1C1C1C;--zen-shell-surface: #242424;--zen-shell-hover: #212121;--zen-shell-active: #292929;--zen-shell-border: #333333;--zen-shell-text: #F4F4F4;--zen-shell-text-secondary: #ADADAD;--zen-shell-text-muted: #8C8C8C}[data-zen-skin=warm]{--zen-radius-control: .6875rem;--zen-radius-action: 1.25rem;--zen-radius-card: 1rem;--zen-radius-menu: .8125rem;--zen-control-h: 2.375rem;--zen-elev-card: 0 2px 8px rgba(0, 0, 0, .28);--zen-elev-overlay: 0 12px 30px rgba(0, 0, 0, .45);--zen-card-border: transparent;--zen-card-pad: 1.125rem;--zen-row-height: 2.5rem;--zen-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--zen-accent) 50%, transparent)}[data-zen-skin=material]{--zen-font-family: "Roboto", "Helvetica Neue", system-ui, sans-serif;--zen-font-family-mono: "Roboto Mono", ui-monospace, Consolas, monospace;--zen-radius-control: .375rem;--zen-radius-action: .375rem;--zen-radius-card: .75rem;--zen-radius-menu: .375rem;--zen-control-h: 2.25rem;--zen-elev-card: 0 1px 3px rgba(0, 0, 0, .5);--zen-elev-overlay: 0 16px 32px rgba(0, 0, 0, .6);--zen-card-border: transparent;--zen-card-pad: 1rem;--zen-row-height: 2.5rem;--zen-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--zen-accent) 50%, transparent)}[data-zen-theme=dark]{--zen-bg-base: #0F1117;--zen-bg-surface: #1A1D27;--zen-bg-muted: #22263A;--zen-bg-elevated: #2A2F47;--zen-bg-sunken: #0F1117;--zen-border: #2E3347;--zen-border-strong: #3E4459;--zen-border-muted: #232740;--zen-line: #4A5273;--zen-text-primary: #E8EAF0;--zen-text-secondary: #A8B0C8;--zen-text-tertiary: #98A0B8;--zen-text-muted: #8B92A9;--zen-text-disabled: #4A5068;--zen-brand-accent: #4F7FFF;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 82%, white);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 15%, transparent);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 60%, white);--zen-success: #22C55E;--zen-success-muted: rgba(34, 197, 94, .15);--zen-warning: #F59E0B;--zen-warning-muted: rgba(245, 158, 11, .15);--zen-danger: #EF4444;--zen-danger-muted: rgba(239, 68, 68, .15);--zen-info: #38BDF8;--zen-info-muted: rgba(56, 189, 248, .15)}[data-zen-theme=light]{--zen-bg-base: #F8F9FB;--zen-bg-surface: #FFFFFF;--zen-bg-muted: #F0F2F5;--zen-bg-elevated: #FFFFFF;--zen-bg-sunken: #F3F4F7;--zen-border: #E2E5EC;--zen-border-strong: #C8CDD9;--zen-border-muted: #ECEEF2;--zen-line: #A8AFBC;--zen-text-primary: #111827;--zen-text-secondary: #374151;--zen-text-tertiary: #6B7280;--zen-text-muted: #8A919E;--zen-text-disabled: #D1D5DB;--zen-brand-accent: #4F7FFF;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 88%, black);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 10%, transparent);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 75%, black);--zen-success: #16A34A;--zen-success-muted: rgba(22, 163, 74, .1);--zen-warning: #D97706;--zen-warning-muted: rgba(217, 119, 6, .1);--zen-danger: #DC2626;--zen-danger-muted: rgba(220, 38, 38, .1);--zen-info: #0284C7;--zen-info-muted: rgba(2, 132, 199, .1)}[data-zen-theme=light][data-zen-palette=slate]{--zen-brand-accent: #4F7FFF;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 88%, black);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 10%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 75%, black)}[data-zen-theme=dark][data-zen-palette=indigo]{--zen-brand-accent: #6366F1;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 82%, white);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 15%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 60%, white)}[data-zen-theme=light][data-zen-palette=indigo]{--zen-brand-accent: #4F46E5;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 88%, black);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 10%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 75%, black)}[data-zen-theme=dark][data-zen-palette=teal]{--zen-brand-accent: #0D9488;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 82%, white);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 15%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 60%, white)}[data-zen-theme=light][data-zen-palette=teal]{--zen-brand-accent: #0F766E;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 88%, black);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 10%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 75%, black)}[data-zen-theme=dark][data-zen-palette=clay]{--zen-brand-accent: #D0704A;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 82%, white);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 15%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 60%, white)}[data-zen-theme=light][data-zen-palette=clay]{--zen-brand-accent: #C05A33;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 88%, black);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 10%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 75%, black)}[data-zen-theme=light][data-zen-palette=terracota],[data-zen-theme=light][data-zen-palette=ambar],[data-zen-theme=light][data-zen-palette=vino]{--zen-bg-base: #EFEAE1;--zen-bg-surface: #FFFFFF;--zen-bg-muted: #E7E1D6;--zen-bg-elevated: #FFFFFF;--zen-border: #E4DED3;--zen-border-muted: #ECE7DE;--zen-text-primary: #2B2620;--zen-text-secondary: #6B6358;--zen-text-muted: #968C7E;--zen-text-disabled: #C9C1B4}[data-zen-theme=light][data-zen-palette=pizarra]{--zen-bg-base: #EBEEF2;--zen-bg-surface: #FFFFFF;--zen-bg-muted: #E2E7ED;--zen-bg-elevated: #FFFFFF;--zen-border: #DDE3E9;--zen-border-muted: #E8ECF1;--zen-text-primary: #1F262C;--zen-text-secondary: #586069;--zen-text-muted: #889098;--zen-text-disabled: #C2C8CE}[data-zen-theme=dark][data-zen-palette=terracota],[data-zen-theme=dark][data-zen-palette=ambar],[data-zen-theme=dark][data-zen-palette=vino],[data-zen-theme=dark][data-zen-palette=pizarra]{--zen-bg-base: #15161A;--zen-bg-surface: #1E1F24;--zen-bg-muted: #282A30;--zen-bg-elevated: #2E3038;--zen-border: #34363E;--zen-border-muted: #2A2C33;--zen-text-primary: #E9EAEE;--zen-text-secondary: #B2B5BE;--zen-text-tertiary: #9CA0AB;--zen-text-muted: #868A94;--zen-text-disabled: #565A63;--zen-bg-sunken: #15161A;--zen-border-strong: #3E414A;--zen-line: #4C505B}[data-zen-theme=light][data-zen-palette=terracota]{--zen-brand-accent: #C2683D;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 88%, black);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 12%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 75%, black)}[data-zen-theme=dark][data-zen-palette=terracota]{--zen-brand-accent: #D17E54;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 82%, white);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 18%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 60%, white)}[data-zen-theme=light][data-zen-palette=ambar]{--zen-brand-accent: #C2871F;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 88%, black);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 14%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 75%, black)}[data-zen-theme=dark][data-zen-palette=ambar]{--zen-brand-accent: #D9A23E;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 82%, white);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 18%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 60%, white)}[data-zen-theme=light][data-zen-palette=pizarra]{--zen-brand-accent: #3E6E8E;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 88%, black);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 12%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 75%, black)}[data-zen-theme=dark][data-zen-palette=pizarra]{--zen-brand-accent: #5B93B8;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 82%, white);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 18%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 60%, white)}[data-zen-theme=light][data-zen-palette=teal]{--zen-bg-base:#EBEEF2;--zen-bg-surface:#FFFFFF;--zen-bg-muted:#E2E7ED;--zen-border:#DDE3E9;--zen-text-primary:#1F262C;--zen-text-secondary:#586069;--zen-text-muted:#889098;--zen-brand-accent: #2F8A82;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 88%, black);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 12%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 75%, black)}[data-zen-theme=dark][data-zen-palette=teal]{--zen-bg-base:#15161A;--zen-bg-surface:#1E1F24;--zen-bg-muted:#282A30;--zen-bg-elevated:#2E3038;--zen-border:#34363E;--zen-text-primary:#E9EAEE;--zen-text-secondary:#B2B5BE;--zen-text-muted:#868A94;--zen-brand-accent: #3FA89F;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 82%, white);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 18%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 60%, white)}[data-zen-theme=light][data-zen-palette=vino]{--zen-brand-accent: #9E4A45;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 88%, black);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 12%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 75%, black)}[data-zen-theme=dark][data-zen-palette=vino]{--zen-brand-accent: #C26A64;--zen-accent: var(--zen-brand-accent);--zen-accent-hover: color-mix(in srgb, var(--zen-brand-accent) 82%, white);--zen-accent-muted: color-mix(in srgb, var(--zen-brand-accent) 18%, transparent);--zen-accent-active: color-mix(in srgb, var(--zen-brand-accent) 78%, black);--zen-accent-fg: color-mix(in srgb, var(--zen-brand-accent) 60%, white)}}.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}body{margin:0;font-family:var(--zen-font-family);background:var(--zen-bg-base);color:var(--zen-text-primary)}.smoke{max-width:720px;margin:0 auto;padding:24px var(--zen-space-4, 16px)}.smoke h1{font-size:1.6rem;font-weight:600;color:var(--zen-text-primary)}.smoke__accent{color:var(--zen-accent)}.smoke__lead{color:var(--zen-text-secondary);line-height:1.6}.smoke__card{display:flex;flex-direction:column;gap:var(--zen-space-4, 16px);padding:var(--zen-space-4, 16px);background:var(--zen-bg-surface);border:1px solid var(--zen-border);border-radius:var(--zen-radius-md, 6px)}.smoke__card+.smoke__card{margin-top:var(--zen-space-4, 16px)}.smoke__chip{align-self:flex-start;padding:2px 10px;background:var(--zen-accent);color:#fff;border-radius:var(--zen-radius-md, 6px);font-size:.8rem}.smoke__mono{font-family:var(--zen-font-family-mono);font-size:.8rem;color:var(--zen-text-secondary)}.smoke__controls{margin-top:var(--zen-space-4, 16px)}.smoke__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.smoke__label{min-width:64px;font-size:.8rem;font-weight:600;color:var(--zen-text-secondary)}.smoke__btn{padding:4px 12px;font-family:inherit;font-size:.8rem;color:var(--zen-text-primary);background:var(--zen-bg-base);border:1px solid var(--zen-border);border-radius:var(--zen-radius-md, 6px);cursor:pointer}.smoke__btn:hover{border-color:var(--zen-accent)}.smoke__btn--active{background:var(--zen-accent);border-color:var(--zen-accent);color:#fff}.smoke--wide{max-width:none}.demo-section__title{margin:0;font-size:1rem;font-weight:600;color:var(--zen-text-primary)}.demo-section__hint{margin:-8px 0 0;font-style:italic;font-size:.85rem;color:var(--zen-text-tertiary)}.demo-section__body{display:flex;flex-direction:column;gap:12px}.demo-section__result{font-family:var(--zen-font-family-mono, monospace);font-size:.8rem;color:var(--zen-accent)}.demo-section__code{font-size:.8rem}.demo-section__code summary{cursor:pointer;color:var(--zen-text-secondary);-webkit-user-select:none;user-select:none}.demo-section__code-wrap{position:relative;margin-top:8px}.demo-section__code pre{margin:0;padding:12px;background:var(--zen-bg-base);border:1px solid var(--zen-border);border-radius:var(--zen-radius-control, 4px);overflow-x:auto}.demo-section__copy{position:absolute;top:6px;right:6px;padding:2px 8px;font-size:.72rem;cursor:pointer;background:var(--zen-bg-surface);border:1px solid var(--zen-border);border-radius:var(--zen-radius-action, 4px);color:var(--zen-text-secondary)}.demo-section__copy:hover{border-color:var(--zen-accent);color:var(--zen-accent)}