@layer apcx.tokens{:root,[data-apcx-theme=light]{--apcx-breakpoint-compact: 620px;--apcx-breakpoint-content: 980px;--apcx-breakpoint-navigation: 820px;--apcx-breakpoint-wide: 1180px;--apcx-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--apcx-font-family-specimen: var(--apcx-font-family-ui);--apcx-font-family-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--apcx-font-weight-control: 720;--apcx-font-weight-display: 830;--apcx-font-weight-label: 650;--apcx-font-weight-medium: 500;--apcx-font-weight-strong: 760;--apcx-layout-content-max: clamp(960px, 94vw, 1440px);--apcx-layout-content-pad: clamp(16px, 2.4vw, 42px);--apcx-layout-docs-max: 980px;--apcx-layout-hero-offset: clamp(120px, 14vw, 210px);--apcx-layout-prose-max: clamp(370px, 48vw, 840px);--apcx-layout-section-gap: clamp(44px, 7vw, 96px);--apcx-layout-wide-max: 1728px;--apcx-layout-wide-pad: clamp(20px, 2.8vw, 34px);--apcx-motion-control: .14s;--apcx-motion-ease: cubic-bezier(.2, 0, 0, 1);--apcx-motion-navigation: .18s;--apcx-motion-press: .1s;--apcx-radius-1: 4px;--apcx-radius-2: 8px;--apcx-radius-3: 12px;--apcx-radius-4: 16px;--apcx-radius-pill: 999px;--apcx-space-1: 4px;--apcx-space-12: 48px;--apcx-space-16: 64px;--apcx-space-2: 8px;--apcx-space-24: 96px;--apcx-space-3: 12px;--apcx-space-4: 16px;--apcx-space-6: 24px;--apcx-space-8: 32px;--apcx-type-body-line: 1.58;--apcx-type-body-size: 1rem;--apcx-type-caption-line: 1.4;--apcx-type-caption-size: .72rem;--apcx-type-code-label-line: 1.35;--apcx-type-code-label-size: .78rem;--apcx-type-label-line: 1.3;--apcx-type-label-size: .86rem;--apcx-type-lede-line: 1.52;--apcx-type-lede-size: clamp(1rem, 1.15vw, 1.12rem);--apcx-type-page-title-line: .98;--apcx-type-page-title-size: clamp(2.35rem, 6.5vw, 4rem);--apcx-type-section-title-line: 1.08;--apcx-type-section-title-size: clamp(1.25rem, 2.5vw, 2rem);--apcx-type-small-line: 1.4;--apcx-type-small-size: .92rem;--apcx-color-border: color-mix(in oklab, #111114 12%, transparent);--apcx-color-surface: #ffffff;--apcx-color-surface-subtle: #f7f7f8;--apcx-color-text: #111114;--apcx-color-text-muted: #5b5b66;color-scheme:light}[data-apcx-theme=dark]{--apcx-color-border: color-mix(in oklab, #f2f2f5 14%, transparent);--apcx-color-surface: #0c0c0f;--apcx-color-surface-subtle: #14141a;--apcx-color-text: #f2f2f5;--apcx-color-text-muted: #a3a3b3;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-apcx-theme=light]):not([data-apcx-theme=dark]){--apcx-color-border: color-mix(in oklab, #f2f2f5 14%, transparent);--apcx-color-surface: #0c0c0f;--apcx-color-surface-subtle: #14141a;--apcx-color-text: #f2f2f5;--apcx-color-text-muted: #a3a3b3;color-scheme:dark}}}@layer apcx.reset,apcx.base,apcx.layout,apcx.components;@layer apcx.reset{*,*:before,*:after{box-sizing:border-box}}@layer apcx.base{:where(html){background:var(--apcx-color-surface);color:var(--apcx-color-text);font-family:var(--apcx-font-family-ui)}:where(body){margin:0;background:var(--apcx-color-surface);color:var(--apcx-color-text);font-family:var(--apcx-font-family-ui);font-size:var(--apcx-type-body-size);line-height:var(--apcx-type-body-line)}:where(button,input,textarea,select){font:inherit}:where(code,pre){font-family:var(--apcx-font-family-mono)}::selection{background:color-mix(in oklab,var(--apcx-color-text) 18%,transparent)}}@layer apcx.layout{.apcx-container{width:100%;max-width:var(--apcx-layout-content-max);margin-inline:auto;padding-inline:var(--apcx-layout-content-pad)}.apcx-container--wide{max-width:var(--apcx-layout-wide-max);padding-inline:var(--apcx-layout-wide-pad)}.apcx-prose{width:min(100%,var(--apcx-layout-prose-max))}.apcx-stack{display:grid;gap:var(--apcx-stack-gap, var(--apcx-space-4))}.apcx-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--apcx-cluster-gap, var(--apcx-space-3))}.apcx-type-caption{font-size:var(--apcx-type-caption-size);line-height:var(--apcx-type-caption-line)}.apcx-type-code-label{font-family:var(--apcx-font-family-mono);font-size:var(--apcx-type-code-label-size);line-height:var(--apcx-type-code-label-line)}.apcx-type-label{font-size:var(--apcx-type-label-size);font-weight:var(--apcx-font-weight-label);line-height:var(--apcx-type-label-line)}.apcx-type-small{font-size:var(--apcx-type-small-size);line-height:var(--apcx-type-small-line)}.apcx-type-body{font-size:var(--apcx-type-body-size);line-height:var(--apcx-type-body-line)}.apcx-type-lede{font-size:var(--apcx-type-lede-size);line-height:var(--apcx-type-lede-line)}.apcx-type-section-title,.apcx-type-page-title{margin:0;letter-spacing:-.04em}.apcx-type-section-title{font-size:var(--apcx-type-section-title-size);font-weight:var(--apcx-font-weight-strong);line-height:var(--apcx-type-section-title-line)}.apcx-type-page-title{font-size:var(--apcx-type-page-title-size);font-weight:var(--apcx-font-weight-display);line-height:var(--apcx-type-page-title-line)}}@layer apcx.components{.apcx-button{--apcx-button-bg: var(--apcx-color-text);--apcx-button-fg: var(--apcx-color-surface);--apcx-button-border: transparent;--apcx-button-hover-bg: color-mix( in oklab, var(--apcx-button-bg) 90%, var(--apcx-button-fg) );--apcx-button-active-bg: color-mix( in oklab, var(--apcx-button-bg) 82%, var(--apcx-button-fg) );--apcx-button-focus: color-mix(in oklab, currentColor 72%, transparent);-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;border:1px solid var(--apcx-button-border);border-radius:var(--apcx-radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:inherit;font-weight:var(--apcx-font-weight-control);line-height:1;letter-spacing:0;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--apcx-motion-control) var(--apcx-motion-ease),border-color var(--apcx-motion-control) var(--apcx-motion-ease),color var(--apcx-motion-control) var(--apcx-motion-ease),box-shadow var(--apcx-motion-control) var(--apcx-motion-ease),opacity var(--apcx-motion-control) var(--apcx-motion-ease),transform var(--apcx-motion-press) var(--apcx-motion-ease)}.apcx-button--solid{background:var(--apcx-button-bg);color:var(--apcx-button-fg)}.apcx-button--subtle{--apcx-button-bg: color-mix(in oklab, var(--apcx-color-text) 6%, transparent);--apcx-button-fg: var(--apcx-color-text);--apcx-button-border: color-mix(in oklab, var(--apcx-color-text) 14%, transparent);--apcx-button-hover-bg: color-mix(in oklab, var(--apcx-color-text) 10%, transparent);--apcx-button-active-bg: color-mix(in oklab, var(--apcx-color-text) 14%, transparent);background:var(--apcx-button-bg);color:var(--apcx-button-fg)}.apcx-button--regular.apcx-button--default{min-height:44px;padding:0 18px;font-size:1rem}.apcx-button--regular.apcx-button--small{min-height:34px;padding:0 12px;font-size:.9rem}.apcx-button--icon.apcx-button--default{width:44px;min-width:44px;height:44px;padding:0}.apcx-button--icon.apcx-button--small{width:34px;min-width:34px;height:34px;padding:0}.apcx-button:hover{background:var(--apcx-button-hover-bg)}.apcx-button:active{background:var(--apcx-button-active-bg);transform:translateY(1px)}.apcx-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--apcx-color-surface),0 0 0 4px var(--apcx-button-focus)}.apcx-button:disabled,.apcx-button[aria-disabled=true]{opacity:.46;cursor:not-allowed;pointer-events:none}.apcx-card{border:1px solid var(--apcx-color-border);border-radius:var(--apcx-radius-4);background:var(--apcx-color-surface-subtle)}.apcx-field{display:grid;gap:var(--apcx-space-2)}.apcx-field__top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.apcx-field__label{font-weight:600;letter-spacing:-.01em}.apcx-field__hint{color:var(--apcx-color-text-muted);font-size:.9rem}.apcx-field__control{display:grid;gap:var(--apcx-space-2)}.apcx-range{--apcx-range-fg: var(--apcx-color-text);--apcx-range-bg: var(--apcx-color-surface);--apcx-range-track: color-mix(in oklab, var(--apcx-range-fg) 70%, transparent);--apcx-range-focus: color-mix(in oklab, var(--apcx-range-fg) 65%, transparent);width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:0;height:18px;border:0;background:transparent;cursor:pointer;accent-color:var(--apcx-range-fg)}.apcx-range:focus{outline:none}.apcx-range:focus-visible{outline:2px solid var(--apcx-range-focus);outline-offset:4px}.apcx-range:disabled{cursor:not-allowed;opacity:.7}.apcx-range::-webkit-slider-runnable-track{height:2px;background:var(--apcx-range-track)}.apcx-range::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--apcx-range-fg);border-radius:var(--apcx-radius-pill);margin-top:-7px;background:var(--apcx-range-bg)}.apcx-range::-moz-range-track,.apcx-range::-moz-range-progress{height:2px;background:var(--apcx-range-track)}.apcx-range::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--apcx-range-fg);border-radius:var(--apcx-radius-pill);background:var(--apcx-range-bg)}@media(max-width:560px){.apcx-button--regular.apcx-button--default{min-height:48px;padding-inline:20px}.apcx-button--regular.apcx-button--small{min-height:40px;padding-inline:14px}.apcx-button--icon.apcx-button--default{width:48px;min-width:48px;height:48px}.apcx-button--icon.apcx-button--small{width:40px;min-width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.apcx-button{transition-duration:.01ms}.apcx-button:active{transform:none}}}:root{--surface: var(--apcx-color-surface);--surface-2: var(--apcx-color-surface-subtle);--text: var(--apcx-color-text);--muted: var(--apcx-color-text-muted);--border: var(--apcx-color-border);--content-max: var(--apcx-layout-content-max);--content-pad: var(--apcx-layout-content-pad);--radius: var(--apcx-radius-3);--font-ui: var(--apcx-font-family-ui);--font-specimen: var(--apcx-font-family-specimen);--docs-rail-w: clamp(260px, 26vw, 320px);--docs-content-max: 980px;--docs-pad-x: clamp(16px, 2.4vw, 26px);--docs-pad-y: clamp(16px, 2.4vw, 26px)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:CanvasText;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.35}h2,h3,h4,h5,h6{font-family:var(--font-ui)}header{font-family:var(--font-ui)}::selection{background:color-mix(in oklab,var(--text) 18%,transparent)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}
