@layer uipack.tokens,uipack.base,uipack.layout,uipack.ornaments;@layer uipack.tokens{[data-ui-style]{--tune-slide-ink-2: initial;--tune-slide-line: initial;--tune-docs-surface: initial;--tune-docs-surface-strong: initial;--tune-docs-line: initial;--tune-docs-warm-ink: initial;--tune-docs-warm-ink-2: initial;--tune-docs-warm-line: initial;--tune-docs-warm-surface: initial;--tune-docs-warm-surface-strong: initial;--tune-docs-warm-accent: initial;--tune-docs-warm-focus: initial;--tune-print-line: initial;--tune-print-ink-2: initial;--tune-letterbox: initial;--tune-mech-text: initial;--tune-mech-muted: initial;--tune-mech-top: initial;--tune-mech-shade-0: initial;--tune-mech-shade-1: initial;--tune-mech-shade-2: initial;--tune-mech-shade-3: initial;--tune-mech-cavity: initial;--tune-mech-lit-top: initial;--tune-mech-lit-shade: initial;--tune-mech-mid: initial;--tune-mech-lo: initial;--tune-mech-faint: initial;--tune-mech-halo: initial;--tune-mech-dot: initial;--tune-object-paper: initial;--tune-object-glow: initial;--tune-object-ink: initial;--tune-object-ink-2: initial;--tune-object-line: initial;--tune-object-edge: initial;--tune-object-control-ink-2: initial}[data-ui-theme=light]{color-scheme:light!important}[data-ui-theme=dark]{color-scheme:dark!important}}@layer uipack.tokens{:root,[data-ui-style=technical]{--ui-paper: light-dark(#f3f6f9, #0a2342);--ui-surface: light-dark(#fcfdfe, #0d2a4f);--ui-surface-raised: light-dark(#ffffff, #12345f);--ui-surface-2: light-dark(#e2e9f1, #11315a);--ui-ink: light-dark(#0b2748, #edf3fb);--ui-ink-2: light-dark(#3d5878, #acc2dc);--ui-ink-3: light-dark(#4b6485, #9db4cf);--ui-line: color-mix(in srgb, var(--ui-ink) 26%, transparent);--ui-line-soft: color-mix(in srgb, var(--ui-ink) 13%, transparent);--ui-accent: light-dark(#9c5700, #f0c45a);--ui-accent-ink: var(--ui-accent);--ui-accent-stroke: var(--ui-accent);--ui-on-accent: light-dark(#ffffff, #0a2342);--ui-accent-surface: light-dark(#0b2748, #f0c45a);--ui-accent-ink-2: light-dark(#f0c45a, #0a2342);--ui-accent-line: light-dark(#2f4f78, #b8913a);--ui-flow-request: light-dark(#0b77a3, #8fd6ff);--ui-flow-response: light-dark(#2b7a4b, #8be6ae);--ui-flow-change: light-dark(#7048c0, #d2b4ff);--ui-flow-error: light-dark(#c2392b, #ff8c7a);--ui-data-pos: light-dark(#2b7a4b, #8be6ae);--ui-data-neg: light-dark(#c2392b, #ff8c7a);--ui-data-context: light-dark(#8ea0b5, #6f88a8);--ui-data-1: light-dark(#0b2748, #edf3fb);--ui-data-2: light-dark(#9c5700, #f0c45a);--ui-data-3: light-dark(#0b77a3, #8fd6ff);--ui-data-4: light-dark(#5a708b, #86a0c0);--ui-on-data-1: light-dark(#ffffff, #0a2342);--ui-on-data-2: light-dark(#ffffff, #0a2342);--ui-on-data-3: light-dark(#ffffff, #0a2342);--ui-on-data-4: light-dark(#ffffff, #0a2342);--ui-inv-paper: light-dark(#0b2748, #f3f6f9);--ui-inv-surface: light-dark(#10305a, #ffffff);--ui-inv-ink: light-dark(#eef3fa, #0b2748);--ui-inv-ink-2: light-dark(#a9bfd9, #3d5878);--ui-inv-line: light-dark(#335781, #b9c8d9);--ui-inv-accent: light-dark(#f0c45a, #9c5700);--ui-font-display: "IBM Plex Sans", "IBM Plex Sans Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-font-heading: var(--ui-font-display);--ui-font-text: "IBM Plex Sans", "IBM Plex Sans Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-font-label: "IBM Plex Mono", "IBM Plex Mono Fallback", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ui-web-font-display: var(--ui-font-display);--ui-web-font-text: var(--ui-font-text);--ui-web-font-label: var(--ui-font-label);--ui-slide-font-display: var(--ui-font-display);--ui-slide-font-text: var(--ui-font-text);--ui-slide-font-label: var(--ui-font-label);--ui-display-weight: 600;--ui-display-tracking: -.01em;--ui-display-case: none;--ui-display-scale: 1;--ui-label-tracking: .02em;--ui-radius: 0px;--ui-radius-sm: 0px;--ui-radius-xs: 0px;--ui-radius-pill: 0px;--ui-nav-fill: color-mix(in srgb, var(--ui-paper) 94%, transparent);--ui-nav-blur: none;--ui-stroke: 1;--ui-rule-width: 1px;--ui-type-ratio: 1.25;--ui-measure: 65ch;--ui-ease-settle: cubic-bezier(.2, .7, .2, 1);--ui-ease-travel: cubic-bezier(.55, 0, .15, 1);--ui-dur-quick: .16s;--ui-dur-base: .32s;--ui-dur-slow: .56s;--ui-backdrop: linear-gradient(90deg, color-mix(in srgb, var(--ui-ink) 11%, transparent) 1px, transparent 1px) -1px -1px / 60px 60px, linear-gradient(color-mix(in srgb, var(--ui-ink) 11%, transparent) 1px, transparent 1px) -1px -1px / 60px 60px, linear-gradient(90deg, color-mix(in srgb, var(--ui-ink) 5%, transparent) 1px, transparent 1px) -1px -1px / 12px 12px, linear-gradient(color-mix(in srgb, var(--ui-ink) 5%, transparent) 1px, transparent 1px) -1px -1px / 12px 12px;--ui-backdrop-mask: linear-gradient(to bottom, black 20%, transparent 85%);--ui-backdrop-narrow: var(--ui-backdrop);--ui-canvas-pattern: linear-gradient(90deg, color-mix(in srgb, var(--ui-ink) 12%, transparent) 1px, transparent 1px) -1px -1px / 60px 60px, linear-gradient(color-mix(in srgb, var(--ui-ink) 12%, transparent) 1px, transparent 1px) -1px -1px / 60px 60px, linear-gradient(90deg, color-mix(in srgb, var(--ui-ink) 5%, transparent) 1px, transparent 1px) -1px -1px / 12px 12px, linear-gradient(color-mix(in srgb, var(--ui-ink) 5%, transparent) 1px, transparent 1px) -1px -1px / 12px 12px;--ui-frame-border: var(--ui-rule-width) solid var(--ui-line);--ui-card-shadow: none;--ui-frame-shadow: none;--ui-marker-size: 7px;--ui-marker-shape: 50%;--ui-marker-color: var(--ui-accent);--ui-section-rule: none;--ui-grain: 0;--ui-glow: 0;--ui-cta-shadow: none;--ui-cta-shadow-hover: 0 0 0 3px color-mix(in srgb, var(--ui-accent) 30%, transparent);--ui-cta-fill: light-dark(var(--ui-ink), var(--ui-accent));--ui-on-cta: light-dark(#ffffff, #0a2342);--ui-em-style: normal;--ui-em-color: light-dark(var(--ui-ink), var(--ui-accent));--ui-em-decoration: underline light-dark(var(--ui-accent), transparent) .09em;--ui-star-fill: 0;--ui-band-fill: light-dark(#0b2748, #061a33);--ui-band-ink: light-dark(#eef3fa, #edf3fb);--ui-band-ink-2: light-dark(#a9bfd9, #acc2dc);--ui-band-cta: light-dark(#f0c45a, #f0c45a);--ui-on-band-cta: light-dark(#0b2748, #0a2342);--ui-band-pattern: none;--ui-section-index: inline;--ui-corner-marks: linear-gradient(var(--ui-ink), var(--ui-ink)) 0 0 / 8px 1px no-repeat, linear-gradient(var(--ui-ink), var(--ui-ink)) 0 0 / 1px 8px no-repeat, linear-gradient(var(--ui-ink), var(--ui-ink)) 100% 0 / 8px 1px no-repeat, linear-gradient(var(--ui-ink), var(--ui-ink)) 100% 0 / 1px 8px no-repeat, linear-gradient(var(--ui-ink), var(--ui-ink)) 0 100% / 8px 1px no-repeat, linear-gradient(var(--ui-ink), var(--ui-ink)) 0 100% / 1px 8px no-repeat, linear-gradient(var(--ui-ink), var(--ui-ink)) 100% 100% / 8px 1px no-repeat, linear-gradient(var(--ui-ink), var(--ui-ink)) 100% 100% / 1px 8px no-repeat;--ui-density: .9;--ui-column-rule: linear-gradient(var(--ui-ink), var(--ui-ink)) 0 0 / 1px 11px no-repeat, linear-gradient(var(--ui-ink), var(--ui-ink)) 100% 0 / 1px 11px no-repeat, linear-gradient(var(--ui-line), var(--ui-line)) 0 5px / 100% 1px no-repeat;--ui-column-rule-gap: 30px;--ui-card-fill: var(--ui-surface);--ui-card-pad: 1.5rem;--ui-num-font: var(--ui-font-label);--ui-num-size: .75rem;--ui-num-weight: 600;--ui-num-prefix: "";--ui-num-pad: none;--ui-num-rule: 0 solid transparent;--ui-num-color: var(--ui-ink);--ui-num-fill: var(--ui-surface);--ui-num-ring: inset 0 0 0 1px var(--ui-ink);--ui-num-box: 2.25rem;--ui-num-bleed: 0;--ui-num-gap: 0px;--ui-num-display: grid;--ui-stat-divider: 1px solid var(--ui-line);--ui-quote-fill: var(--ui-surface);--ui-quote-ink: var(--ui-ink);--ui-quote-ink-2: var(--ui-ink-2);--ui-quote-line: var(--ui-line-soft);--ui-quote-mark: var(--ui-accent-ink);--ui-quote-face: var(--ui-font-text);--ui-quote-weight: 500;--ui-quote-case: none;--ui-quote-size: 1.3rem;--ui-quote-rule: inset 0 0 0 1px var(--ui-line);--ui-quote-shadow: 0 0 transparent;--ui-plan-featured-border: var(--ui-ink);--ui-plan-featured-ring: inset 0 4px 0 var(--ui-accent);--ui-cell-fill: var(--ui-surface-2);--ui-cell-ink: var(--ui-ink);--ui-cell-line: color-mix(in srgb, var(--ui-ink) 18%, transparent);--ui-cell-peak: var(--ui-ink);--ui-on-cell-peak: var(--ui-paper);--ui-cell-off-ink: var(--ui-ink-3);--ui-cell-radius: 0px;--ui-window-dots: none;--ui-window-bar: transparent;--ui-web-flow-request: var(--ui-flow-request);--ui-perf: solid;--ui-plan-featured-fill: var(--ui-surface);--ui-stamp-fill: var(--ui-surface);--ui-stamp-ink: var(--ui-ink);--ui-stamp-accent: var(--ui-accent-ink);--ui-stamp-border: 1px solid var(--ui-ink);--ui-stamp-inner: 1px solid var(--ui-line-soft);--ui-stamp-radius: 0px;--ui-stamp-rotate: 0deg;--ui-stamp-face: var(--ui-font-display);--ui-stamp-case: none;--ui-stamp-size: 2.25rem;--ui-stamp-fit: 4.6rem;--ui-stamp-label-width: 9em;--ui-stamp-shadow: inset 0 3px 0 var(--ui-accent);--ui-spot: var(--ui-accent);--ui-on-spot: var(--ui-on-accent);--ui-media-ground: #0a2342;--ui-media-cold: #0a2342;--ui-media-mid: #0b77a3;--ui-media-warm: #8fd6ff;--ui-media-hot: #f0c45a;--ui-media-ink: #f3f6f9;--ui-media-ramp: linear-gradient(90deg, var(--ui-media-cold), var(--ui-media-mid), var(--ui-media-warm), var(--ui-media-hot));--ui-media-filter: grayscale(1) contrast(1.1);--ui-media-tint: #0b2748;--ui-media-blend: lighten;--ui-node: light-dark(#ffffff, #0d2a4f);--ui-inv-node: light-dark(#10305a, #ffffff);--ui-line-solid: light-dark(#b9c8d9, #2e5180);--ui-data-neg-ink: light-dark(#b0331f, #ff9d8d);--ui-alert: light-dark(#b3321f, #ff8c7a);--ui-warn: light-dark(#8a5a00, #f0c45a);--tune-slide-line: light-dark(#b9c8d9, #2e5180);--tune-docs-warm-ink: light-dark(#29231f, #f2ece3);--tune-docs-warm-ink-2: light-dark(#655c55, #aea198);--tune-docs-warm-line: light-dark(rgb(41 35 31 / .18), rgb(242 236 227 / .2));--tune-docs-warm-surface: light-dark(#fbf8f2, #211d1a);--tune-docs-warm-surface-strong: light-dark(#e7ded2, #37302b);--tune-docs-warm-accent: light-dark(#234ea2, #9ab6ff);--tune-docs-warm-focus: light-dark(#315db6, #9ab6ff);--tune-print-line: #c9d4e0;--tune-print-ink-2: #3d5878;--tune-letterbox: #04101f}}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Fallback;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Arimo");size-adjust:101.85%;ascent-override:100.64%;descent-override:27%;line-gap-override:0%}@font-face{font-family:IBM Plex Mono Fallback;src:local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono"),local("Cousine");size-adjust:100%;ascent-override:102.5%;descent-override:27.5%;line-gap-override:0%}:root{--show-control-radius: 6px;--show-eyebrow-tracking: .08em;--show-radius: 6px}body{--show-font-sans: var(--ui-font-text);--show-font-display: var(--ui-font-display);--show-font-mono: var(--ui-font-label);--show-control-font: 400 13px/1.2 var(--show-font-mono);--show-control-font-sm: 400 12px/1.2 var(--show-font-mono);--show-eyebrow-font: 600 12px/1.3 var(--show-font-mono);--show-bg: var(--ui-paper);--show-ink: var(--ui-ink);--show-muted: var(--ui-ink-2);--show-rule: var(--ui-line);--show-accent: var(--ui-accent);--show-surface: var(--ui-surface-raised)}:root[data-theme=dark]{color-scheme:dark}body{margin:0;font-family:var(--show-font-sans);background:var(--show-bg);color:var(--show-ink)}.showcase-frame{max-width:1600px;margin:0 auto;padding:16px 24px 64px}@media(max-width:719px){.showcase-frame{padding-inline:16px}}.showcase-frame>.uipack-docs{padding:0}.showcase-frame>.uipack-docs[data-width=wide]>.uipack-docs__grid{gap:32px;grid-template-columns:176px minmax(0,1fr) 176px}.showcase-frame>.uipack-docs[data-width=wide]>.uipack-docs__grid[data-toc=none]{grid-template-columns:176px minmax(0,1fr)}@media(max-width:1279px){.showcase-frame>.uipack-docs[data-width=wide]>.uipack-docs__grid{grid-template-columns:176px minmax(0,1fr)}}.showcase-frame .showcase-header{margin-bottom:32px}.showcase-frame :is(.uipack-docs__sidebar,.uipack-docs__toc){top:24px;max-height:calc(100vh - 48px)}.showcase-shell{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:32px;min-width:0}.showcase-shell:focus{outline:none}.showcase-frame .showcase-shell>.uipack-docs__pagination{margin-top:32px}.showcase-frame a.uipack-docs__skip:focus{display:flex;align-items:center;min-height:44px;box-sizing:border-box;border:2px solid var(--show-accent);border-radius:var(--show-control-radius);background:var(--show-surface);color:var(--show-ink);font:600 14px var(--show-font-sans);outline:2px solid var(--show-accent);outline-offset:2px}.showcase-shell>section{min-width:0}.showcase-shell .uipack-docs__block[data-block=uipack-demo]:has(>section+section){display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.showcase-shell>section>h2,.showcase-shell .uipack-docs__block[data-block=uipack-demo]>section>h2{font-family:var(--show-font-display);font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.01em;margin:0 0 8px;color:var(--show-ink);text-wrap:balance}.showcase-header{display:grid;gap:0;min-width:0;padding-bottom:12px;border-bottom:1px solid var(--show-rule)}.showcase-header__bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.showcase-brand{--uipack-mono: var(--show-font-mono);color:inherit;display:flex;align-items:center;min-height:44px}.showcase-header button.theme{min-height:44px;font:var(--show-control-font);padding:6px 12px;border:1px solid var(--show-rule);background:transparent;color:inherit;border-radius:var(--show-control-radius);cursor:pointer}.showcase-frame a:focus-visible,.showcase-frame button:focus-visible,.showcase-frame summary:focus-visible{outline:2px solid var(--show-accent);outline-offset:3px}.showcase-context{display:flex;align-items:center;gap:8px;margin:0;font:12px var(--show-font-mono);color:var(--show-muted)}.showcase-context a{color:var(--show-accent)}.showcase-title{margin-top:-8px;min-width:0}.showcase-title h1,.showcase-title .showcase-title__name{margin:0;color:var(--show-ink);font-family:var(--show-font-display);font-weight:600;font-size:clamp(28px,4.5vw,40px);line-height:1.1;letter-spacing:-.02em}.showcase-title__view{font-weight:400;color:var(--show-muted)}.showcase-title p{margin:12px 0 0;max-width:72ch;font-size:16px;line-height:1.6;color:var(--show-muted)}.showcase-loading{margin:32px 0 0;font:12px/1.5 var(--show-font-mono);color:var(--show-muted);animation:showcase-loading-in 0s .3s both}@keyframes showcase-loading-in{0%{visibility:hidden}}.showcase-title p.showcase-title__note{width:fit-content;box-sizing:border-box;padding:8px 12px;border-left:3px solid var(--show-accent);background:var(--show-surface);color:var(--show-ink)}.catalog-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;margin:20px 0;font-size:13px;color:var(--show-muted)}.catalog-filters label{display:grid;gap:8px}.catalog-filters input,.catalog-filters select{min-height:44px;max-width:100%;box-sizing:border-box;border:1px solid var(--show-rule);border-radius:var(--show-control-radius);padding:8px 12px;background:var(--show-surface);color:var(--show-ink);font:inherit}.catalog-filters input{width:280px}.slides-showcase__tabs button small{display:block;margin-top:6px;color:var(--show-muted);font-size:12px}.chart-frame{position:relative;margin:0;width:100%;--uipack-bg: var(--show-bg)}.chart-frame:not([data-frame=full]):after{content:attr(data-frame) "px";position:absolute;top:0;bottom:0;left:calc(100% + 16px);padding-left:6px;border-left:1px dashed var(--show-rule);color:var(--show-muted);font:11px/1 var(--show-font-mono);pointer-events:none}@media(max-width:960px){.chart-frame:after{display:none}}.chart-frame__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font:12px var(--show-font-mono);color:var(--show-muted)}.chart-frame__bar button{min-height:36px;padding:0 10px;font:var(--show-control-font-sm)}.showcase-section-intro,.collection-intro{max-width:72ch;margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--show-muted)}:where(.showcase-frame) :where(p,li,dd,figcaption,caption,blockquote,summary){text-wrap-style:pretty}:where(.showcase-frame) :where(h1,h2,h3,h4,h5,h6,td,th){text-wrap-style:balance}:where(.showcase-frame) :where(.uipack-web-eyebrow){text-wrap-style:balance}:where(.showcase-frame) :where(strong,b,h1,h2,h3,h4,h5,h6,th){font-weight:600}.showcase-section-intro,.collection-intro,.showcase-title p{text-wrap-style:pretty}.showcase-section-intro a,.collection-intro a{color:var(--show-accent)}.showcase-subhead{margin:0 0 12px;font:600 13px var(--show-font-mono);letter-spacing:.04em;color:var(--show-muted)}.showcase-header>*{min-width:0}.showcase-header__actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.showcase-menu-button,.theme__icon,.showcase-menu,.showcase-menu[open]{display:none}.showcase-menu-button,.showcase-menu__bar{font:600 13px var(--show-font-mono)}.showcase-menu__bar button{font:inherit}.showcase-frame[data-nav=compact] .uipack-docs__sidebar{display:none}.showcase-frame[data-nav=compact]>.uipack-docs[data-width]>.uipack-docs__grid{grid-template-columns:minmax(0,1fr)}@media(max-width:719px){.showcase-header__bar{gap:8px}.showcase-header__actions{flex:1 1 0}.showcase-context{display:none}.showcase-header button.theme{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;font-size:18px;line-height:1}.theme__text{display:none}.theme__icon{display:block}}.showcase-frame[data-nav=compact] .showcase-menu-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;min-width:0;max-width:100%;padding:0 12px;box-sizing:border-box;border:1px solid var(--show-ink);border-radius:var(--show-control-radius);background:var(--show-surface);color:var(--show-ink);font:600 13px var(--show-font-mono);cursor:pointer}.showcase-frame[data-nav=compact] .showcase-menu-button__where{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}.showcase-frame[data-nav=compact] .showcase-menu-button__group{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 12px/14px var(--show-font-mono);color:var(--show-muted)}.showcase-frame[data-nav=compact] .showcase-menu-button__page{white-space:nowrap;font:600 14px/18px var(--show-font-sans)}.showcase-frame[data-nav=compact] .showcase-menu[open]{display:block;position:fixed;inset:0 0 auto 0;margin:0;width:100%;max-width:none;max-height:100dvh;overflow-y:auto;box-sizing:border-box;padding:0 16px 24px;border:0;border-bottom:1px solid var(--show-rule);background:var(--show-bg);color:var(--show-ink)}.showcase-frame[data-nav=compact] .showcase-menu::backdrop{background:#00000073}.showcase-frame[data-nav=compact] .showcase-menu__bar{display:flex;align-items:center;justify-content:space-between;min-height:56px;font:600 13px var(--show-font-mono);color:var(--show-muted)}.showcase-frame[data-nav=compact] .showcase-menu__bar button{min-height:44px;padding:0 16px;border:1px solid var(--show-rule);border-radius:var(--show-control-radius);background:transparent;color:inherit;font:inherit;cursor:pointer}.showcase-frame[data-nav=compact] .showcase-menu__group{border-top:1px solid var(--show-rule);padding-top:12px;margin-top:12px}.showcase-frame[data-nav=compact] .showcase-menu__group p{margin:0 0 4px;font:600 12px var(--show-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--show-muted)}.showcase-frame[data-nav=compact] .showcase-menu__group a{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:48px;padding:0 12px;border-left:3px solid transparent;color:var(--show-ink);font-size:16px;text-decoration:none}.showcase-frame[data-nav=compact] .showcase-menu__group a[aria-current=page]{border-left-color:var(--show-accent);background:var(--show-surface);font-weight:600}.showcase-frame[data-nav=compact] .showcase-menu__group a[aria-current=page]:after{content:"✓ Current";font:600 12px var(--show-font-mono);color:var(--show-accent)}.showcase-frame[data-nav=compact] .chart-frame__bar button{min-height:44px}.showcase-context a{padding:14px 0;margin:-14px 0}.chart-frame__bar button{min-height:44px}.showcase-frame[data-nav=compact] .showcase-menu__sub{display:block;padding:12px 12px 4px;font:600 12px var(--show-font-mono);color:var(--show-muted)}.showcase-frame[data-nav=compact] .showcase-menu__group a.is-sub{padding-left:32px}@media(max-width:359px){.showcase-brand{width:24px;padding:0 8px 0 12px;margin:0 -8px 0 -12px;overflow:hidden}.showcase-brand svg{flex:none;clip-path:inset(0 calc(100% - 24px) 0 0)}}.showcase-not-found__groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px 32px}.showcase-not-found ul{margin:0;padding:0;list-style:none}.showcase-not-found li a{display:flex;align-items:center;min-height:44px;color:var(--show-accent);font-size:16px}@media(max-width:540px){.showcase-shell>section>h2,.showcase-shell .uipack-docs__block[data-block=uipack-demo]>section>h2{font-size:22px}}.article-bar a{display:inline-flex;align-items:center;text-decoration:none}:is(.deck-chapters,.deck-navigation,.chart-frame__bar,.slides-showcase__tabs,.mechanism-poses) button,.article-bar a{min-height:44px;padding:0 14px;border:1px solid var(--show-rule);border-radius:var(--show-control-radius);background:transparent;color:var(--show-ink);font:var(--show-control-font);cursor:pointer}:is(.deck-chapters,.deck-navigation,.chart-frame__bar,.slides-showcase__tabs,.mechanism-poses) button:hover:not(:disabled),.article-bar a:hover{border-color:var(--show-ink)}:is(.deck-chapters,.deck-navigation,.chart-frame__bar,.slides-showcase__tabs,.mechanism-poses) button:is([aria-pressed=true],[aria-current=step]),.article-bar a[aria-current=true]{border-color:var(--show-accent);color:var(--show-accent);background:var(--show-surface)}:is(.deck-chapters,.deck-navigation,.chart-frame__bar,.slides-showcase__tabs,.mechanism-poses) button:disabled{opacity:.4;cursor:default}.showcase-shell :is(.catalog-filters select,.uipack-edition-select select){-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:44px;padding:0 36px 0 12px;border:1px solid var(--show-rule);border-radius:var(--show-control-radius);background:var(--show-surface) no-repeat right 12px center / 12px 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%235c625e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color:var(--show-ink);font:var(--show-control-font);cursor:pointer}:root[data-theme=dark] .showcase-shell :is(.catalog-filters select,.uipack-edition-select select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%239aa39e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.showcase-shell :is(.catalog-filters select,.uipack-edition-select select):hover{border-color:var(--show-ink)}.showcase-shell .uipack-mechanism .um-motion{font:var(--show-control-font-sm);border-radius:var(--show-control-radius)}.showcase-shell .uipack-speaker-guide__action button{font:var(--show-control-font);border-radius:var(--show-control-radius)}.showcase-shell .uipack-scene-list button{font-family:var(--show-font-sans);border-radius:var(--show-control-radius)}.showcase-shell .uipack-direction-list button{border-radius:var(--show-control-radius)}.showcase-shell .uipack-direction-list :is(strong,small){font-family:var(--show-font-sans)}:where(.showcase-shell) :is(code,kbd,samp,pre){font-family:var(--show-font-mono)}:where(.showcase-shell) :not(pre)>code{font-size:max(.9em,12px)}:is(.slides-showcase__usage,.web-generated details)>summary{display:flex;align-items:center;gap:10px;min-height:44px;list-style:none;font:var(--show-control-font);color:var(--show-ink);cursor:pointer}:is(.slides-showcase__usage,.web-generated details)>summary::-webkit-details-marker{display:none}:is(.slides-showcase__usage,.web-generated details)>summary:before{content:"";flex:none;width:6px;height:6px;margin-left:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .12s ease}:is(.slides-showcase__usage,.web-generated details)[open]>summary:before{transform:rotate(45deg)}:is(.slides-showcase__usage,.web-generated details)>summary:hover{color:var(--show-accent)}@media(prefers-reduced-motion:reduce){:is(.slides-showcase__usage,.web-generated details)>summary:before{transition:none}}.showcase-tabs{display:flex;gap:4px;margin-right:auto;margin-left:16px}.showcase-frame .showcase-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font:var(--show-control-font);color:var(--show-muted);text-decoration:none;border-bottom:2px solid transparent}.showcase-frame .showcase-tabs a[aria-current]{color:var(--show-ink);font-weight:600;border-bottom-color:var(--show-accent)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.showcase-frame .showcase-tabs a{transition:color .14s ease,border-color .14s ease}}@media(hover:hover){.showcase-frame .showcase-tabs a:hover{color:var(--show-ink)}}@media(max-width:719px){.showcase-tabs{margin-left:4px;gap:0}.showcase-frame .showcase-tabs a{padding:0 8px}}.showcase-gallery-main:focus{outline:none}.showcase-skip:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.showcase-skip:focus{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 14px;background:var(--show-ink);color:var(--show-bg);font-weight:600;text-decoration:none}.showcase-frame[data-nav=compact] .showcase-tabs{display:none}.showcase-frame[data-nav=compact] .showcase-menu__views a[aria-current=true]{font-weight:600;text-decoration:underline;text-decoration-color:var(--show-accent);text-underline-offset:4px}.uipack-docs,.uipack-docs__prose{--docs-font-text: var(--ui-font-text);--docs-font-heading: var(--ui-font-heading, var(--ui-font-text));--docs-font-mono: var(--ui-font-label)}.uipack-docs{--docs-ink: var(--tune-docs-warm-ink, var(--ui-ink));--docs-muted: var(--tune-docs-warm-ink-2, var(--ui-ink-2));--docs-rule: var(--tune-docs-warm-line, var(--ui-line-soft));--docs-surface: var(--tune-docs-warm-surface, var(--ui-surface));--docs-surface-strong: var(--tune-docs-warm-surface-strong, var(--ui-surface-2));--docs-accent: var(--tune-docs-warm-accent, var(--ui-accent));--docs-focus: var(--tune-docs-warm-focus, var(--ui-accent));color-scheme:light;color:var(--docs-ink);font-family:var(--docs-font-text);position:relative;padding:40px 0 32px}.uipack-docs[data-theme=dark]{color-scheme:dark}.uipack-docs[data-palette=technical]{--docs-ink: var(--ui-ink);--docs-muted: var(--ui-ink-2);--docs-rule: var(--tune-docs-line, var(--ui-line-soft));--docs-surface: var(--tune-docs-surface, var(--ui-surface-2));--docs-surface-strong: var(--tune-docs-surface-strong, var(--ui-surface-2));--docs-accent: var(--ui-accent);--docs-focus: var(--ui-accent)}.uipack-docs :where(:not(.uipack-docs__block *)),.uipack-docs :where(:not(.uipack-docs__block *)):before,.uipack-docs :where(:not(.uipack-docs__block *)):after,:where(.uipack-docs__block) .uipack-docs *,:where(.uipack-docs__block) .uipack-docs *:before,:where(.uipack-docs__block) .uipack-docs *:after{box-sizing:border-box}.uipack-docs a:where(:not(.uipack-docs__block *)),:where(.uipack-docs__block) .uipack-docs a{color:var(--docs-accent);text-decoration-thickness:1px;text-underline-offset:3px}.uipack-docs a:where(:not(.uipack-docs__block *)):focus-visible,:where(.uipack-docs__block) .uipack-docs a:focus-visible,.uipack-docs summary:focus-visible,.uipack-docs__prose pre:focus-visible,.uipack-docs__table:focus-visible{border-radius:2px;outline:2px solid var(--docs-focus);outline-offset:3px}.uipack-docs a.uipack-docs__skip:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.uipack-docs a.uipack-docs__skip:focus{background:var(--docs-ink);color:var(--docs-surface);font-weight:600;left:8px;padding:10px 14px;position:fixed;top:8px;text-decoration:none;z-index:1000}.uipack-docs__identity{align-items:center;display:flex;font-family:var(--docs-font-mono);font-size:12px;font-weight:600;gap:9px;margin:0 auto 32px;max-width:1088px;min-height:32px}.uipack-docs__identity a{align-items:center;color:inherit;display:inline-flex;min-height:32px;text-decoration:none}.uipack-docs__identity a:last-child,.uipack-docs__identity span{color:var(--docs-muted)}.uipack-docs__grid{display:grid;gap:24px;grid-template-columns:200px minmax(0,680px) 160px;justify-content:center}.uipack-docs__sidebar,.uipack-docs__toc{align-self:start;max-height:calc(100vh - 112px);overflow:auto;padding:5px;margin:-5px;scroll-padding-block:8px;position:sticky;top:96px}.uipack-docs__navigation,.uipack-docs__navigation ul,.uipack-docs__toc ol{margin:0;padding:0}.uipack-docs__nav-section+.uipack-docs__nav-section{margin-top:24px}.uipack-docs__nav-section h2,.uipack-docs__toc>p{color:var(--docs-muted);font-family:var(--docs-font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;margin:0 0 7px;text-transform:uppercase}.uipack-docs__navigation li,.uipack-docs__toc li{list-style:none}.uipack-docs__navigation a{align-items:center;border-left:2px solid transparent;color:var(--docs-muted);display:flex;font-size:13px;line-height:1.35;min-height:40px;padding:7px 10px;text-decoration:none}.uipack-docs__navigation a:hover{color:var(--docs-ink)}.uipack-docs__navigation a[aria-current=page]{background:var(--docs-surface);border-left-color:var(--docs-accent);color:var(--docs-ink);font-weight:600}.uipack-docs__article{min-width:0;scroll-margin-top:96px}.uipack-docs__nav-sub{margin:0;padding:0}.uipack-docs__navigation .uipack-docs__nav-sub a{font-size:12.5px;min-height:34px;padding-left:22px}.uipack-docs__page-bar{align-items:center;column-gap:16px;display:flex;flex-wrap:wrap;font-family:var(--docs-font-mono);font-size:12px;justify-content:space-between;min-height:32px;row-gap:4px}.uipack-docs__source-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin-left:auto}.uipack-docs__source-links a{align-items:center;color:var(--docs-muted);display:inline-flex;min-height:32px;text-decoration:underline;text-decoration-color:var(--docs-rule);text-underline-offset:3px}.uipack-docs__source-links a:hover{color:var(--docs-ink);text-decoration-color:currentColor}@media(pointer:coarse){.uipack-docs__identity,.uipack-docs__identity a,.uipack-docs__page-bar,.uipack-docs__source-links a{min-height:44px}}.uipack-docs__flow>.uipack-docs__prose>:first-child{margin-top:0}.uipack-docs__block{margin:16px 0 48px;min-width:0}.uipack-docs[data-width=wide]{padding-top:0}.uipack-docs[data-width=wide] .uipack-docs__identity{max-width:none}.uipack-docs[data-width=wide] .uipack-docs__grid{gap:40px;grid-template-columns:220px minmax(0,1fr) 176px;justify-content:stretch}.uipack-docs[data-width=wide] .uipack-docs__grid[data-toc=none]{grid-template-columns:220px minmax(0,1fr)}.uipack-docs[data-width=wide] :is(.uipack-docs__prose,.uipack-docs__flow>.uipack-docs__block:not([data-width=wide])){max-width:680px}@media(max-width:1279px){.uipack-docs[data-width=wide] .uipack-docs__grid,.uipack-docs[data-width=wide] .uipack-docs__grid[data-toc=none]{grid-template-columns:220px minmax(0,1fr)}.uipack-docs[data-width=wide] .uipack-docs__toc{display:none}}.uipack-docs__toc ol{border-left:1px solid var(--docs-rule)}.uipack-docs__toc a{align-items:center;border-left:2px solid transparent;color:var(--docs-muted);display:flex;font-size:12px;line-height:1.45;margin-left:-1px;min-height:32px;padding:6px 0 6px 11px;text-decoration:none}.uipack-docs__toc li[data-level="3"] a{padding-left:23px}.uipack-docs__toc a:hover{color:var(--docs-ink)}.uipack-docs__toc a[aria-current=location]{border-left-color:var(--docs-accent);color:var(--docs-ink);font-weight:600}.uipack-docs__mobile-navigation{display:none}.uipack-docs__prose{font-size:17px;line-height:1.78}.uipack-docs__prose>:first-child{margin-top:0}.uipack-docs__prose :is(p,li,dd,blockquote,figcaption,caption){text-wrap-style:pretty}.uipack-docs__table td{text-wrap-style:balance}.uipack-docs__prose :is(strong,b){font-weight:600}.uipack-docs__prose h1,.uipack-docs__prose h2,.uipack-docs__prose h3,.uipack-docs__prose h4,.uipack-docs__prose h5,.uipack-docs__prose h6{color:var(--docs-ink);font-family:var(--docs-font-heading);font-weight:600;letter-spacing:-.035em;text-wrap-style:balance;line-height:1.15;scroll-margin-top:96px}.uipack-docs__prose h1{font-size:clamp(38px,5vw,52px);margin:0 0 28px}.uipack-docs__prose h2{font-size:26px;margin:56px 0 16px}.uipack-docs__prose h3{font-size:20px;margin:36px 0 12px}.uipack-docs__prose :is(h3,h4,h5,h6){font-weight:600;letter-spacing:-.01em}.uipack-docs__prose h4,.uipack-docs__prose h5,.uipack-docs__prose h6{font-size:17px;margin:28px 0 10px}.uipack-docs__prose a{text-decoration-line:underline}.uipack-docs__prose a:hover{text-decoration-thickness:2px}.uipack-docs__prose a.uipack-docs__heading-anchor{align-items:center;display:inline-flex;font-family:var(--docs-font-mono);font-size:.65em;font-weight:400;justify-content:center;margin:-14px 0 -14px -12px;min-height:44px;min-width:44px;opacity:0;text-decoration:none;vertical-align:middle}.uipack-docs__prose :is(h1,h2,h3,h4,h5,h6):hover .uipack-docs__heading-anchor,.uipack-docs__heading-anchor:focus-visible{opacity:1}.uipack-docs__prose p,.uipack-docs__prose ul,.uipack-docs__prose ol,.uipack-docs__prose blockquote,.uipack-docs__prose pre,.uipack-docs__table{margin:0 0 24px}.uipack-docs__prose ul,.uipack-docs__prose ol{padding-left:1.5em}.uipack-docs__prose ul{list-style:disc}.uipack-docs__prose ol{list-style:decimal}.uipack-docs__prose ul ul{list-style:circle}.uipack-docs__prose li>ul,.uipack-docs__prose li>ol{margin:7px 0 0}.uipack-docs__prose li::marker{color:var(--docs-muted)}.uipack-docs__prose li+li{margin-top:7px}.uipack-docs__prose code{background:var(--docs-surface-strong);border-radius:3px;font-family:var(--docs-font-mono);font-size:.86em;padding:2px 5px}.uipack-docs__prose pre{background:var(--docs-surface);border:1px solid var(--docs-rule);border-radius:4px;line-height:1.6;overflow:auto;padding:16px}.uipack-docs__prose img{height:auto;max-width:100%}.uipack-docs__prose :not(pre)>code:not(.uipack-docs__token){overflow-wrap:anywhere}.uipack-docs__prose .uipack-docs__token{white-space:nowrap}.uipack-docs__prose pre code{background:transparent;padding:0}.uipack-docs__prose blockquote{background:var(--docs-surface);border-left:3px solid var(--docs-accent);color:var(--docs-muted);padding:14px 18px}.uipack-docs__prose blockquote>:last-child{margin-bottom:0}.uipack-docs__table{max-width:100%;overflow-x:auto}.uipack-docs__table table{border-collapse:collapse;font-size:14px;line-height:1.55;min-width:100%}.uipack-docs__table th,.uipack-docs__table td{border-bottom:1px solid var(--docs-rule);padding:10px 12px;text-align:left;vertical-align:top}.uipack-docs__table th{background:var(--docs-surface);font-weight:600;text-wrap:balance}.uipack-docs__pagination{border-top:1px solid var(--docs-rule);display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:64px;padding-top:24px}.uipack-docs__pagination a{align-content:center;color:var(--docs-ink);display:grid;gap:5px;min-height:72px;padding:12px 0;text-decoration:none}.uipack-docs__pagination a[rel=prev]{grid-column:1;text-align:left}.uipack-docs__pagination a[rel=next]{grid-column:2;text-align:right}.uipack-docs__pagination a:hover span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.uipack-docs__pagination small{color:var(--docs-muted);font-family:var(--docs-font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.uipack-docs__pagination span{font-size:14px;font-weight:600}@media(max-width:899px){.uipack-docs{padding-top:28px}.uipack-docs__identity{margin:0 0 20px}.uipack-docs__grid{display:block}.uipack-docs__sidebar,.uipack-docs__toc{display:none}.uipack-docs__mobile-navigation{border-bottom:1px solid var(--docs-rule);border-top:1px solid var(--docs-rule);display:block;margin-bottom:36px}.uipack-docs__mobile-navigation summary{align-items:center;cursor:pointer;display:flex;gap:12px;list-style:none;min-height:52px;padding:8px 2px}.uipack-docs__mobile-navigation summary::-webkit-details-marker{display:none}.uipack-docs__chevron{fill:none;flex:none;height:16px;stroke:var(--docs-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .15s ease;width:16px}.uipack-docs__mobile-navigation[open] .uipack-docs__chevron{transform:rotate(180deg)}.uipack-docs__mobile-navigation summary span{font-size:14px;font-weight:600}.uipack-docs__mobile-navigation summary small{color:var(--docs-muted);font-family:var(--docs-font-mono);font-size:12px;margin-left:auto;text-align:right}.uipack-docs__mobile-navigation>div{border-top:1px solid var(--docs-rule);padding:20px 0 24px}.uipack-docs__navigation a{min-height:44px}.uipack-docs__table table{min-width:max(100%,calc(var(--docs-table-columns, 2) * 10rem))}}@media(max-width:499px){.uipack-docs__prose{font-size:16px;line-height:1.72}.uipack-docs__prose h1{font-size:36px}.uipack-docs__prose h2{font-size:23px;margin-top:44px}.uipack-docs__pagination{gap:0;grid-template-columns:1fr}.uipack-docs__pagination a[rel=prev],.uipack-docs__pagination a[rel=next]{grid-column:1}}@media(prefers-reduced-motion:reduce){.uipack-docs__chevron{transition:none}}