@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-cyrillic-ext-wght-normal-RO72NYA2.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-cyrillic-wght-normal-CK2XY27K.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-vietnamese-wght-normal-Y2R7JZKV.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-latin-ext-wght-normal-XEQ56JUF.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/geist-latin-wght-normal-T72VVCUW.woff2") format("woff2-variations");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}:root{color-scheme:dark;--color-bg: #35312d;--color-surface: #1c1916;--color-card: #f3f0ea;--color-card-text: #1c1916;--color-card-text-secondary: #4a453f;--color-card-border: color-mix(in srgb, #8a847c 38%, #f3f0ea);--color-primary: #2f5f8f;--color-primary-hover: color-mix(in srgb, #2f5f8f 78%, #ffffff);--color-accent-gold: #3f6b54;--color-accent-gold-hover: color-mix(in srgb, #3f6b54 78%, #ffffff);--color-accent-red: #9e3d47;--color-accent-red-hover: color-mix(in srgb, #9e3d47 78%, #ffffff);--color-text: #f3f0ea;--color-text-secondary: #c6c0b7;--color-highlight: #9bb8d4;--color-highlight-hover: #c2d4e6;--color-plot: #1c1916;--color-plot-ink: #f3f0ea;--color-plot-muted: #c6c0b7;--color-plot-grid: color-mix(in srgb, #c6c0b7 22%, transparent);--color-plot-baseline: color-mix(in srgb, #c6c0b7 35%, transparent);--color-plot-border: color-mix(in srgb, #c6c0b7 24%, #1c1916);--color-border: color-mix(in srgb, #c6c0b7 30%, #35312d);--color-focus: #f3f0ea;--color-error: #9e3d47;--color-success: #3f6b54;--shadow-sm: 0 0 0 1px color-mix(in srgb, #1c1916 30%, transparent);--shadow-md: 0 8px 32px color-mix(in srgb, #1c1916 36%, transparent);--shadow-card: 0 8px 32px color-mix(in srgb, #1c1916 26%, transparent), 0 0 0 1px color-mix(in srgb, #1c1916 12%, transparent);--color-background: var(--color-bg);--color-text-primary: var(--color-text);--color-text-muted: var(--color-text-secondary);--color-accent: var(--color-accent-red);--color-accent-hover: var(--color-accent-red-hover);--color-accent-strong: var(--color-accent-red-hover);--color-dark: var(--color-surface);--color-sky-soft: var(--color-bg);--color-olive: var(--color-plot);--color-on-primary: #ffffff;--color-on-accent: #ffffff;--color-on-dark: var(--color-text);--color-selection: color-mix(in srgb, var(--color-primary) 28%, transparent);--shadow-color: color-mix(in srgb, #1c1916 36%, transparent);--shadow-color-soft: color-mix(in srgb, #1c1916 20%, transparent);--bg-primary: var(--color-bg);--bg-secondary: var(--color-surface);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--border: var(--color-border);--bg: var(--bg-primary);--ink: var(--text-primary);--muted: var(--text-secondary);--line: var(--border);--surface: var(--bg-secondary);--grid: 8px;--space-1: calc(var(--grid) * 1);--space-2: calc(var(--grid) * 2);--space-3: calc(var(--grid) * 3);--space-4: calc(var(--grid) * 4);--space-5: calc(var(--grid) * 5);--space-6: calc(var(--grid) * 6);--space-7: calc(var(--grid) * 7);--space-8: calc(var(--grid) * 8);--space-9: calc(var(--grid) * 9);--space-10: calc(var(--grid) * 10);--space-12: calc(var(--grid) * 12);--space-16: calc(var(--grid) * 16);--space-18: calc(var(--grid) * 18);--space-22: calc(var(--grid) * 22);--space-26: calc(var(--grid) * 26);--space-28: calc(var(--grid) * 28);--space-36: calc(var(--grid) * 36);--space-40: calc(var(--grid) * 40);--space-45: calc(var(--grid) * 45);--space-52: calc(var(--grid) * 52);--space-56: calc(var(--grid) * 56);--space-72: calc(var(--grid) * 72);--space-80: calc(var(--grid) * 80);--space-90: calc(var(--grid) * 90);--space-160: calc(var(--grid) * 160);--space-sm: var(--space-2);--space-md: var(--space-3);--space-lg: var(--space-6);--space-xl: var(--space-8);--gutter: var(--space-2);--demo-padding: var(--space-3);--hit-target: var(--space-6);--icon-size: var(--space-4);--icon-size-sm: var(--space-3);--focus-ring-width: 2px;--focus-ring-offset: 2px;--border-width: 1px;--radius-pill: 9999px;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--chart-aspect: 2.4;--chart-spark-aspect: 2.4;--chart-min-block: calc(var(--grid) * 20);--chart-max-block: calc(var(--grid) * 40);--chart-spark-min-block: calc(var(--grid) * 12);--chart-spark-max-block: calc(var(--grid) * 25);--chart-panel-block: var(--chart-min-block);--chart-plot-block: var(--chart-min-block);--chart-inset: var(--space-2);--chart-plot: var(--color-plot);--chart-grid: var(--color-plot-grid);--chart-baseline: var(--color-plot-baseline);--chart-accent: var(--color-primary);--chart-node: var(--color-plot-ink);--chart-label: var(--color-plot-muted);--chart-value: var(--color-plot-ink);--chart-series-1: var(--color-primary);--chart-series-2: var(--color-text-secondary);--chart-series-3: var(--color-accent-gold);--chart-series-4: var(--color-accent-red);--tile-gap: var(--space-2);--tile-row-unit: var(--space-16);--tile-row-micro: var(--space-22);--tile-row-card: var(--space-52);--tile-cols: 6;--dash-row: var(--tile-row-unit);--module-pad: var(--space-3);--module-pad-lg: var(--space-4);--font-size-xs: .875rem;--font-size-sm: var(--space-2);--font-size-md: var(--space-3);--font-size-lg: var(--space-4);--font-size-xl: var(--space-6);--font-size-2xl: var(--space-8);--font-size-body: var(--font-size-sm);--font-size-display: var(--font-size-xl);--font-size-display-lg: var(--font-size-2xl);--font-size-title: var(--font-size-lg);--font-size-title-sm: var(--font-size-md);--font-family: "Geist Variable", "Geist", system-ui, -apple-system, sans-serif;--font-sans: var(--font-family);--font-serif: var(--font-family);--font-display: var(--font-sans);--font-secondary: var(--font-sans);--font-body: var(--font-sans);--font-stretch-display: normal;--font-weight-display: 700;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 600;--font-weight-regular: 400;--leading-display: 1.1;--leading-tight: 1.15;--leading-snug: 1.35;--leading-body: 1.5;--leading-relaxed: 1.6;--leading-ui: 1.3;--tracking-eyebrow: .22em;--tracking-intro: .06em;--tracking-mark: .22em;--tracking-display: -.04em;--tracking-tight: -.025em;--content-width: 1200px;--content-width-sm: 600px;--content-width-md: 800px;--content-width-lg: 1200px;--content-width-xl: 1400px;--reading-width: 65ch;--gap: var(--space-2);--bp-md: 800px;--focus-ring: 0 0 0 var(--focus-ring-width) var(--color-focus);--white: #f3f0ea;--black: #1c1916;--violet: var(--color-primary);--violet-soft: var(--color-primary-hover);--twilight: var(--color-highlight);--water: var(--color-text-secondary);--charcoal: var(--color-surface);--dusk: var(--color-card)}[data-theme=dark],.dark{color-scheme:dark;--color-bg: #35312d;--color-surface: #1c1916;--color-card: #f3f0ea;--color-card-text: #1c1916;--color-card-text-secondary: #4a453f;--color-card-border: color-mix(in srgb, #8a847c 38%, #f3f0ea);--color-primary: #2f5f8f;--color-primary-hover: color-mix(in srgb, #2f5f8f 78%, #ffffff);--color-accent-gold: #3f6b54;--color-accent-gold-hover: color-mix(in srgb, #3f6b54 78%, #ffffff);--color-accent-red: #9e3d47;--color-accent-red-hover: color-mix(in srgb, #9e3d47 78%, #ffffff);--color-accent: var(--color-accent-red);--color-accent-hover: var(--color-accent-red-hover);--color-text: #f3f0ea;--color-text-secondary: #c6c0b7;--color-plot: #1c1916;--color-plot-ink: #f3f0ea;--color-plot-muted: #c6c0b7;--color-plot-grid: color-mix(in srgb, #c6c0b7 22%, transparent);--color-plot-baseline: color-mix(in srgb, #c6c0b7 35%, transparent);--color-plot-border: color-mix(in srgb, #c6c0b7 24%, #1c1916);--color-border: color-mix(in srgb, #c6c0b7 30%, #35312d);--color-focus: #f3f0ea;--color-error: #9e3d47;--color-success: #3f6b54;--color-olive: var(--color-plot);--color-highlight: #9bb8d4;--color-highlight-hover: #c2d4e6;--color-on-primary: #ffffff;--color-on-accent: #ffffff;--color-selection: color-mix(in srgb, var(--color-primary) 28%, transparent);--shadow-sm: 0 0 0 1px color-mix(in srgb, #1c1916 30%, transparent);--shadow-md: 0 8px 32px color-mix(in srgb, #1c1916 36%, transparent);--shadow-card: 0 8px 32px color-mix(in srgb, #1c1916 26%, transparent), 0 0 0 1px color-mix(in srgb, #1c1916 12%, transparent);--shadow-color: color-mix(in srgb, #1c1916 36%, transparent);--shadow-color-soft: color-mix(in srgb, #1c1916 20%, transparent);--bg-primary: var(--color-bg);--bg-secondary: var(--color-surface);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--border: var(--color-border);--bg: var(--bg-primary);--ink: var(--text-primary);--muted: var(--text-secondary);--line: var(--border);--surface: var(--bg-secondary)}[data-theme=light],.light{color-scheme:light;--color-bg: #d4cec5;--color-surface: #f3f0ea;--color-card: #faf8f4;--color-card-text: #1c1916;--color-card-text-secondary: #4a453f;--color-card-border: color-mix(in srgb, #4a453f 20%, #d4cec5);--color-primary: #2f5f8f;--color-primary-hover: color-mix(in srgb, #2f5f8f 78%, #1c1916);--color-accent-gold: #3f6b54;--color-accent-gold-hover: color-mix(in srgb, #3f6b54 78%, #1c1916);--color-accent-red: #9e3d47;--color-accent-red-hover: color-mix(in srgb, #9e3d47 78%, #1c1916);--color-accent: var(--color-accent-red);--color-accent-hover: var(--color-accent-red-hover);--color-text: #1c1916;--color-text-secondary: #4a453f;--color-plot: #1c1916;--color-plot-ink: #f3f0ea;--color-plot-muted: #c6c0b7;--color-plot-grid: color-mix(in srgb, #c6c0b7 22%, transparent);--color-plot-baseline: color-mix(in srgb, #c6c0b7 35%, transparent);--color-plot-border: color-mix(in srgb, #c6c0b7 24%, #1c1916);--color-border: color-mix(in srgb, #4a453f 26%, #d4cec5);--color-focus: #2f5f8f;--color-error: #9e3d47;--color-success: #3f6b54;--color-olive: var(--color-plot);--color-highlight: #2f5f8f;--color-highlight-hover: color-mix(in srgb, #2f5f8f 78%, #1c1916);--color-on-primary: #ffffff;--color-on-accent: #ffffff;--color-selection: color-mix(in srgb, var(--color-primary) 18%, transparent);--shadow-sm: 0 0 0 1px color-mix(in srgb, #4a453f 14%, transparent);--shadow-md: 0 8px 32px color-mix(in srgb, #1c1916 12%, transparent);--shadow-card: 0 8px 32px color-mix(in srgb, #1c1916 10%, transparent), 0 0 0 1px color-mix(in srgb, #4a453f 12%, transparent);--shadow-color: color-mix(in srgb, #1c1916 12%, transparent);--shadow-color-soft: color-mix(in srgb, #1c1916 7%, transparent);--bg-primary: var(--color-bg);--bg-secondary: var(--color-surface);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--border: var(--color-border);--bg: var(--bg-primary);--ink: var(--text-primary);--muted: var(--text-secondary);--line: var(--border);--surface: var(--bg-secondary)}*,*:before,*:after{box-sizing:border-box}html{font-style:normal;font-size:16px;line-height:1;min-height:100%;background-color:var(--color-bg);overflow-y:auto;scrollbar-gutter:stable}body{width:100%;min-height:100dvh;margin:0;padding:0;background-color:var(--color-bg);overflow-x:clip;appearance:none;color:var(--color-text-primary);font-family:var(--font-sans)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.type-eyebrow,.preheader{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--color-highlight)}.type-display{margin:0;font-family:var(--font-sans);font-size:clamp(1.5rem,3vw,var(--font-size-lg));font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.15;color:var(--color-text)}.type-intro,.lede{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:400;letter-spacing:var(--tracking-intro);line-height:1.5;color:var(--color-text-secondary)}.page{display:flex;flex-direction:column;width:100%;min-height:100%;flex:1 1 auto;background-color:var(--color-bg);color:var(--color-text)}.page-body{display:block;width:100%;margin:0;padding:var(--space-4) var(--space-2) var(--space-8);flex:1 1 auto;background-color:var(--color-bg);background-image:linear-gradient(90deg,color-mix(in srgb,var(--color-surface) 18%,transparent) 0,transparent var(--space-2),transparent calc(100% - var(--space-2)),color-mix(in srgb,var(--color-surface) 18%,transparent) 100%),radial-gradient(90% 40% at 50% 0%,color-mix(in srgb,var(--color-primary) 12%,transparent) 0%,transparent 70%),radial-gradient(55% 30% at 85% 8%,color-mix(in srgb,var(--color-accent-gold) 8%,transparent) 0%,transparent 68%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 42%,var(--color-bg)) 0%,var(--color-bg) var(--space-10))}@media screen and (min-width:800px){.page-body{padding:var(--space-6) var(--space-4) var(--space-10);--tile-gap: var(--space-3)}.page-body--catalog{padding-inline:max(var(--space-4),calc((100% - var(--content-width-lg)) / 2))}.page-body--prose{padding-inline:max(var(--space-4),calc((100% - var(--reading-width)) / 2))}}.row,.column,.grid{box-sizing:border-box;min-width:0;margin:0;padding:0;width:100%;height:auto}.row,.column{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:0}.row{flex-direction:row}.column{flex-direction:column}.grid{display:grid;align-items:stretch;justify-items:stretch;gap:0}.item{flex:0 1 auto;min-width:0}.item-fill{flex:1 1 auto;min-width:0}.item-fixed{flex:0 0 auto}.grow{flex-grow:1}.shrink-0{flex-shrink:0}.row-reverse{flex-direction:row-reverse}.column-reverse{flex-direction:column-reverse}.wrap{flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:end}.content-between{align-content:space-between}.self-start{align-self:flex-start;justify-self:start}.self-center{align-self:center;justify-self:center}.self-end{align-self:flex-end;justify-self:end}.self-stretch{align-self:stretch;justify-self:stretch}.place-start{justify-self:start;align-self:start}.place-center{justify-self:center;align-self:center}.place-end{justify-self:end;align-self:end}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-auto{grid-template-columns:auto}.col-span-full{grid-column:1 / -1}.row-md,.row-lg{display:flex;flex-direction:column;width:100%}::selection{background:var(--color-selection);color:var(--color-text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.component--skip-link .demo{display:grid;gap:var(--space-md)}.component--skip-link .skip-link{position:static;transform:none}.skip-link{position:absolute;inset-inline-start:var(--space-2);inset-block-start:var(--space-2);z-index:1000;display:inline-flex;align-items:center;min-height:var(--hit-target);padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-intro);text-decoration:none;transform:translateY(-200%)}.skip-link:focus,.skip-link:focus-visible{transform:none;outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.component--brand .demo{display:grid;gap:var(--space-md)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--hit-target);text-decoration:none;color:var(--color-text)}.brand__mark{box-sizing:border-box;width:var(--icon-size-sm);height:var(--icon-size-sm);border:var(--border-width) solid var(--color-border);background-color:var(--color-primary)}.brand__name{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.brand:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.component--app-layout .demo{display:grid;gap:var(--tile-gap)}.app-layout{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.app-layout__header{flex:0 0 auto}.app-layout__body{display:grid;grid-template-columns:minmax(var(--space-22),var(--space-28)) 1fr;flex:1 1 auto;min-height:0;gap:0}.app-layout__nav,.app-layout__tools{padding:var(--module-pad);background:var(--color-surface);border-inline-end:var(--border-width) solid var(--color-border)}.app-layout__tools{border-inline-end:0;border-inline-start:var(--border-width) solid var(--color-border)}.app-layout__main{display:flex;flex-direction:column;min-width:0;background:var(--color-bg)}.app-layout__content{padding:0;flex:1}@media(max-width:800px){.app-layout__body{grid-template-columns:minmax(0,1fr)}.app-layout__nav,.app-layout__tools{display:none}}.component--app-header .demo{display:grid;gap:var(--space-md)}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2);color:var(--color-text);background-color:var(--color-surface);background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 18%,var(--color-surface)) 0%,var(--color-surface) 100%);border-bottom:var(--border-width) solid var(--color-border)}.app-header__brand{display:inline-flex;align-items:center;min-height:var(--hit-target);padding:0 var(--space-2);font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;text-decoration:none;color:var(--color-highlight)}.app-header__nav{display:flex;flex-wrap:wrap;gap:var(--space-4);flex:1;align-items:center;justify-content:center}.app-header__nav a{min-height:var(--hit-target);display:inline-flex;align-items:center;font-size:var(--font-size-sm);font-weight:600;letter-spacing:var(--tracking-intro);text-decoration:none;color:var(--color-text)}.app-header__nav a:hover,.app-header__nav a.is-active{color:var(--color-highlight)}.app-header__actions{display:flex;gap:var(--space-2);margin-inline-start:auto;align-items:center}.component--app-sidebar .demo{display:grid;gap:var(--space-md)}.app-sidebar{display:grid;align-content:start;gap:var(--space-2);box-sizing:border-box;width:100%;min-width:calc(var(--grid) * 28);min-height:100%;padding:var(--module-pad);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.app-sidebar a{display:inline-flex;align-items:center;min-height:var(--hit-target);padding:var(--space-1) var(--space-2);color:var(--color-text-secondary);text-decoration:none;border:var(--border-width) solid transparent}.app-sidebar a:hover,.app-sidebar a[aria-current=page]{color:var(--color-text);border-color:var(--color-border);background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.app-sidebar a:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.component--app-footer .demo{display:grid;gap:var(--space-md)}.app-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);line-height:var(--leading-ui)}.app-footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.app-footer__nav a{display:inline-flex;align-items:center;min-height:var(--hit-target);color:inherit;text-decoration:none}.app-footer__nav a:hover{color:var(--color-highlight)}.app-footer__nav a:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.component--page-shell .demo{display:grid;gap:var(--space-md)}.page-shell{width:100%}.page-shell__inner{width:min(100%,var(--content-width));margin-inline:auto;padding:var(--space-md) var(--gutter);display:grid;gap:var(--space-lg)}.component--page-header .demo{display:grid;gap:var(--space-md)}.page-header{display:grid;gap:var(--space-2);width:100%;margin:0 0 var(--space-4);padding:0}.page-header__eyebrow{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-highlight)}.page-header h1,.page-header__title{margin:0;font-family:var(--font-display);font-size:clamp(var(--font-size-lg),4vw,var(--font-size-xl));font-weight:var(--font-weight-display);letter-spacing:var(--tracking-display);line-height:1.05;color:var(--color-text)}.page-header__description,.page-header__lede{margin:0;max-width:var(--reading-width);font-family:var(--font-serif);font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.component--page-template .demo{display:grid;gap:var(--space-md)}.page-template{display:flex;flex-direction:column;gap:var(--space-4);width:100%;min-height:100%;padding:var(--space-4);background-color:var(--color-bg);color:var(--color-text)}.page-template__header h1,.page-template__title{margin:0;font-family:var(--font-display);font-size:clamp(var(--font-size-lg),4vw,var(--font-size-xl));font-weight:var(--font-weight-display);letter-spacing:var(--tracking-display)}.page-template__content{display:grid;gap:var(--tile-gap);width:100%}@media screen and (min-width:800px){.page-template{padding:var(--space-6)}}.component--page-back-link .demo{display:grid;gap:var(--space-md)}.page-back-link{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--hit-target);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;text-decoration:none;color:var(--color-highlight)}.page-back-link:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.component--content-layout .demo{display:grid;gap:var(--tile-gap)}.content-layout,app-content-layout,deml-content-layout,:host{display:grid;box-sizing:border-box;width:100%;margin:0;padding:0;gap:var(--tile-gap);grid-auto-rows:minmax(0,auto);background-color:transparent}.content-layout__breadcrumbs{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-secondary)}.content-layout__header h1{margin:0;font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,var(--font-size-md));font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:1.15;color:var(--color-text)}.content-layout__body{display:grid;gap:var(--tile-gap);min-width:0}.component--sidebar-nav .demo{display:grid;gap:var(--space-md)}.sidebar-nav{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.sidebar-nav a{display:inline-flex;align-items:center;min-height:var(--hit-target);padding:var(--space-1) var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-intro);line-height:var(--leading-ui)}.sidebar-nav a:hover,.sidebar-nav a[aria-current=page]{color:var(--color-text);border-color:var(--color-border);background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.sidebar-nav a:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.component--navigation-menu .demo{display:grid;gap:var(--space-md)}.main-navigation ul li a{display:inline-flex;align-items:center;min-height:var(--navbar-hit);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-intro);line-height:var(--leading-ui);text-transform:none;text-decoration:none;white-space:nowrap;color:var(--navbar-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background-color:transparent;transition:color .12s ease,background-color .12s ease}.component--breadcrumbs .demo{display:grid;gap:var(--space-md)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-mark);text-transform:uppercase;color:var(--color-text-secondary)}.breadcrumbs a{color:inherit;text-decoration:none;min-height:var(--hit-target);display:inline-flex;align-items:center}.breadcrumbs a:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.breadcrumbs [aria-current=page]{color:var(--color-text)}.component--theme-toggle .demo{display:grid;gap:var(--space-md)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--hit-target);height:var(--hit-target);min-width:var(--hit-target);min-height:var(--hit-target);padding:0;margin:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);background-color:var(--color-surface);background-image:linear-gradient(165deg,color-mix(in srgb,var(--color-primary) 16%,var(--color-surface)) 0%,var(--color-surface) 100%);color:var(--color-highlight);cursor:pointer;appearance:none;transition:transform .12s ease,background-color .12s ease,background-image .12s ease,border-color .12s ease,color .12s ease}.theme-toggle:hover{color:var(--color-on-primary);background-color:var(--color-primary);background-image:linear-gradient(165deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);border-color:var(--color-primary-hover);transform:scale(1.04)}.theme-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.theme-toggle svg{display:block;width:var(--icon-size-sm);height:var(--icon-size-sm)}@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle:hover{transition:none;transform:none}}.component--profile .demo{display:grid;gap:var(--space-md)}.profile{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--module-pad)}.profile__name{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.profile__meta{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:var(--tracking-intro)}.component--section .demo{display:grid;gap:var(--space-md)}.section{display:grid;gap:var(--space-md);width:100%;padding:var(--module-pad) 0}.section__header{display:grid;gap:var(--space-1)}.section__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.section__description{margin:0;max-width:var(--reading-width);font-family:var(--font-serif);font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.section__body{display:grid;gap:var(--tile-gap)}.component--section-template .demo{display:grid;gap:var(--space-md)}.section-template{display:grid;gap:var(--space-3);width:100%;padding:var(--module-pad) 0}.section-template__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.section-template__description{margin:0;max-width:var(--reading-width);font-family:var(--font-serif);font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.section-template__divider{border:0;border-block-start:var(--border-width) solid var(--color-border);margin:0}.component--section-header .demo{display:grid;gap:var(--space-md)}app-section-header,deml-section-header,:host{display:block;width:100%;margin:0 0 var(--space-4);padding:0;background-color:transparent}.section-header{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;background-color:transparent}.section-header-eyebrow{margin:0 0 var(--space-1)}.section-header-heading{margin:0}.section-header-lede{margin:var(--space-1) 0 0;max-width:var(--reading-width)}app-section-header[data-tone=card] .section-header-heading,app-section-header[data-tone=card] .section-header-heading.type-display,deml-section-header[data-tone=card] .section-header-heading,:host([data-tone="card"]) .section-header-heading,:host([data-tone="card"]) .section-header-heading.type-display{color:var(--color-card-text)}app-section-header[data-tone=card] .section-header-lede,app-section-header[data-tone=card] .section-header-lede.type-intro,deml-section-header[data-tone=card] .section-header-lede,:host([data-tone="card"]) .section-header-lede,:host([data-tone="card"]) .section-header-lede.type-intro{color:var(--color-card-text-secondary)}app-section-header[data-tone=card] .section-header-eyebrow,app-section-header[data-tone=card] .section-header-eyebrow.type-eyebrow,deml-section-header[data-tone=card] .section-header-eyebrow,:host([data-tone="card"]) .section-header-eyebrow,:host([data-tone="card"]) .section-header-eyebrow.type-eyebrow{color:var(--color-primary)}.component--page-section .demo{display:grid;gap:var(--space-md)}app-page-section,deml-page-section,:host{display:block;width:100%;margin:0;padding:0;background-color:transparent}.page-body>app-section-header:not(:first-child),.page-body>deml-section-header:not(:first-child),app-page-section .page-body>app-section-header:not(:first-child),deml-page-section .page-body>deml-section-header:not(:first-child){margin-top:var(--space-6)}@media screen and (min-width:800px){.page-body>app-section-header:not(:first-child),.page-body>deml-section-header:not(:first-child),app-page-section .page-body>app-section-header:not(:first-child),deml-page-section .page-body>deml-section-header:not(:first-child){margin-top:var(--space-8)}}app-page-section[data-variant=auth] .page-body--auth,deml-page-section[data-variant=auth] .page-body--auth,:host([data-variant="auth"]) .page-body--auth{display:flex;flex:1 1 auto;align-items:center;justify-content:center;width:100%;min-height:calc(100dvh - var(--space-16));padding-block:var(--space-6)}.catalog-group{box-sizing:border-box;display:block;width:100%;margin:0;padding:0;background:transparent;border:0;box-shadow:none}.catalog-group+.catalog-group{margin-top:var(--space-6)}.catalog-group>app-section-header,.catalog-group>deml-section-header,.catalog-group>.section-header{margin-bottom:var(--space-4)}@media screen and (min-width:800px){.catalog-group+.catalog-group{margin-top:var(--space-8)}}.component--container .demo{display:grid;gap:var(--space-md)}.container{display:grid;gap:var(--space-3);box-sizing:border-box;width:100%;height:100%;min-height:var(--tile-row-unit);padding:var(--module-pad);border:var(--border-width) solid var(--color-card-border);background-color:var(--color-card);color:var(--color-card-text);box-shadow:var(--shadow-card)}.container__header{display:grid;gap:var(--space-1)}.container__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-card-text)}.container__description{margin:0;font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-card-text-secondary)}.container__body{display:grid;gap:var(--tile-gap)}.component--stack .demo{display:grid;gap:var(--space-md)}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.component--grid .demo{display:grid;gap:var(--tile-gap)}app-grid,deml-grid,.component--grid .grid,:host{display:grid;box-sizing:border-box;width:100%;margin:0;padding:0;gap:var(--tile-gap);grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--tile-row-unit),auto);align-items:stretch;justify-items:stretch;background-color:transparent}app-grid>*,deml-grid>*,.component--grid .grid>*,:host>*{min-width:0;width:100%;height:100%;align-self:stretch}.grid__item{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;margin:0;padding:var(--module-pad);color:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border)}@media screen and (min-width:800px){app-grid,deml-grid,.component--grid .grid,:host{grid-template-columns:repeat(auto-fit,minmax(var(--space-28),1fr));grid-auto-rows:minmax(var(--tile-row-unit),1fr)}}.component--tile-board .demo{display:grid;gap:var(--tile-gap)}app-tile-board,deml-tile-board,.tile-board,:host{display:block;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:transparent}app-tile-board>.dashboard-grid,app-tile-board>app-dashboard-grid,app-tile-board>deml-dashboard-grid,deml-tile-board>.dashboard-grid,deml-tile-board>app-dashboard-grid,deml-tile-board>deml-dashboard-grid,.tile-board>.dashboard-grid,.tile-board>app-dashboard-grid,.tile-board>deml-dashboard-grid,:host>.dashboard-grid,:host>app-dashboard-grid,:host>deml-dashboard-grid{width:100%;margin:0;padding:0}.tile-board__cell{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:var(--module-pad);color:var(--color-card-text);background-color:var(--color-card);border:var(--border-width) solid var(--color-card-border);box-shadow:var(--shadow-card)}.component--dashboard-grid .demo{display:grid;gap:var(--tile-gap)}app-tile-board,deml-tile-board{display:block;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:transparent}app-dashboard-grid,deml-dashboard-grid,.dashboard-grid,:host{--dash-gap: var(--tile-gap);--dash-row: var(--tile-row-unit);display:grid;box-sizing:border-box;width:100%;margin:0;padding:0;gap:var(--dash-gap);grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--dash-row),auto);grid-auto-flow:dense;align-items:stretch;justify-items:stretch;background-color:transparent}app-dashboard-grid>*,deml-dashboard-grid>*,.dashboard-grid>*,:host>*{min-width:0;min-height:0;width:100%;height:100%;align-self:stretch;justify-self:stretch}app-dashboard-grid>[data-size=sm],deml-dashboard-grid>[data-size=sm],.dashboard-grid>[data-size=sm],:host>[data-size=sm]{grid-column:1 / -1;grid-row:span 2}app-dashboard-grid>[data-size=md],deml-dashboard-grid>[data-size=md],.dashboard-grid>[data-size=md],:host>[data-size=md],app-dashboard-grid>[data-size=lg],deml-dashboard-grid>[data-size=lg],.dashboard-grid>[data-size=lg],:host>[data-size=lg],app-dashboard-grid>[data-size=wide],deml-dashboard-grid>[data-size=wide],.dashboard-grid>[data-size=wide],:host>[data-size=wide],app-dashboard-grid>[data-size=tall],deml-dashboard-grid>[data-size=tall],.dashboard-grid>[data-size=tall],:host>[data-size=tall],app-dashboard-grid>[data-size=hero],deml-dashboard-grid>[data-size=hero],.dashboard-grid>[data-size=hero],:host>[data-size=hero]{grid-column:1 / -1;grid-row:span 3}.dashboard-grid__cell{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-width:0;margin:0;padding:var(--module-pad);color:var(--color-card-text);background-color:var(--color-card);border:var(--border-width) solid var(--color-card-border);box-shadow:var(--shadow-card)}@media screen and (min-width:800px){app-dashboard-grid,deml-dashboard-grid,.dashboard-grid,:host{--dash-row: calc(var(--grid) * 14);--tile-row-unit: calc(var(--grid) * 14);grid-template-columns:repeat(var(--tile-cols),minmax(0,1fr))}app-dashboard-grid>[data-size=sm],deml-dashboard-grid>[data-size=sm],.dashboard-grid>[data-size=sm],:host>[data-size=sm]{grid-column:span 2;grid-row:span 2}app-dashboard-grid>[data-size=md],deml-dashboard-grid>[data-size=md],.dashboard-grid>[data-size=md],:host>[data-size=md]{grid-column:span 3;grid-row:span 3}app-dashboard-grid>[data-size=lg],deml-dashboard-grid>[data-size=lg],.dashboard-grid>[data-size=lg],:host>[data-size=lg]{grid-column:span 3;grid-row:span 3}app-dashboard-grid>[data-size=wide],deml-dashboard-grid>[data-size=wide],.dashboard-grid>[data-size=wide],:host>[data-size=wide]{grid-column:span 4;grid-row:span 3}app-dashboard-grid>[data-size=tall],deml-dashboard-grid>[data-size=tall],.dashboard-grid>[data-size=tall],:host>[data-size=tall]{grid-column:span 2;grid-row:span 3}app-dashboard-grid>[data-size=hero],deml-dashboard-grid>[data-size=hero],.dashboard-grid>[data-size=hero],:host>[data-size=hero]{grid-column:span 6;grid-row:span 3}}@media screen and (min-width:1200px){app-dashboard-grid,deml-dashboard-grid,.dashboard-grid,:host{--dash-row: var(--space-16);--tile-row-unit: var(--space-16)}}.component--card-grid .demo{display:grid;gap:var(--tile-gap)}app-card-grid,deml-card-grid,.card-grid,:host{display:grid;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0;gap:var(--tile-gap);grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--tile-row-card),auto);grid-auto-flow:dense;align-items:stretch;justify-items:stretch;background-color:transparent}app-card-grid>*,deml-card-grid>*,.card-grid>*,:host>*{min-width:0;min-height:0;width:100%;height:100%;align-self:stretch;justify-self:stretch}@media screen and (min-width:800px){app-card-grid,deml-card-grid,.card-grid,:host{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(var(--tile-row-card),1fr)}}@media screen and (min-width:1200px){app-card-grid,deml-card-grid,.card-grid,:host{grid-template-columns:repeat(3,minmax(0,1fr))}}.component--microcard-grid .demo{display:grid;gap:var(--tile-gap)}.microcard-grid,app-microcard-grid,deml-microcard-grid,:host{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--tile-row-micro),auto);grid-auto-flow:dense;gap:var(--tile-gap);align-items:stretch;box-sizing:border-box;width:100%;margin:0;padding:0;list-style:none;background-color:transparent}app-microcard-grid>.microcard-grid,deml-microcard-grid>.microcard-grid,:host>.microcard-grid{display:grid;grid-template-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;gap:inherit;align-items:stretch;width:100%;margin:0;padding:0;list-style:none}app-microcard-grid .microcard-grid>li,deml-microcard-grid .microcard-grid>li,.microcard-grid>li{width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;align-self:stretch;background-color:transparent}app-microcard-grid .microcard-grid>li>*,deml-microcard-grid .microcard-grid>li>*,.microcard-grid>li>*{height:100%}@media screen and (min-width:800px){.microcard-grid,app-microcard-grid,deml-microcard-grid,:host{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(var(--tile-row-micro),1fr)}}@media screen and (min-width:1200px){app-microcard-grid[data-columns="3"],deml-microcard-grid[data-columns="3"],:host([data-columns="3"]),app-microcard-grid[data-columns="3"]>.microcard-grid,deml-microcard-grid[data-columns="3"]>.microcard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.component--panel-grid .demo{display:grid;gap:var(--tile-gap)}app-panel-grid,deml-panel-grid,.panel-grid,:host{display:grid;box-sizing:border-box;width:100%;margin:0;padding:0;gap:var(--tile-gap);grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--tile-row-unit),auto);grid-auto-flow:dense;align-items:stretch;justify-items:stretch;background-color:transparent}app-panel-grid>*,deml-panel-grid>*,.panel-grid>*,:host>*{min-width:0;min-height:0;width:100%;height:100%;align-self:stretch;justify-self:stretch}.panel-grid__item{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-height:var(--tile-row-unit);margin:0;padding:var(--module-pad);color:var(--color-card-text);background-color:var(--color-card);border:var(--border-width) solid var(--color-card-border);box-shadow:var(--shadow-card)}@media screen and (min-width:800px){app-panel-grid,deml-panel-grid,.panel-grid,:host{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(var(--tile-row-unit),1fr)}}@media screen and (min-width:1200px){app-panel-grid,deml-panel-grid,.panel-grid,:host{grid-template-columns:repeat(3,minmax(0,1fr))}}.component--form-grid .demo{display:grid;gap:var(--space-md)}.form-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(calc(var(--grid) * 28),1fr));align-items:start}.form-grid label{display:grid;gap:var(--space-sm)}.component--cluster .demo{display:grid;gap:var(--space-md)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.component--box .demo{display:grid;gap:var(--space-md)}.box{box-sizing:border-box;width:100%;height:100%;min-height:var(--tile-row-unit);padding:var(--module-pad);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text)}.component--separator .demo{display:grid;gap:var(--space-md)}.separator{border:0;border-block-start:var(--border-width) solid var(--color-border);margin:var(--space-md) 0}.separator--vertical{display:inline-block;width:var(--border-width);height:var(--space-3);border:0;background:var(--color-border);margin-inline:var(--space-sm);vertical-align:middle}.component--scroll-area .demo{display:grid;gap:var(--space-md)}.scroll-area{box-sizing:border-box;width:100%;max-height:var(--tile-row-unit);overflow:auto;padding:var(--module-pad);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.component--split-panel .demo{display:grid;gap:var(--tile-gap)}.split-panel{display:grid;grid-template-columns:1fr minmax(var(--space-22),var(--space-36));gap:0;box-sizing:border-box;width:100%;min-height:var(--tile-row-card);overflow:hidden;background:var(--color-bg);border:var(--border-width) solid var(--color-border)}.split-panel__main,.split-panel__side{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:100%;padding:var(--module-pad)}.split-panel__side{border-inline-start:var(--border-width) solid var(--color-border);background:var(--color-surface)}@media(max-width:800px){.split-panel{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--tile-row-unit),auto)}.split-panel__side{border-inline-start:0;border-block-start:var(--border-width) solid var(--color-border)}}.form-field{display:grid;gap:var(--space-1);width:100%;max-width:var(--content-width-sm)}.form-field label{display:grid;gap:var(--space-1);margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--color-text-secondary)}.form-field input,.form-field select,.form-field textarea,.form-field button{font:inherit}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box;width:100%;min-height:var(--hit-target);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);appearance:none}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.component--label .demo{display:grid;gap:var(--space-md)}.label{display:inline-block;margin-block-end:var(--space-1);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:var(--leading-ui);text-transform:uppercase;color:var(--color-text-secondary)}.component--field .demo{display:grid;gap:var(--space-md)}.field{display:grid;gap:var(--space-1);max-width:var(--content-width-sm)}.field__label-wrap{display:grid;gap:var(--space-1)}.field__label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:var(--leading-ui);text-transform:uppercase;color:var(--color-text-secondary)}.field__required{margin-inline-start:var(--space-1);color:var(--color-error)}.field__description,.field__error{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.field__error{font-weight:var(--font-weight-medium);color:var(--color-error)}.field__control,.field input,.field select,.field textarea{box-sizing:border-box;width:100%;min-height:var(--hit-target);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);line-height:var(--leading-ui);background-color:var(--color-surface);color:var(--color-text);appearance:none}.field__control:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.component--form-section .demo{display:grid;gap:var(--space-md)}.form-section{display:grid;gap:var(--space-3);width:100%;max-width:var(--content-width-md);padding:var(--module-pad) 0}.form-section__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.form-section__description{margin:0;font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.form-section__fields{display:grid;gap:var(--space-3)}.component--button .demo{display:grid;gap:var(--space-md)}.button,.button:visited{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;max-width:100%;min-height:var(--hit-target);height:auto;margin:0;padding:var(--space-1) var(--space-4);border-style:solid;border-width:var(--border-width);border-radius:0;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:700;letter-spacing:var(--tracking-intro);line-height:1;text-decoration:none;appearance:none;cursor:pointer;transition:transform .12s ease,background-color .12s ease,background-image .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.button:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.button.is-disabled,.button:disabled{color:var(--color-text);background-color:color-mix(in srgb,var(--color-surface) 88%,var(--color-text-secondary));background-image:none;border-color:var(--color-border);opacity:.72;cursor:not-allowed;pointer-events:none}.button.is-disabled.button--primary,.button:disabled.button--primary,.button.is-disabled.button--accent,.button:disabled.button--accent{color:var(--color-on-primary);background-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-surface));background-image:none;border-color:transparent;opacity:.72}.button--primary{color:var(--color-on-primary);background-color:var(--color-primary);background-image:linear-gradient(165deg,var(--color-primary-hover) 0%,var(--color-primary) 48%,color-mix(in srgb,var(--color-primary) 78%,var(--color-bg)) 100%);border-color:var(--color-primary)}.button--primary:hover{color:var(--color-on-primary);background-color:var(--color-primary-hover);background-image:linear-gradient(165deg,color-mix(in srgb,var(--color-primary-hover) 88%,var(--color-focus)) 0%,var(--color-primary-hover) 55%,var(--color-primary) 100%);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.button--secondary{color:var(--color-text);background-color:var(--color-surface);background-image:none;border-color:var(--color-border)}.button--secondary:hover{color:var(--color-highlight);background-color:color-mix(in srgb,var(--color-highlight) 12%,var(--color-surface));border-color:var(--color-highlight);box-shadow:none}.button--accent{color:var(--color-on-accent);background-color:var(--color-accent-red);background-image:linear-gradient(165deg,var(--color-accent-red-hover) 0%,var(--color-accent-red) 55%,color-mix(in srgb,var(--color-accent-red) 80%,var(--color-bg)) 100%);border-color:var(--color-accent-red)}.button--accent:hover{color:var(--color-on-accent);background-color:var(--color-accent-red-hover);background-image:linear-gradient(165deg,color-mix(in srgb,var(--color-accent-red-hover) 90%,var(--color-focus)) 0%,var(--color-accent-red-hover) 60%,var(--color-accent-red) 100%);border-color:var(--color-accent-red-hover);box-shadow:none}.button--pill{flex:0 0 auto;min-width:max-content;max-width:none;min-height:var(--hit-target);padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);border-width:0;font-size:var(--font-size-sm);font-weight:700;letter-spacing:var(--tracking-intro);white-space:nowrap;box-shadow:none}.button--pill.button--secondary{border-width:var(--border-width)}.button--pill:hover{box-shadow:none;transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.button,.button--pill:hover{transition:none;transform:none}}.component--button-group .demo{display:grid;gap:var(--space-md)}app-button-group,deml-button-group,:host{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--space-2);width:100%;max-width:100%;box-sizing:border-box}app-button-group.place-end,deml-button-group.place-end,:host(.place-end){justify-content:flex-end}app-button-group.place-start,deml-button-group.place-start,:host(.place-start){justify-content:flex-start}app-button-group.place-center,deml-button-group.place-center,:host(.place-center){justify-content:center}app-button-group[data-layout=row],deml-button-group[data-layout=row],:host([data-layout="row"]){flex-direction:row;flex-wrap:wrap;align-items:center;width:max-content;max-width:100%}app-button-group[data-layout=column],deml-button-group[data-layout=column],:host([data-layout="column"]){flex-direction:column;align-items:stretch;width:100%}app-button-group>*,deml-button-group>*,:host>*{flex:0 0 auto}@media screen and (min-width:800px){app-button-group[data-layout=responsive],deml-button-group[data-layout=responsive],:host([data-layout="responsive"]){flex-direction:row;flex-wrap:wrap;align-items:center;width:max-content}}.component--input-text .demo{display:grid;gap:var(--space-md)}.component--input-email .demo{display:grid;gap:var(--space-md)}.component--input-email label,.input-email{display:grid;gap:var(--space-1);width:100%;max-width:var(--content-width-sm);margin:0;padding:0;text-align:left}.component--input-email label,.input-email label,.input-email__label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--color-text-secondary)}.component--input-email label,.input-email input,.input-email select,.input-email textarea,.input-email__control{box-sizing:border-box;width:100%;min-height:var(--hit-target);margin:0;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-intro);line-height:1.3;color:var(--color-text);background-color:var(--color-surface);appearance:none;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.component--input-email label,.input-email input::placeholder,.input-email textarea::placeholder{color:var(--color-text-secondary);opacity:.72}.component--input-email label,.input-email input:hover:not(:disabled),.input-email select:hover:not(:disabled),.input-email textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.component--input-email label,.input-email input:focus,.input-email select:focus,.input-email textarea:focus{outline:none}.component--input-email label,.input-email input:focus-visible,.input-email select:focus-visible,.input-email textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.component--input-email label,.input-email input:disabled,.input-email select:disabled,.input-email textarea:disabled{opacity:.64;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.component--input-email label,.input-email input,.input-email select,.input-email textarea,.input-email__control{transition:none}}.component--input-password .demo{display:grid;gap:var(--space-md)}.component--input-password label,.input-password{display:grid;gap:var(--space-1);width:100%;max-width:var(--content-width-sm);margin:0;padding:0;text-align:left}.component--input-password label,.input-password label,.input-password__label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--color-text-secondary)}.component--input-password label,.input-password input,.input-password select,.input-password textarea,.input-password__control{box-sizing:border-box;width:100%;min-height:var(--hit-target);margin:0;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-intro);line-height:1.3;color:var(--color-text);background-color:var(--color-surface);appearance:none;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.component--input-password label,.input-password input::placeholder,.input-password textarea::placeholder{color:var(--color-text-secondary);opacity:.72}.component--input-password label,.input-password input:hover:not(:disabled),.input-password select:hover:not(:disabled),.input-password textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.component--input-password label,.input-password input:focus,.input-password select:focus,.input-password textarea:focus{outline:none}.component--input-password label,.input-password input:focus-visible,.input-password select:focus-visible,.input-password textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.component--input-password label,.input-password input:disabled,.input-password select:disabled,.input-password textarea:disabled{opacity:.64;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.component--input-password label,.input-password input,.input-password select,.input-password textarea,.input-password__control{transition:none}}.component--input-search .demo{display:grid;gap:var(--space-md)}.component--input-search label,.input-search{display:grid;gap:var(--space-1);width:100%;max-width:var(--content-width-sm);margin:0;padding:0;text-align:left}.component--input-search label,.input-search label,.input-search__label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--color-text-secondary)}.component--input-search label,.input-search input,.input-search select,.input-search textarea,.input-search__control{box-sizing:border-box;width:100%;min-height:var(--hit-target);margin:0;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-intro);line-height:1.3;color:var(--color-text);background-color:var(--color-surface);appearance:none;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.component--input-search label,.input-search input::placeholder,.input-search textarea::placeholder{color:var(--color-text-secondary);opacity:.72}.component--input-search label,.input-search input:hover:not(:disabled),.input-search select:hover:not(:disabled),.input-search textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.component--input-search label,.input-search input:focus,.input-search select:focus,.input-search textarea:focus{outline:none}.component--input-search label,.input-search input:focus-visible,.input-search select:focus-visible,.input-search textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.component--input-search label,.input-search input:disabled,.input-search select:disabled,.input-search textarea:disabled{opacity:.64;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.component--input-search label,.input-search input,.input-search select,.input-search textarea,.input-search__control{transition:none}}.component--input-number .demo{display:grid;gap:var(--space-md)}.component--input-number label,.input-number{display:grid;gap:var(--space-1);width:100%;max-width:var(--content-width-sm);margin:0;padding:0;text-align:left}.component--input-number label,.input-number label,.input-number__label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--color-text-secondary)}.component--input-number label,.input-number input,.input-number select,.input-number textarea,.input-number__control{box-sizing:border-box;width:100%;min-height:var(--hit-target);margin:0;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-intro);line-height:1.3;color:var(--color-text);background-color:var(--color-surface);appearance:none;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.component--input-number label,.input-number input::placeholder,.input-number textarea::placeholder{color:var(--color-text-secondary);opacity:.72}.component--input-number label,.input-number input:hover:not(:disabled),.input-number select:hover:not(:disabled),.input-number textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.component--input-number label,.input-number input:focus,.input-number select:focus,.input-number textarea:focus{outline:none}.component--input-number label,.input-number input:focus-visible,.input-number select:focus-visible,.input-number textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.component--input-number label,.input-number input:disabled,.input-number select:disabled,.input-number textarea:disabled{opacity:.64;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.component--input-number label,.input-number input,.input-number select,.input-number textarea,.input-number__control{transition:none}}.component--input-date .demo{display:grid;gap:var(--space-md)}.component--input-date label,.input-date{display:grid;gap:var(--space-1);width:100%;max-width:var(--content-width-sm);margin:0;padding:0;text-align:left}.component--input-date label,.input-date label,.input-date__label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--color-text-secondary)}.component--input-date label,.input-date input,.input-date select,.input-date textarea,.input-date__control{box-sizing:border-box;width:100%;min-height:var(--hit-target);margin:0;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-intro);line-height:1.3;color:var(--color-text);background-color:var(--color-surface);appearance:none;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.component--input-date label,.input-date input::placeholder,.input-date textarea::placeholder{color:var(--color-text-secondary);opacity:.72}.component--input-date label,.input-date input:hover:not(:disabled),.input-date select:hover:not(:disabled),.input-date textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.component--input-date label,.input-date input:focus,.input-date select:focus,.input-date textarea:focus{outline:none}.component--input-date label,.input-date input:focus-visible,.input-date select:focus-visible,.input-date textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.component--input-date label,.input-date input:disabled,.input-date select:disabled,.input-date textarea:disabled{opacity:.64;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.component--input-date label,.input-date input,.input-date select,.input-date textarea,.input-date__control{transition:none}}.component--input-time .demo{display:grid;gap:var(--space-md)}.component--input-time label,.input-time{display:grid;gap:var(--space-1);width:100%;max-width:var(--content-width-sm);margin:0;padding:0;text-align:left}.component--input-time label,.input-time label,.input-time__label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--color-text-secondary)}.component--input-time label,.input-time input,.input-time select,.input-time textarea,.input-time__control{box-sizing:border-box;width:100%;min-height:var(--hit-target);margin:0;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-intro);line-height:1.3;color:var(--color-text);background-color:var(--color-surface);appearance:none;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.component--input-time label,.input-time input::placeholder,.input-time textarea::placeholder{color:var(--color-text-secondary);opacity:.72}.component--input-time label,.input-time input:hover:not(:disabled),.input-time select:hover:not(:disabled),.input-time textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.component--input-time label,.input-time input:focus,.input-time select:focus,.input-time textarea:focus{outline:none}.component--input-time label,.input-time input:focus-visible,.input-time select:focus-visible,.input-time textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.component--input-time label,.input-time input:disabled,.input-time select:disabled,.input-time textarea:disabled{opacity:.64;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.component--input-time label,.input-time input,.input-time select,.input-time textarea,.input-time__control{transition:none}}.component--input-range .demo{display:grid;gap:var(--space-md)}.component--input-range label,.input-range{display:grid;gap:var(--space-1);width:100%;max-width:var(--content-width-sm);margin:0;padding:0;text-align:left}.component--input-range label,.input-range label,.input-range__label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--color-text-secondary)}.component--input-range label,.input-range input,.input-range select,.input-range textarea,.input-range__control{box-sizing:border-box;width:100%;min-height:var(--hit-target);margin:0;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-intro);line-height:1.3;color:var(--color-text);background-color:var(--color-surface);appearance:none;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.component--input-range label,.input-range input::placeholder,.input-range textarea::placeholder{color:var(--color-text-secondary);opacity:.72}.component--input-range label,.input-range input:hover:not(:disabled),.input-range select:hover:not(:disabled),.input-range textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.component--input-range label,.input-range input:focus,.input-range select:focus,.input-range textarea:focus{outline:none}.component--input-range label,.input-range input:focus-visible,.input-range select:focus-visible,.input-range textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.component--input-range label,.input-range input:disabled,.input-range select:disabled,.input-range textarea:disabled{opacity:.64;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.component--input-range label,.input-range input,.input-range select,.input-range textarea,.input-range__control{transition:none}}.component--textarea .demo{display:grid;gap:var(--space-md)}.component--textarea label,.textarea{display:grid;gap:var(--space-1);width:100%;max-width:var(--content-width-sm);margin:0;padding:0;text-align:left}.component--textarea label,.textarea label,.textarea__label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:var(--leading-ui);text-transform:uppercase;color:var(--color-text-secondary)}.component--textarea label,.textarea input,.textarea select,.textarea textarea,.textarea__control{box-sizing:border-box;width:100%;min-height:var(--hit-target);margin:0;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);line-height:var(--leading-body);color:var(--color-text);background-color:var(--color-surface);appearance:none;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.component--textarea label,.textarea input::placeholder,.textarea textarea::placeholder{color:var(--color-text-secondary);opacity:.72}.component--textarea label,.textarea input:hover:not(:disabled),.textarea select:hover:not(:disabled),.textarea textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.component--textarea label,.textarea input:focus,.textarea select:focus,.textarea textarea:focus{outline:none}.component--textarea label,.textarea input:focus-visible,.textarea select:focus-visible,.textarea textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.component--textarea label,.textarea input:disabled,.textarea select:disabled,.textarea textarea:disabled{opacity:.64;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.component--textarea label,.textarea input,.textarea select,.textarea textarea,.textarea__control{transition:none}}.component--select .demo{display:grid;gap:var(--space-md)}.component--select label,.select{display:grid;gap:var(--space-1);width:100%;max-width:var(--content-width-sm);margin:0;padding:0;text-align:left}.component--select label,.select label,.select__label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:var(--leading-ui);text-transform:uppercase;color:var(--color-text-secondary)}.component--select label,.select input,.select select,.select textarea,.select__control{box-sizing:border-box;width:100%;min-height:var(--hit-target);margin:0;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);line-height:var(--leading-ui);color:var(--color-text);background-color:var(--color-surface);appearance:none;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.component--select label,.select input::placeholder,.select textarea::placeholder{color:var(--color-text-secondary);opacity:.72}.component--select label,.select input:hover:not(:disabled),.select select:hover:not(:disabled),.select textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.component--select label,.select input:focus,.select select:focus,.select textarea:focus{outline:none}.component--select label,.select input:focus-visible,.select select:focus-visible,.select textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.component--select label,.select input:disabled,.select select:disabled,.select textarea:disabled{opacity:.64;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.component--select label,.select input,.select select,.select textarea,.select__control{transition:none}}.component--checkbox .demo{display:grid;gap:var(--space-md)}.checkbox-field__label{flex:1 1 auto;min-width:0;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-intro);line-height:1.4;color:var(--color-card-text-secondary)}.component--radio-group .demo{display:grid;gap:var(--space-md)}.radio-group{display:grid;gap:var(--space-2);box-sizing:border-box;width:100%;max-width:var(--content-width-sm);padding:var(--module-pad);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface)}.radio-group__legend{padding-inline:var(--space-1);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-secondary)}.radio-group__option{display:flex;align-items:center;gap:var(--space-2);min-height:var(--hit-target)}.radio-group input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.component--switch .demo{display:grid;gap:var(--space-md)}.switch{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-2);max-width:var(--content-width-sm);cursor:pointer}.switch__track{position:relative;display:inline-flex;align-items:center;width:var(--hit-target);height:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);background-color:var(--color-surface);transition:background-color .12s ease,border-color .12s ease}.switch__track input{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0)}.switch__thumb{position:absolute;top:var(--focus-ring-offset);left:var(--focus-ring-offset);width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background-color:var(--color-text);transition:transform .12s ease;pointer-events:none}.switch__track:has(input:checked){background-color:var(--color-primary);border-color:var(--color-primary)}.switch__track:has(input:checked) .switch__thumb{transform:translate(var(--space-3));background-color:var(--color-on-primary)}.switch__track:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.switch__label{display:block;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-intro);color:var(--color-text)}.switch__description{display:block;color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:var(--tracking-intro)}@media(prefers-reduced-motion:reduce){.switch__track,.switch__thumb{transition:none}}.component--toggle .demo{display:grid;gap:var(--space-md)}.toggle-group{display:inline-flex;flex-wrap:wrap;border:var(--border-width) solid var(--color-border);background-color:var(--color-surface)}.toggle{min-height:var(--hit-target);padding:var(--space-1) var(--space-2);border:0;background:transparent;color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-intro);cursor:pointer}.toggle+.toggle{border-inline-start:var(--border-width) solid var(--color-border)}.toggle[aria-pressed=true],.toggle[data-state=on]{color:var(--color-on-primary);background-color:var(--color-primary)}.toggle:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.component--autocomplete .demo{display:grid;gap:var(--space-md)}.autocomplete{position:relative;display:grid;gap:var(--space-1);width:100%;max-width:var(--content-width-sm)}.autocomplete__input{box-sizing:border-box;width:100%;min-height:var(--hit-target);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font:inherit}.autocomplete__input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.autocomplete__list{position:absolute;z-index:20;inset-block-start:calc(100% + var(--space-1));inset-inline:0;margin:0;padding:var(--space-1);list-style:none;border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-md)}.autocomplete__option{min-height:var(--hit-target);padding:var(--space-1) var(--space-2);cursor:pointer}.autocomplete__option[aria-selected=true],.autocomplete__option:hover{background-color:color-mix(in srgb,var(--color-primary) 12%,transparent)}.component--file-upload .demo{display:grid;gap:var(--space-md)}.file-upload{display:grid;gap:var(--space-md);max-width:var(--content-width-md)}.file-upload__dropzone{display:grid;place-items:center;gap:var(--space-2);box-sizing:border-box;min-height:var(--tile-row-unit);padding:var(--module-pad-lg);border:var(--border-width) dashed var(--color-border);background-color:var(--color-surface);color:var(--color-text);text-align:center}.file-upload__dropzone:focus-within{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.file-upload__hint{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:var(--tracking-intro)}.component--progress .demo{display:grid;gap:var(--space-md)}.component--progress progress,progress{display:block;width:min(100%,var(--content-width-sm));height:var(--space-2);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-primary);appearance:none}.component--progress progress::-webkit-progress-bar,progress::-webkit-progress-bar{background-color:var(--color-surface)}.component--progress progress::-webkit-progress-value,progress::-webkit-progress-value{background-color:var(--color-primary)}.component--progress progress::-moz-progress-bar,progress::-moz-progress-bar{background-color:var(--color-primary)}.component--badge .demo{display:grid;gap:var(--space-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--space-3);padding:0 var(--space-1);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-mark);text-transform:uppercase;color:var(--color-text);background-color:var(--color-surface)}.component--status-badge .demo{display:grid;gap:var(--space-md)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-mark);text-transform:uppercase;color:var(--color-text-secondary)}.status-badge__dot{width:var(--space-1);height:var(--space-1);border-radius:var(--radius-pill);background-color:var(--color-text-secondary)}.status-badge[data-tone=success] .status-badge__dot{background-color:var(--color-success)}.status-badge[data-tone=error],.status-badge[data-tone=danger]{color:var(--color-error)}.status-badge[data-tone=error] .status-badge__dot,.status-badge[data-tone=danger] .status-badge__dot{background-color:var(--color-error)}.status-badge[data-tone=warn],.status-badge[data-tone=warning]{color:var(--color-highlight)}.status-badge[data-tone=warn] .status-badge__dot,.status-badge[data-tone=warning] .status-badge__dot{background-color:var(--color-highlight)}.component--status-pill .demo{display:grid;gap:var(--space-md)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--space-3);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-mark);text-transform:uppercase;line-height:var(--leading-ui);color:var(--color-text);background-color:var(--color-surface)}.status-pill[data-status=up],.status-pill[data-tone=success]{color:var(--color-on-primary);background-color:var(--color-success);border-color:var(--color-success)}.status-pill[data-status=down],.status-pill[data-tone=error],.status-pill[data-tone=danger]{color:var(--color-on-accent);background-color:var(--color-error);border-color:var(--color-error)}.status-pill[data-status=maintenance],.status-pill[data-tone=warn],.status-pill[data-tone=warning]{color:var(--color-card-text);background-color:var(--color-highlight);border-color:var(--color-highlight)}.component--callout .demo{display:grid;gap:var(--space-md)}.callout{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);box-sizing:border-box;width:100%;min-height:var(--hit-target);padding:var(--module-pad);border:var(--border-width) solid var(--color-border);border-inline-start:calc(var(--border-width) * 4) solid var(--color-primary);background-color:var(--color-surface);color:var(--color-text)}.callout[data-tone=warning]{border-inline-start-color:var(--color-highlight)}.callout[data-tone=error],.callout[data-tone=danger]{border-inline-start-color:var(--color-error)}.callout[data-tone=success]{border-inline-start-color:var(--color-success)}.callout__body{display:grid;gap:var(--space-1);min-width:0}.callout__heading{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.callout__text{margin:0;font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.callout__close{flex:0 0 auto;min-width:var(--hit-target);min-height:var(--hit-target);border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer}.callout__close:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.component--toast .demo{display:grid;gap:var(--space-md)}.toast{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-2);box-sizing:border-box;width:min(var(--content-width-sm),100%);padding:var(--module-pad);border:var(--border-width) solid var(--color-border);border-inline-start:calc(var(--border-width) * 4) solid var(--color-primary);background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md)}.toast__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.toast__description,.toast__body{grid-column:1;margin:0;font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.toast__close{grid-column:2;grid-row:1 / span 2;align-self:start;min-width:var(--hit-target);min-height:var(--hit-target);border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer}.toast__close:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.toast[data-tone=error]{border-inline-start-color:var(--color-error)}.toast[data-tone=success]{border-inline-start-color:var(--color-success)}.component--flashbar .demo{display:grid;gap:var(--space-md)}.flashbar{display:grid;gap:var(--tile-gap);width:100%;margin:0;padding:0;list-style:none}.flashbar__item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);box-sizing:border-box;width:100%;min-height:var(--hit-target);padding:var(--module-pad);border:var(--border-width) solid var(--color-border);border-inline-start:calc(var(--border-width) * 4) solid var(--color-primary);background-color:var(--color-surface);color:var(--color-text)}.flashbar__item[data-tone=error]{border-inline-start-color:var(--color-error)}.flashbar__item[data-tone=success]{border-inline-start-color:var(--color-success)}.flashbar__message{margin:0;font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro)}.flashbar__dismiss{min-width:var(--hit-target);min-height:var(--hit-target);border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer}.flashbar__dismiss:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.component--empty-state .demo{display:grid;gap:var(--space-md)}.empty-state{display:grid;gap:var(--space-2);place-items:center;text-align:center;box-sizing:border-box;width:100%;min-height:var(--tile-row-unit);padding:var(--module-pad-lg);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text)}.empty-state__eyebrow{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-highlight)}.empty-state__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.empty-state__description{margin:0;max-width:var(--content-width-sm);font-family:var(--font-serif);font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.empty-state__actions{margin-block-start:var(--space-2);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.component--error-state .demo{display:grid;gap:var(--space-md)}.error-state{display:grid;gap:var(--space-2);place-items:center;text-align:center;box-sizing:border-box;width:100%;min-height:var(--tile-row-unit);padding:var(--module-pad-lg);border:var(--border-width) solid var(--color-error);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text)}.error-state__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.error-state__description{margin:0;max-width:var(--content-width-sm);font-family:var(--font-serif);font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.error-state__actions{margin-block-start:var(--space-2);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.component--skeleton .demo{display:grid;gap:var(--space-md)}.skeleton{display:grid;gap:var(--space-2);width:100%}.skeleton__line,.skeleton__block{display:block;width:100%;border:var(--border-width) solid var(--color-border);background:linear-gradient(90deg,color-mix(in srgb,var(--color-surface) 70%,var(--color-border)),color-mix(in srgb,var(--color-surface) 40%,var(--color-border)),color-mix(in srgb,var(--color-surface) 70%,var(--color-border)));background-size:200% 100%;animation:deml-skeleton 1.4s ease-in-out infinite}.skeleton__line{height:var(--space-2)}.skeleton__block{height:var(--space-8)}@media(prefers-reduced-motion:reduce){.skeleton__line,.skeleton__block{animation:none}}@keyframes deml-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.component--spinner .demo{display:grid;gap:var(--space-md)}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner__visual,.spinner:not(:has(.spinner__visual)){box-sizing:border-box;width:var(--icon-size);height:var(--icon-size);border:var(--focus-ring-width) solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-pill);animation:deml-spinner .7s linear infinite}.spinner[data-size=sm] .spinner__visual,.spinner[data-size=sm]:not(:has(.spinner__visual)){width:var(--icon-size-sm);height:var(--icon-size-sm)}.spinner[data-size=lg] .spinner__visual,.spinner[data-size=lg]:not(:has(.spinner__visual)){width:var(--hit-target);height:var(--hit-target)}@keyframes deml-spinner{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner__visual,.spinner:not(:has(.spinner__visual)){animation:none;opacity:.72}}.component--loading-overlay .demo{display:grid;gap:var(--space-md)}.loading-overlay{position:relative;display:grid;place-items:center;box-sizing:border-box;width:100%;min-height:var(--tile-row-unit);padding:var(--module-pad);border:var(--border-width) solid var(--color-border);background-color:color-mix(in srgb,var(--color-surface) 88%,transparent);color:var(--color-text)}.loading-overlay__label{margin:var(--space-2) 0 0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-secondary)}.component--avatar .demo{display:grid;gap:var(--space-md)}.avatar{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--hit-target);height:var(--hit-target);border-radius:var(--radius-pill);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-mark);text-transform:uppercase;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.component--icon .demo{display:grid;gap:var(--space-md)}.icon{display:inline-block;vertical-align:middle;color:inherit}.icon-label{margin-inline-start:var(--space-sm)}.component--kbd .demo{display:grid;gap:var(--space-md)}.kbd,kbd{display:inline-flex;align-items:center;justify-content:center;min-height:var(--space-3);padding:0 var(--space-1);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-mark);text-transform:uppercase}.component--card .demo{display:grid;gap:var(--tile-gap)}app-card,deml-card,:host{display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;--card-visual: var(--color-primary);background-color:transparent}app-card[data-visual=gold],deml-card[data-visual=gold],:host([data-visual="gold"]){--card-visual: var(--color-accent-gold)}app-card[data-visual=red],deml-card[data-visual=red],:host([data-visual="red"]){--card-visual: var(--color-accent-red)}app-card[data-visual=olive],deml-card[data-visual=olive],:host([data-visual="olive"]){--card-visual: var(--color-primary)}app-card[data-visual=none],deml-card[data-visual=none],:host([data-visual="none"]){--card-visual: var(--color-primary)}.card{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;height:100%;min-height:100%;margin:0;padding:var(--space-6) var(--module-pad) 0;overflow:hidden;text-align:center;color:var(--color-card-text);background-color:var(--color-card);background-image:linear-gradient(180deg,color-mix(in srgb,var(--card-visual, var(--color-primary)) 14%,var(--color-card)) 0%,var(--color-card) 42%);border:var(--border-width) solid var(--color-card-border);border-top:calc(var(--border-width) * 4) solid var(--card-visual, var(--color-primary));box-shadow:var(--shadow-card)}.card-copy{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--content-width-md);background-color:transparent}.card-meta{margin:0 0 var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--card-visual, var(--color-primary))}.card-heading{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:clamp(calc(var(--grid) * 3.5),4vw,var(--font-size-lg));font-weight:var(--font-weight-display);letter-spacing:var(--tracking-display);line-height:1.05;color:var(--color-card-text)}.card-subtext{margin:0 0 var(--space-4);max-width:32ch;font-family:var(--font-serif);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-intro);line-height:1.5;color:var(--color-card-text-secondary)}.card-actions{display:flex;justify-content:center;width:100%;margin-bottom:var(--space-5);background-color:transparent}.card-actions:empty{display:none;margin:0}.card-media{display:flex;flex:1 1 auto;align-items:flex-end;justify-content:center;width:100%;min-height:var(--space-16);margin-top:auto;background-color:var(--color-card)}.card-media:empty:not(.has-visual){display:none;min-height:0}.card-media.has-visual:empty,.card-media.has-visual{min-height:var(--space-22);background-color:var(--color-olive);background-image:radial-gradient(85% 75% at 50% 110%,color-mix(in srgb,var(--card-visual, var(--color-primary)) 72%,transparent) 0%,transparent 68%),radial-gradient(60% 50% at 80% 20%,color-mix(in srgb,var(--card-visual, var(--color-primary)) 28%,transparent) 0%,transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--color-olive) 70%,var(--card-visual, var(--color-primary))) 0%,var(--color-olive) 100%)}app-card[data-layout=teaser],deml-card[data-layout=teaser],:host([data-layout="teaser"]){height:auto}app-card[data-layout=teaser] .card,deml-card[data-layout=teaser] .card,:host([data-layout="teaser"]) .card{align-items:stretch;min-height:0;padding:var(--space-4);text-align:left}app-card[data-layout=teaser] .card-copy,deml-card[data-layout=teaser] .card-copy,:host([data-layout="teaser"]) .card-copy{align-items:flex-start;max-width:none;flex:1 1 auto}app-card[data-layout=teaser] .card-subtext,deml-card[data-layout=teaser] .card-subtext,:host([data-layout="teaser"]) .card-subtext{max-width:56ch}app-card[data-layout=teaser] .card-actions,deml-card[data-layout=teaser] .card-actions,:host([data-layout="teaser"]) .card-actions{justify-content:flex-start;margin-bottom:0}app-card[data-layout=teaser] .card-media.has-visual:empty,app-card[data-layout=teaser] .card-media.has-visual,deml-card[data-layout=teaser] .card-media.has-visual:empty,deml-card[data-layout=teaser] .card-media.has-visual,:host([data-layout="teaser"]) .card-media.has-visual:empty,:host([data-layout="teaser"]) .card-media.has-visual{min-height:var(--space-16);margin-top:var(--space-4)}@media screen and (min-width:800px){.card{min-height:100%;padding:var(--space-8) var(--space-4) 0}.card-media.has-visual:empty,.card-media.has-visual{min-height:var(--space-26)}app-card[data-layout=teaser] .card,deml-card[data-layout=teaser] .card,:host([data-layout="teaser"]) .card{flex-direction:row;align-items:stretch;min-height:var(--space-28);padding:0;border-top-width:var(--border-width);border-left:calc(var(--border-width) * 4) solid var(--card-visual, var(--color-primary))}app-card[data-layout=teaser] .card-copy,deml-card[data-layout=teaser] .card-copy,:host([data-layout="teaser"]) .card-copy{justify-content:center;padding:var(--space-6) var(--space-6);background-color:var(--color-card)}app-card[data-layout=teaser] .card-media,deml-card[data-layout=teaser] .card-media,:host([data-layout="teaser"]) .card-media{flex:0 0 min(40%,calc(var(--grid) * 44));width:auto;min-height:100%;margin-top:0}app-card[data-layout=teaser] .card-media.has-visual:empty,app-card[data-layout=teaser] .card-media.has-visual,deml-card[data-layout=teaser] .card-media.has-visual:empty,deml-card[data-layout=teaser] .card-media.has-visual,:host([data-layout="teaser"]) .card-media.has-visual:empty,:host([data-layout="teaser"]) .card-media.has-visual{min-height:100%;margin-top:0;background-color:var(--color-olive);background-image:radial-gradient(90% 80% at 70% 50%,color-mix(in srgb,var(--card-visual, var(--color-primary)) 70%,transparent) 0%,transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--card-visual, var(--color-primary)) 40%,var(--color-olive)) 0%,var(--color-olive) 100%)}}@media screen and (min-width:1200px){app-card[data-layout=teaser] .card-copy,deml-card[data-layout=teaser] .card-copy,:host([data-layout="teaser"]) .card-copy{padding:var(--space-8) var(--space-8)}}.component--stat-card .demo{display:grid;gap:var(--tile-gap)}app-stat-card,deml-stat-card,deml-metric-card,:host{display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;--stat-accent: var(--color-primary);background-color:transparent}app-stat-card[data-accent=gold],deml-stat-card[data-accent=gold],deml-metric-card[data-accent=gold],:host([data-accent="gold"]){--stat-accent: var(--color-accent-gold)}app-stat-card[data-accent=red],deml-stat-card[data-accent=red],deml-metric-card[data-accent=red],:host([data-accent="red"]){--stat-accent: var(--color-accent-red)}app-stat-card[data-accent=primary],deml-stat-card[data-accent=primary],deml-metric-card[data-accent=primary],:host([data-accent="primary"]){--stat-accent: var(--color-primary)}.stat-card{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-height:100%;margin:0;padding:var(--space-3);overflow:hidden;color:var(--color-card-text);background-color:var(--color-card);background-image:linear-gradient(160deg,color-mix(in srgb,var(--stat-accent) 18%,var(--color-card)) 0%,var(--color-card) 55%);border:var(--border-width) solid var(--color-card-border);border-top:calc(var(--border-width) * 4) solid var(--stat-accent);box-shadow:var(--shadow-card)}.stat-card-label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--stat-accent)}app-stat-card[data-trend=up] .stat-card-delta,deml-stat-card[data-trend=up] .stat-card-delta,:host([data-trend="up"]) .stat-card-delta{color:var(--color-accent-gold)}app-stat-card[data-trend=down] .stat-card-delta,deml-stat-card[data-trend=down] .stat-card-delta,:host([data-trend="down"]) .stat-card-delta{color:var(--color-accent-red)}app-stat-card[data-size=sm] .stat-card-spark,deml-stat-card[data-size=sm] .stat-card-spark,:host([data-size="sm"]) .stat-card-spark{display:none}app-stat-card[data-size=md] .stat-card-value,app-stat-card[data-size=wide] .stat-card-value,app-stat-card[data-size=lg] .stat-card-value,app-stat-card[data-size=hero] .stat-card-value,deml-stat-card[data-size=md] .stat-card-value,deml-stat-card[data-size=wide] .stat-card-value,deml-stat-card[data-size=lg] .stat-card-value,deml-stat-card[data-size=hero] .stat-card-value,:host([data-size="md"]) .stat-card-value,:host([data-size="wide"]) .stat-card-value,:host([data-size="lg"]) .stat-card-value,:host([data-size="hero"]) .stat-card-value{font-size:clamp(calc(var(--grid) * 4.5),5vw,calc(var(--grid) * 6.5))}@media screen and (min-width:800px){.stat-card{padding:var(--space-4)}}.component--metric-card .demo{display:grid;gap:var(--space-md)}app-stat-card,deml-metric-card,deml-stat-card,:host{display:block;width:100%;height:100%;min-width:0;--stat-accent: var(--color-primary);background-color:transparent}app-stat-card[data-accent=gold],:host([data-accent="gold"]){--stat-accent: var(--color-accent-gold)}app-stat-card[data-accent=red],:host([data-accent="red"]){--stat-accent: var(--color-accent-red)}app-stat-card[data-accent=primary],:host([data-accent="primary"]){--stat-accent: var(--color-primary)}app-stat-card[data-size=sm] .stat-card-spark,:host([data-size="sm"]) .stat-card-spark{display:none}app-stat-card[data-size=md] .stat-card-value,app-stat-card[data-size=wide] .stat-card-value,app-stat-card[data-size=lg] .stat-card-value,app-stat-card[data-size=hero] .stat-card-value,:host([data-size="md"]) .stat-card-value,:host([data-size="wide"]) .stat-card-value,:host([data-size="lg"]) .stat-card-value,:host([data-size="hero"]) .stat-card-value{font-size:clamp(calc(var(--grid) * 4.5),5vw,calc(var(--grid) * 6.5))}app-stat-card[data-trend=up] .stat-card-delta,:host([data-trend="up"]) .stat-card-delta{color:var(--color-accent-gold)}app-stat-card[data-trend=down] .stat-card-delta,:host([data-trend="down"]) .stat-card-delta{color:var(--color-accent-red)}.stat-card{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-height:100%;margin:0;padding:var(--module-pad);overflow:hidden;color:var(--color-card-text);background-color:var(--color-card);background-image:linear-gradient(160deg,color-mix(in srgb,var(--stat-accent) 18%,var(--color-card)) 0%,var(--color-card) 55%);border:var(--border-width) solid var(--color-card-border);border-top:calc(var(--border-width) * 4) solid var(--stat-accent);box-shadow:var(--shadow-card)}.stat-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin:0 0 var(--space-2);flex:0 0 auto}.stat-card-label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:1.3;text-transform:uppercase;color:var(--stat-accent)}.stat-card-delta{display:inline-flex;align-items:center;gap:var(--space-1);margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:700;letter-spacing:var(--tracking-intro);line-height:1;color:var(--color-card-text-secondary);white-space:nowrap}.stat-card-delta span{color:inherit}:host([data-trend="up"]) .stat-card-delta{color:var(--color-accent-gold)}:host([data-trend="down"]) .stat-card-delta{color:var(--color-accent-red)}.stat-card-value{margin:0;flex:0 0 auto;font-family:var(--font-display);font-size:clamp(var(--font-size-lg),4vw,calc(var(--grid) * 5.5));font-weight:var(--font-weight-display);letter-spacing:var(--tracking-display);line-height:.95;color:var(--color-card-text)}.stat-card-meta{margin:var(--space-1) 0 0;flex:0 0 auto;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:400;line-height:1.35;color:var(--color-card-text-secondary)}.stat-card-spark{display:flex;flex:1 1 auto;align-items:stretch;width:100%;min-height:var(--chart-spark-min-block);margin-top:var(--space-3)}.stat-card-spark>:first-child{width:100%;min-height:100%}:host([data-size="sm"]) .stat-card-spark{display:none}:host([data-size="md"]) .stat-card-value,:host([data-size="wide"]) .stat-card-value,:host([data-size="lg"]) .stat-card-value,:host([data-size="hero"]) .stat-card-value{font-size:clamp(calc(var(--grid) * 4.5),5vw,calc(var(--grid) * 6.5))}@media screen and (min-width:800px){.stat-card{padding:var(--module-pad-lg)}}.component--microcard .demo{display:grid;gap:var(--space-md)}app-microcard,deml-microcard,:host{display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;--microcard-visual: var(--color-primary);background-color:transparent}app-microcard[data-visual=gold],deml-microcard[data-visual=gold],:host([data-visual="gold"]){--microcard-visual: var(--color-accent-gold)}app-microcard[data-visual=red],deml-microcard[data-visual=red],:host([data-visual="red"]){--microcard-visual: var(--color-accent-red)}app-microcard[data-visual=olive],deml-microcard[data-visual=olive],:host([data-visual="olive"]){--microcard-visual: var(--color-primary)}.microcard{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-height:100%;margin:0;padding:0;overflow:hidden;text-decoration:none;color:inherit;background-color:var(--color-card);background-image:linear-gradient(180deg,color-mix(in srgb,var(--microcard-visual, var(--color-primary)) 16%,var(--color-card)) 0%,var(--color-card) 50%);border:var(--border-width) solid var(--color-card-border);box-shadow:var(--shadow-card);transition:border-color .16s ease,transform .16s ease,background-image .16s ease,box-shadow .16s ease}.microcard:hover{border-color:color-mix(in srgb,var(--microcard-visual, var(--color-primary)) 65%,var(--color-card-border));background-image:linear-gradient(180deg,color-mix(in srgb,var(--microcard-visual, var(--color-primary)) 24%,var(--color-card)) 0%,var(--color-card) 55%);box-shadow:var(--shadow-md);transform:translateY(calc(-1 * var(--focus-ring-offset)))}.microcard:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.microcard-copy{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:var(--space-1);box-sizing:border-box;width:100%;padding:var(--space-3);background-color:transparent}.microcard-meta{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--microcard-visual, var(--color-primary))}.microcard-heading{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:1.25;color:var(--color-card-text);word-break:break-word}.microcard-subtext{margin:0;flex:1 1 auto;font-size:var(--font-size-sm);font-weight:400;letter-spacing:var(--tracking-intro);line-height:1.4;color:var(--color-card-text-secondary)}.microcard-cta{margin-top:var(--space-2);font-size:var(--font-size-xs);font-weight:700;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--microcard-visual, var(--color-primary))}.microcard:hover .microcard-cta{color:color-mix(in srgb,var(--microcard-visual, var(--color-primary)) 72%,var(--color-card-text))}.microcard-visual{flex:0 0 var(--space-2);width:100%;margin:0;padding:0;background-color:var(--microcard-visual, var(--color-primary));background-image:linear-gradient(90deg,var(--microcard-visual, var(--color-primary)) 0%,color-mix(in srgb,var(--microcard-visual, var(--color-primary)) 55%,var(--color-plot)) 100%)}@media(prefers-reduced-motion:reduce){.microcard{transition:none}.microcard:hover{transform:none}}.component--hud-panel .demo{display:grid;gap:var(--space-md)}.hud-panel{display:grid;gap:var(--space-2);box-sizing:border-box;width:100%;height:100%;min-height:var(--tile-row-unit);padding:var(--module-pad);border:var(--border-width) solid var(--color-card-border);background-color:var(--color-card);color:var(--color-card-text);box-shadow:var(--shadow-card)}.hud-panel__header h3,.hud-panel__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-card-text)}.hud-panel__meta{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-card-text-secondary)}.component--status-card .demo{display:grid;gap:var(--space-md)}.status-card{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-height:var(--tile-row-unit);margin:0;padding:var(--module-pad);gap:var(--space-1);color:var(--color-card-text);background-color:var(--color-card);border:var(--border-width) solid var(--color-card-border);box-shadow:var(--shadow-card)}.status-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.status-card__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-card-text)}.status-card__description{flex:1 1 auto;margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-card-text-secondary)}.status-card__uptime{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-card-text-secondary)}.component--table .demo{display:grid;gap:var(--space-md)}.component--table table,table{width:100%;border-collapse:collapse;font:inherit;color:var(--color-text);background-color:var(--color-surface)}.component--table th,.component--table td,th,td{padding:var(--space-sm) var(--space-md);border-block-end:var(--border-width) solid var(--color-border);text-align:start}.component--table th,th{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-secondary)}.component--table caption,caption{text-align:start;padding-block-end:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:var(--tracking-mark);text-transform:uppercase}.component--pagination .demo{display:grid;gap:var(--space-md)}.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin:0;padding:0}.pagination__pages{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none}.pagination__prev,.pagination__next,.pagination__pages button,.pagination button,.pagination a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--hit-target);min-width:var(--hit-target);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-intro);color:var(--color-text);background-color:var(--color-surface);text-decoration:none;cursor:pointer}.pagination__prev:focus-visible,.pagination__next:focus-visible,.pagination__pages button:focus-visible,.pagination button:focus-visible,.pagination a:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.pagination__pages button[aria-current=page],.pagination [aria-current=page]{color:var(--color-on-primary);background-color:var(--color-primary);border-color:var(--color-primary)}.component--activity-list .demo{display:grid;gap:var(--space-md)}.activity-list{display:grid;gap:0;width:100%;margin:0;padding:0;list-style:none;border:var(--border-width) solid var(--color-border);background-color:var(--color-surface)}.activity-list__item{display:grid;grid-template-columns:var(--space-10) 1fr;gap:var(--space-1) var(--space-md);padding:var(--module-pad);border-block-end:var(--border-width) solid var(--color-border)}.activity-list__item:last-child{border-block-end:0}.activity-list__item time{grid-row:1 / span 2;color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:var(--tracking-mark);text-transform:uppercase}.activity-list__title{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.activity-list__meta{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:var(--tracking-intro)}.component--timeline .demo{display:grid;gap:var(--space-md)}.timeline{display:grid;gap:var(--space-3);margin:0;padding:0 0 0 var(--space-3);list-style:none;border-inline-start:var(--focus-ring-width) solid var(--color-border)}.timeline__item{display:grid;gap:var(--space-1)}.timeline__item time{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.timeline__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.timeline__body{margin:0;font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.component--metric-list .demo{display:grid;gap:var(--tile-gap)}app-metric-list,deml-metric-list,:host{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;min-height:0;flex:0 1 auto;--chart-accent: var(--chart-series-1);background-color:transparent}app-metric-list[data-accent=gold],:host([data-accent="gold"]){--chart-accent: var(--chart-series-3)}app-metric-list[data-accent=red],:host([data-accent="red"]){--chart-accent: var(--chart-series-4)}app-metric-list[data-accent=primary],:host([data-accent="primary"]){--chart-accent: var(--chart-series-1)}.metric-list{display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-start;gap:0;box-sizing:border-box;width:100%;max-width:var(--chart-stage-max-inline);aspect-ratio:var(--chart-aspect);height:auto;margin:0 auto;padding:var(--space-3);overflow:auto;list-style:none;background-color:var(--color-plot);border:var(--border-width) solid var(--color-plot-border);color:var(--color-plot-ink)}.metric-list-item{display:grid;grid-template-columns:var(--space-4) 1fr auto;align-items:center;gap:var(--space-2);flex:0 0 auto;margin:0;padding:var(--space-2) 0;border-bottom:var(--border-width) solid color-mix(in srgb,var(--chart-series-2) 14%,transparent);background-color:transparent}.metric-list-item:first-child{padding-top:0}.metric-list-item:last-child{border-bottom:0;padding-bottom:0}.metric-list-rank{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-display);line-height:1;color:var(--chart-accent)}.metric-list-copy{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.metric-list-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:1.25;color:var(--color-plot-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-list-meta{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-intro);line-height:1.2;color:var(--color-plot-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-list-value{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-plot-ink);white-space:nowrap}.component--chart-card .demo{display:grid;gap:var(--tile-gap)}app-chart-card,deml-chart-card,:host{display:block;width:100%;height:100%;min-width:0;--chart-accent: var(--color-primary);background-color:transparent}app-chart-card[data-accent=gold],:host([data-accent="gold"]){--chart-accent: var(--color-accent-gold)}app-chart-card[data-accent=red],:host([data-accent="red"]){--chart-accent: var(--color-accent-red)}app-chart-card[data-accent=primary],:host([data-accent="primary"]){--chart-accent: var(--color-primary)}.chart-card{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-height:100%;margin:0;padding:var(--module-pad);overflow:clip;color:var(--color-card-text);background-color:var(--color-card);background-image:linear-gradient(165deg,color-mix(in srgb,var(--chart-accent) 12%,var(--color-card)) 0%,var(--color-card) 48%);border:var(--border-width) solid var(--color-card-border);border-top:calc(var(--border-width) * 4) solid var(--chart-accent);box-shadow:var(--shadow-card)}.chart-card-header{display:flex;flex-direction:column;gap:var(--space-1);margin:0 0 var(--space-3);flex:0 0 auto}.chart-card-heading{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:1.2;color:var(--color-card-text)}.chart-card-meta{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--chart-accent)}.chart-card-body{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-height:0;width:100%;overflow:hidden}.chart-card-body>*,app-chart-card .chart-card-body>*,deml-chart-card .chart-card-body>*{width:100%;min-width:0;min-height:0;flex:0 1 auto}:host([data-size="hero"]) .chart-card-heading,:host([data-size="lg"]) .chart-card-heading,:host([data-size="wide"]) .chart-card-heading,app-chart-card[data-size=hero] .chart-card-heading,app-chart-card[data-size=lg] .chart-card-heading,app-chart-card[data-size=wide] .chart-card-heading{font-size:clamp(1.25rem,2.5vw,var(--font-size-md));letter-spacing:var(--tracking-display)}@media screen and (min-width:800px){.chart-card{padding:var(--module-pad-lg)}}.component--area-chart .demo{display:grid;gap:var(--tile-gap)}app-area-chart,deml-area-chart,:host{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;min-height:0;flex:0 1 auto;--chart-accent: var(--color-primary);--chart-plot: var(--color-plot);--chart-grid: var(--color-plot-grid);--chart-baseline: var(--color-plot-baseline);--chart-label: var(--color-plot-muted);--chart-node: var(--color-plot-ink);background-color:transparent}app-area-chart[data-accent=gold],deml-area-chart[data-accent=gold],:host([data-accent="gold"]){--chart-accent: var(--color-accent-gold)}app-area-chart[data-accent=red],deml-area-chart[data-accent=red],:host([data-accent="red"]){--chart-accent: var(--color-accent-red)}app-area-chart[data-accent=primary],deml-area-chart[data-accent=primary],:host([data-accent="primary"]){--chart-accent: var(--color-primary)}.area-chart-frame{display:flex;flex:0 1 auto;align-items:stretch;justify-content:center;box-sizing:border-box;width:100%;margin:0;padding:var(--chart-inset);background-color:var(--chart-plot);border:var(--border-width) solid var(--color-plot-border)}app-area-chart:not([data-variant=spark]) .area-chart-frame,deml-area-chart:not([data-variant=spark]) .area-chart-frame,:host(:not([data-variant="spark"])) .area-chart-frame,.component--area-chart .area-chart-frame,.component--chart-card .area-chart-frame{aspect-ratio:var(--chart-aspect);width:min(100%,calc(var(--chart-max-block) * var(--chart-aspect)));height:auto;max-height:var(--chart-max-block);margin-inline:auto}.area-chart{display:block;width:100%;height:100%;min-height:0;overflow:visible}.area-chart-grid-v{stroke:var(--chart-grid);stroke-width:1;vector-effect:non-scaling-stroke}.area-chart-baseline{stroke:var(--chart-baseline);stroke-width:1;vector-effect:non-scaling-stroke}.area-chart-fill{opacity:1}.area-chart-line{stroke:var(--chart-accent);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.area-chart-node{fill:var(--chart-node);stroke:var(--chart-plot);stroke-width:1.5}.area-chart-stop--top{stop-color:var(--chart-accent);stop-opacity:.62}.area-chart-stop--mid{stop-color:var(--chart-accent);stop-opacity:.22}.area-chart-stop--bottom{stop-color:var(--chart-accent);stop-opacity:0}.area-chart-y,.area-chart-x{fill:var(--chart-label);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-mark)}app-area-chart[data-variant=spark] .area-chart-frame,deml-area-chart[data-variant=spark] .area-chart-frame,:host([data-variant="spark"]) .area-chart-frame{width:min(100%,calc(var(--chart-spark-max-block) * var(--chart-spark-aspect)));aspect-ratio:var(--chart-spark-aspect);height:auto;max-height:var(--chart-spark-max-block);margin-inline:auto;padding:0;border:0;background-color:transparent}app-area-chart[data-variant=spark] .area-chart,:host([data-variant="spark"]) .area-chart{min-height:0}app-area-chart[data-variant=spark] .area-chart-line,:host([data-variant="spark"]) .area-chart-line{stroke-width:2.75}app-area-chart[data-variant=spark] .area-chart-grid-v,:host([data-variant="spark"]) .area-chart-grid-v{stroke:color-mix(in srgb,var(--color-card-text) 12%,transparent)}app-area-chart[data-variant=spark] .area-chart-baseline,:host([data-variant="spark"]) .area-chart-baseline{stroke:color-mix(in srgb,var(--color-card-text) 14%,transparent)}app-area-chart[data-variant=spark] .area-chart-node,:host([data-variant="spark"]) .area-chart-node{fill:var(--chart-accent);stroke:var(--color-card)}.component--bar-chart .demo{display:grid;gap:var(--tile-gap)}app-bar-chart,deml-bar-chart,:host{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;min-height:0;flex:0 1 auto;--chart-accent: var(--color-primary);--chart-plot: var(--color-plot);--chart-label: var(--color-plot-muted);--chart-value: var(--color-plot-ink);background-color:transparent}app-bar-chart[data-accent=gold],:host([data-accent="gold"]){--chart-accent: var(--color-accent-gold)}app-bar-chart[data-accent=red],:host([data-accent="red"]){--chart-accent: var(--color-accent-red)}app-bar-chart[data-accent=primary],:host([data-accent="primary"]){--chart-accent: var(--color-primary)}.bar-chart{display:flex;flex:0 1 auto;flex-direction:column;justify-content:space-between;gap:var(--space-2);box-sizing:border-box;width:min(100%,calc(var(--chart-max-block) * var(--chart-aspect)));aspect-ratio:var(--chart-aspect);height:auto;max-height:var(--chart-max-block);margin:0 auto;padding:var(--chart-inset) var(--space-3);overflow:auto;list-style:none;background-color:var(--chart-plot);border:var(--border-width) solid var(--color-plot-border)}.bar-chart-row{display:flex;flex-direction:column;gap:var(--space-1);flex:0 0 auto;margin:0;padding:0;background-color:transparent}.bar-chart-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);width:100%}.bar-chart-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:1.2;color:var(--chart-value);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-chart-value{flex:0 0 auto;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-intro);color:var(--chart-label)}.bar-chart-track{width:100%;height:var(--space-1);background-color:color-mix(in srgb,var(--color-plot-muted) 16%,var(--chart-plot));overflow:hidden}.bar-chart-fill{height:100%;background-color:var(--chart-accent);background-image:linear-gradient(90deg,var(--chart-accent) 0%,color-mix(in srgb,var(--chart-accent) 55%,var(--color-on-primary)) 100%)}@media(prefers-reduced-motion:reduce){.bar-chart-fill{transition:none}}.component--chart .demo{display:grid;gap:var(--tile-gap)}.chart-figure{display:grid;gap:var(--space-2);margin:0;width:100%}.chart-figure__plot{display:block;box-sizing:border-box;width:min(100%,calc(var(--chart-max-block) * var(--chart-aspect)));aspect-ratio:var(--chart-aspect);height:auto;max-height:var(--chart-max-block);margin-inline:auto;padding:var(--chart-inset);background-color:var(--chart-plot);border:var(--border-width) solid var(--color-plot-border);color:var(--color-plot-ink)}.chart{display:block;width:100%;height:100%;color:inherit}.chart-figure figcaption{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-secondary);text-align:center}.component--chart-panel .demo{display:grid;gap:var(--tile-gap)}app-chart-panel,deml-chart-panel,:host{display:block;width:100%;height:100%;min-width:0;--chart-accent: var(--color-primary);background-color:transparent}.chart-panel{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-height:100%;margin:0;padding:var(--module-pad);overflow:clip;color:var(--color-card-text);background-color:var(--color-card);background-image:linear-gradient(165deg,color-mix(in srgb,var(--chart-accent) 14%,var(--color-card)) 0%,var(--color-card) 48%);border:var(--border-width) solid var(--color-card-border);border-top:calc(var(--border-width) * 4) solid var(--chart-accent);box-shadow:var(--shadow-card)}.chart-panel__header{display:flex;flex-direction:column;gap:var(--space-1);margin:0 0 var(--space-3);flex:0 0 auto}.chart-panel__header h3,.chart-panel__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:1.2;color:var(--color-card-text)}.chart-panel__value{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--chart-accent)}.chart-panel__body{display:flex;flex:0 1 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;width:min(100%,calc(var(--chart-max-block) * var(--chart-aspect)));aspect-ratio:var(--chart-aspect);height:auto;max-height:var(--chart-max-block);margin:0 auto;padding:var(--chart-inset);overflow:hidden;background-color:var(--chart-plot);border:var(--border-width) solid var(--color-plot-border);color:var(--color-plot-ink)}.chart-panel__body>.chart,.chart-panel__body>svg{display:block;width:100%;height:100%}@media screen and (min-width:800px){.chart-panel{padding:var(--module-pad-lg)}}.component--chart-empty-state .demo{display:grid;gap:var(--tile-gap)}app-chart-empty-state,deml-chart-empty-state,.chart-empty-state,:host{display:grid;place-items:center;gap:var(--space-2);box-sizing:border-box;width:100%;max-width:var(--chart-stage-max-inline);aspect-ratio:var(--chart-aspect);height:auto;margin:0 auto;padding:var(--module-pad);text-align:center;color:var(--color-plot-muted);background-color:var(--chart-plot);border:var(--border-width) dashed var(--color-plot-border)}.chart-empty-state__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-plot-ink)}.chart-empty-state__description{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-intro);color:var(--color-plot-muted);max-width:var(--reading-width)}.component--property-filter .demo{display:grid;gap:var(--space-md)}.property-filter{display:grid;gap:var(--space-2);width:100%;max-width:var(--content-width-md)}.property-filter__control{box-sizing:border-box;width:100%;min-height:var(--hit-target);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font:inherit}.property-filter__control:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.property-filter__tokens{display:flex;flex-wrap:wrap;gap:var(--space-1)}.property-filter__token{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--space-4);padding:0 var(--space-1);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);font-size:var(--font-size-xs);letter-spacing:var(--tracking-mark);text-transform:uppercase}.component--bulk-toolbar .demo{display:grid;gap:var(--space-md)}.bulk-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);box-sizing:border-box;width:100%;min-height:var(--hit-target);padding:var(--space-2);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.bulk-toolbar__count{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-secondary)}.bulk-toolbar button{min-height:var(--hit-target);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer}.bulk-toolbar button:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.component--confirm-dialog .demo{display:grid;gap:var(--space-md)}.confirm-dialog{display:grid;gap:var(--space-3);box-sizing:border-box;width:min(var(--content-width-sm),calc(100vw - var(--space-4)));padding:var(--module-pad-lg);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md)}.confirm-dialog__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.confirm-dialog__body{margin:0;font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.confirm-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.component--sheet .demo{display:grid;gap:var(--space-md)}.sheet{display:flex;flex-direction:column;box-sizing:border-box;width:min(var(--content-width-sm),100%);min-height:var(--space-28);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md)}.sheet__header,.sheet__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--module-pad)}.sheet__header{border-block-end:var(--border-width) solid var(--color-border)}.sheet__footer{border-block-start:var(--border-width) solid var(--color-border);margin-top:auto}.sheet__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.sheet__body{flex:1 1 auto;padding:var(--module-pad)}.component--dropdown .demo{display:grid;gap:var(--space-md)}.dropdown{position:relative;display:inline-flex}.dropdown__trigger{min-height:var(--hit-target);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.dropdown__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.dropdown__menu{position:absolute;z-index:20;inset-block-start:calc(100% + var(--space-1));inset-inline-start:0;min-width:100%;margin:0;padding:var(--space-1);list-style:none;border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-md)}.dropdown__item{min-height:var(--hit-target);padding:var(--space-1) var(--space-2);cursor:pointer}.dropdown__item:hover,.dropdown__item[aria-selected=true]{background-color:color-mix(in srgb,var(--color-primary) 12%,transparent)}.component--popover .demo{display:grid;gap:var(--space-md)}.popover{position:relative;display:inline-flex;align-items:center}.popover__trigger{min-height:var(--hit-target);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.popover__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.popover__panel,.popover__content{position:absolute;z-index:20;inset-block-start:calc(100% + var(--space-1));inset-inline-start:0;min-width:calc(var(--grid) * 28);padding:var(--module-pad);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md)}.component--tooltip .demo{display:grid;gap:var(--space-md);justify-items:start}.tooltip-trigger{min-height:var(--hit-target);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.tooltip-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.tooltip{display:inline-block;max-width:var(--content-width-sm);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-xs);letter-spacing:var(--tracking-intro);box-shadow:var(--shadow-md)}.component--accordion .demo{display:grid;gap:var(--space-md)}.accordion{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-surface);color:var(--color-text)}.accordion__item+.accordion__item{border-block-start:var(--border-width) solid var(--color-border)}.accordion__trigger{display:flex;align-items:center;min-height:var(--hit-target);padding:var(--space-md);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text);list-style:none}.accordion__trigger::-webkit-details-marker{display:none}.accordion__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.accordion__panel{padding:0 var(--space-md) var(--space-md);font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.component--command .demo{display:grid;gap:var(--space-md)}.command{display:grid;box-sizing:border-box;width:100%;max-width:var(--content-width-sm);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md)}.command__input{box-sizing:border-box;width:100%;min-height:var(--hit-target);padding:var(--space-2);border:0;border-block-end:var(--border-width) solid var(--color-border);background:transparent;color:inherit;font:inherit}.command__input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:calc(-1 * var(--focus-ring-offset))}.command__list{margin:0;padding:var(--space-1);max-height:calc(var(--grid) * 28);overflow:auto;list-style:none}.command__item{min-height:var(--hit-target);padding:var(--space-1) var(--space-2);cursor:pointer}.command__item[aria-selected=true],.command__item:hover{background-color:color-mix(in srgb,var(--color-primary) 12%,transparent)}.component--wizard .demo{display:grid;gap:var(--space-md)}.wizard{display:grid;gap:var(--space-3);box-sizing:border-box;width:100%;max-width:var(--content-width-md);padding:var(--module-pad);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.wizard__steps{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.wizard__step{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-secondary)}.wizard__step[aria-current=step]{color:var(--color-highlight)}.wizard__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.wizard__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.component--help-panel .demo{display:grid;gap:var(--space-md)}.help-panel{display:grid;gap:var(--space-2);box-sizing:border-box;width:100%;max-width:calc(var(--grid) * 44);padding:var(--module-pad);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.help-panel h3,.help-panel__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.help-panel p,.help-panel__body{margin:0;font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.component--article .demo{display:grid;gap:var(--space-md)}.article{display:flex;flex-direction:column;flex:1 1 auto;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0;min-height:100%;background-color:var(--color-bg)}.article-body p{width:100%;max-width:none;margin:0 0 var(--space-3);padding:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1.6;color:var(--color-text-secondary)}.article-body p:last-child{margin-bottom:0}.component--banner .demo{display:grid;gap:var(--space-md)}.banner{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;width:100%;max-width:none;flex-shrink:0;min-height:var(--space-28);height:42dvh;max-height:calc(var(--grid) * 56);margin:0;overflow:hidden;padding:var(--space-6) var(--space-2);color:var(--color-text);background-color:var(--color-bg);background-image:linear-gradient(90deg,color-mix(in srgb,var(--color-surface) 22%,transparent) 0,transparent var(--space-3),transparent calc(100% - var(--space-3)),color-mix(in srgb,var(--color-surface) 22%,transparent) 100%),radial-gradient(110% 85% at 50% 120%,color-mix(in srgb,var(--color-primary) 38%,transparent) 0%,transparent 58%),radial-gradient(70% 55% at 12% 18%,color-mix(in srgb,var(--color-primary) 20%,transparent) 0%,transparent 62%),radial-gradient(55% 45% at 92% 30%,color-mix(in srgb,var(--color-accent-red) 14%,transparent) 0%,transparent 60%),radial-gradient(48% 38% at 78% 10%,color-mix(in srgb,var(--color-accent-gold) 14%,transparent) 0%,transparent 65%),radial-gradient(40% 30% at 8% 88%,color-mix(in srgb,var(--color-accent-gold) 8%,transparent) 0%,transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 38%,var(--color-bg)) 0%,var(--color-bg) 100%)}.banner .preheader{margin:0 0 var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);color:var(--color-highlight)}.banner .banner-heading{max-width:14ch;margin-bottom:var(--space-3);font-family:var(--font-display);font-size:clamp(calc(var(--grid) * 4.5),6vw,var(--font-size-2xl));font-weight:var(--font-weight-display);letter-spacing:var(--tracking-display);line-height:.98;color:var(--color-text)}.banner .lede{max-width:42ch;margin:0 0 var(--space-5);font-family:var(--font-serif);letter-spacing:var(--tracking-intro);color:var(--color-text-secondary)}.banner-actions:empty{display:none}.banner-actions{width:100%;max-width:calc(var(--grid) * 44)}@media screen and (min-width:800px){.banner{min-height:calc(var(--grid) * 36);height:38dvh;max-height:calc(var(--grid) * 52);padding:var(--space-8) var(--space-4)}.banner-actions{width:auto;max-width:none}.page--prose .banner,.page--prose app-banner .banner,.page--prose deml-banner .banner{padding-inline:max(var(--space-4),calc((100% - var(--reading-width)) / 2))}.page--catalog .banner,.page--catalog app-banner .banner,.page--catalog deml-banner .banner{padding-inline:max(var(--space-4),calc((100% - var(--content-width-lg)) / 2))}}@media screen and (min-width:1200px){.banner{padding:var(--space-8) var(--space-6)}.page--prose .banner,.page--prose app-banner .banner,.page--prose deml-banner .banner{padding-inline:max(var(--space-6),calc((100% - var(--reading-width)) / 2))}.page--catalog .banner,.page--catalog app-banner .banner,.page--catalog deml-banner .banner{padding-inline:max(var(--space-6),calc((100% - var(--content-width-lg)) / 2))}}.component--checkbox-field .demo{display:grid;gap:var(--space-md)}.checkbox-field{display:inline-flex;align-items:flex-start;gap:var(--space-2);width:100%;margin:0;padding:0;cursor:pointer;text-align:left;color:var(--color-card-text)}.checkbox-field__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox-field__box{box-sizing:border-box;flex:0 0 auto;width:var(--space-3);height:var(--space-3);margin-top:var(--focus-ring-offset);border:var(--border-width) solid var(--color-card-border);background-color:color-mix(in srgb,var(--color-card) 88%,var(--color-surface));transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.checkbox-field__label{flex:1 1 auto;min-width:0;font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);line-height:var(--leading-body);color:var(--color-card-text-secondary)}.checkbox-field__input:focus-visible+.checkbox-field__box{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}.checkbox-field__input:checked+.checkbox-field__box{border-color:var(--color-primary);background-color:var(--color-primary);box-shadow:inset 0 0 0 calc(var(--grid) * .375) var(--color-card)}.checkbox-field__input:disabled+.checkbox-field__box,.checkbox-field__input:disabled~.checkbox-field__label{opacity:.64;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.checkbox-field__box{transition:none}}.component--form-panel .demo{display:grid;gap:var(--space-md)}.form-panel{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-4);width:100%;margin:0;padding:var(--space-5) var(--space-4);color:var(--color-card-text);background-color:var(--color-card);background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 12%,var(--color-card)) 0%,var(--color-card) 40%);border:var(--border-width) solid var(--color-card-border);border-top:calc(var(--border-width) * 4) solid var(--color-primary);box-shadow:var(--shadow-card)}.form-panel__header{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;text-align:left}.form-panel__eyebrow{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--color-primary)}.form-panel__title{margin:0;font-family:var(--font-sans);font-size:clamp(calc(var(--grid) * 3.5),4vw,var(--font-size-lg));font-weight:700;letter-spacing:var(--tracking-display);line-height:1.1;color:var(--color-card-text)}.form-panel__description{margin:0;max-width:42ch;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:400;letter-spacing:var(--tracking-intro);line-height:1.45;color:var(--color-card-text-secondary)}.form-panel__body,.form-panel__form{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin:0;padding:0}.form-panel__error{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--tracking-intro);line-height:1.35;color:var(--color-error)}.form-panel__form app-button-group,.form-panel__form deml-button-group{width:100%}.form-panel__form .button{width:100%}.form-panel__footer:empty{display:none}.form-panel__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0;padding:0;font-family:var(--font-sans);font-size:var(--font-size-sm);letter-spacing:var(--tracking-intro);color:var(--color-card-text-secondary)}.form-panel__footer a{color:var(--color-primary);font-weight:700;text-decoration:underline;text-underline-offset:.18em}.form-panel__footer a:hover{color:var(--color-primary-hover)}@media screen and (min-width:800px){.form-panel{padding:var(--space-6) var(--space-5)}}.component--navbar .demo{display:grid;gap:var(--space-md)}body:has(.site-navbar){padding-top:calc(var(--space-2) * 2 + var(--hit-target))}.site-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:grid;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:var(--navbar-inset);color:var(--navbar-fg);background-color:var(--navbar-bg);background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 18%,var(--navbar-bg)) 0%,var(--navbar-bg) 100%);border-bottom:var(--border-width) solid var(--color-border);grid-template-columns:1fr auto;grid-template-areas:"brand toggle" "panel panel";gap:var(--navbar-inset);align-items:center}.site-navbar-branding{grid-area:brand;align-self:center;justify-self:start;background-color:transparent}.site-navbar-icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--navbar-hit);height:var(--navbar-hit);color:var(--navbar-icon-color, var(--navbar-accent));background-color:transparent;border-radius:var(--radius-pill);transition:color .12s ease,transform .12s ease,background-color .12s ease}.site-navbar-icon svg,.site-navbar-menu-toggle svg{width:var(--navbar-icon-size);height:var(--navbar-icon-size)}.site-navbar-icon:hover{color:var(--navbar-icon-color-hover, var(--navbar-accent-hover));background-color:color-mix(in srgb,var(--navbar-accent) 12%,transparent);transform:scale(1.06)}.site-navbar-icon:focus-visible{outline:var(--focus-ring-width) solid var(--navbar-focus);outline-offset:var(--focus-ring-offset);border-radius:50%}.site-navbar-menu-toggle{display:inline-flex;align-items:center;justify-content:center;grid-area:toggle;align-self:center;justify-self:end;box-sizing:border-box;width:var(--navbar-hit);height:var(--navbar-hit);padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:var(--navbar-fg);cursor:pointer;appearance:none;transition:color .12s ease,background-color .12s ease}.site-navbar-menu-toggle:hover{color:var(--navbar-accent-hover);background-color:var(--navbar-surface)}.site-navbar-menu-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--navbar-focus);outline-offset:var(--focus-ring-offset)}.site-navbar-panel{display:none;grid-area:panel;flex-direction:column;gap:var(--navbar-inset);width:100%;box-sizing:border-box;background-color:transparent}.main-navigation{justify-self:stretch;width:100%;background-color:transparent}.main-navigation ul{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-1);width:100%;margin:0;padding:0;list-style:none;background-color:transparent}.main-navigation ul li a{display:inline-flex;align-items:center;min-height:var(--navbar-hit);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:700;letter-spacing:var(--tracking-intro);line-height:1.2;text-transform:none;text-decoration:none;white-space:nowrap;color:var(--navbar-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background-color:transparent;transition:color .12s ease,background-color .12s ease}.main-navigation ul li a:hover{color:var(--navbar-accent-hover);background-color:color-mix(in srgb,var(--color-highlight) 10%,transparent)}.main-navigation ul li a.is-active{color:var(--navbar-accent);text-decoration:underline;text-decoration-thickness:var(--focus-ring-width);text-underline-offset:.25em;background-color:color-mix(in srgb,var(--color-highlight) 12%,transparent)}.main-navigation ul li a:focus-visible{outline:var(--focus-ring-width) solid var(--navbar-focus);outline-offset:var(--focus-ring-offset);color:var(--navbar-accent)}app-button-group{justify-self:stretch;width:100%}.site-navbar.is-menu-open{max-height:100dvh;overflow-y:auto;background-color:var(--navbar-bg);background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 14%,var(--navbar-bg)) 0%,var(--navbar-bg) 40%,var(--navbar-bg) 100%)}.site-navbar.is-menu-open .site-navbar-panel{display:flex;padding-top:var(--space-1);background-color:transparent}.site-navbar.is-menu-open app-button-group .button--pill,.site-navbar.is-menu-open app-button-group .theme-toggle{width:100%;min-height:var(--navbar-hit)}@media screen and (min-width:800px){.site-navbar{grid-template-columns:1fr auto 1fr;grid-template-areas:"brand nav actions";align-items:center}.site-navbar-menu-toggle{display:none}.site-navbar-panel{display:contents}.main-navigation{display:block;grid-area:nav;justify-self:center;width:auto}.main-navigation ul{flex-direction:row;align-items:center;justify-content:center;gap:var(--space-1);width:auto}app-button-group{grid-area:actions;justify-self:end;width:max-content}.site-navbar.is-menu-open app-button-group .button--pill,.site-navbar.is-menu-open app-button-group .theme-toggle{width:auto}.site-navbar.is-menu-open app-button-group .theme-toggle{width:var(--navbar-hit);min-height:var(--navbar-hit);padding:0}}@media(prefers-reduced-motion:reduce){.site-navbar-icon,.site-navbar-icon:hover,.site-navbar-menu-toggle,.main-navigation ul li a{transition:none;transform:none}}.component--text-field .demo{display:grid;gap:var(--space-md)}.text-field{display:flex;flex-direction:column;gap:var(--space-1);width:100%;margin:0;padding:0;text-align:left}.text-field__label{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--tracking-eyebrow);line-height:1.2;text-transform:uppercase;color:var(--color-card-text-secondary)}.text-field__required{margin-left:var(--space-1);color:var(--color-error)}.text-field__control{box-sizing:border-box;width:100%;min-height:var(--hit-target);margin:0;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-card-border);border-radius:0;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:400;letter-spacing:var(--tracking-intro);line-height:1.3;color:var(--color-card-text);background-color:color-mix(in srgb,var(--color-card) 88%,var(--color-surface));appearance:none;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.text-field__control::placeholder{color:var(--color-card-text-secondary);opacity:.72}.text-field__control:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-card-border))}.text-field__control:focus{outline:none}.text-field__control:focus-visible{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.text-field__control:disabled{opacity:.64;cursor:not-allowed}:host([data-invalid="true"]) .text-field__control{border-color:var(--color-error)}:host([data-invalid="true"]) .text-field__control:focus-visible{outline-color:var(--color-error)}.text-field__hint,.text-field__error{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:400;letter-spacing:var(--tracking-intro);line-height:1.35}.text-field__hint{color:var(--color-card-text-secondary)}.text-field__error{font-weight:600;color:var(--color-error)}@media(prefers-reduced-motion:reduce){.text-field__control{transition:none}}