:root{color-scheme:light dark;--bg:oklch(98.2% 0.006 230);--bg-tint:oklch(99% 0.004 230);--surface:oklch(100% 0.004 230);--surface-muted:oklch(96.2% 0.012 230);--ink:oklch(19% 0.035 252);--muted:oklch(47% 0.035 252);--subtle:oklch(66% 0.028 252);--line:oklch(90% 0.018 240);--line-strong:oklch(82% 0.024 240);--accent:oklch(55% 0.13 206);--accent-soft:oklch(96% 0.04 206);--accent-ink:oklch(22% 0.08 210);--accent-glow:oklch(70% 0.13 206/0.18);--success:oklch(45% 0.11 166);--success-surface:oklch(97% 0.02 166);--success-border:oklch(86% 0.055 166);--warning:oklch(57% 0.13 76);--warning-surface:oklch(99% 0.02 76);--warning-border:oklch(86% 0.06 76);--warning-ink:oklch(45% 0.13 76);--danger:oklch(54% 0.17 26);--danger-surface:oklch(97% 0.02 26);--danger-border:oklch(87% 0.065 26);--info:oklch(50% 0.13 245);--info-surface:oklch(97% 0.02 245);--info-border:oklch(86% 0.06 245);--dark:oklch(18% 0.035 252);--dark-soft:oklch(23% 0.038 252);--code-bg:oklch(18% 0.035 252);--code-ink:oklch(92% 0.035 210);--code-border:oklch(30% 0.04 252);--on-accent:oklch(98% 0.006 230);--radius-sm:10px;--radius:16px;--radius-lg:24px;--shadow-soft:0 24px 70px oklch(25% 0.03 252/0.08);--shadow-card:0 16px 45px oklch(25% 0.03 252/0.07);--shadow-accent:0 24px 70px var(--accent-glow);--backdrop-tint:oklch(55% 0.13 206/0.10)}[data-theme=dark],html[data-theme=dark]{color-scheme:dark;--bg:oklch(14% 0.022 252);--bg-tint:oklch(16% 0.024 252);--surface:oklch(18% 0.026 252);--surface-muted:oklch(21% 0.028 252);--ink:oklch(96% 0.01 230);--muted:oklch(72% 0.018 240);--subtle:oklch(58% 0.022 240);--line:oklch(28% 0.024 252);--line-strong:oklch(36% 0.028 252);--accent:oklch(72% 0.14 206);--accent-soft:oklch(28% 0.06 206);--accent-ink:oklch(92% 0.06 210);--accent-glow:oklch(72% 0.14 206/0.28);--success:oklch(74% 0.16 166);--success-surface:oklch(24% 0.05 166);--success-border:oklch(36% 0.08 166);--warning:oklch(78% 0.15 76);--warning-surface:oklch(26% 0.06 76);--warning-border:oklch(40% 0.10 76);--warning-ink:oklch(85% 0.14 76);--danger:oklch(72% 0.18 26);--danger-surface:oklch(26% 0.07 26);--danger-border:oklch(42% 0.12 26);--info:oklch(74% 0.14 245);--info-surface:oklch(24% 0.06 245);--info-border:oklch(38% 0.10 245);--dark:oklch(10% 0.018 252);--dark-soft:oklch(14% 0.022 252);--code-bg:oklch(11% 0.02 252);--code-ink:oklch(86% 0.04 210);--code-border:oklch(28% 0.03 252);--on-accent:oklch(14% 0.022 252);--shadow-soft:0 24px 70px oklch(5% 0.02 252/0.55);--shadow-card:0 16px 45px oklch(5% 0.02 252/0.45);--backdrop-tint:oklch(72% 0.14 206/0.12)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:oklch(14% 0.022 252);--bg-tint:oklch(16% 0.024 252);--surface:oklch(18% 0.026 252);--surface-muted:oklch(21% 0.028 252);--ink:oklch(96% 0.01 230);--muted:oklch(72% 0.018 240);--subtle:oklch(58% 0.022 240);--line:oklch(28% 0.024 252);--line-strong:oklch(36% 0.028 252);--accent:oklch(72% 0.14 206);--accent-soft:oklch(28% 0.06 206);--accent-ink:oklch(92% 0.06 210);--accent-glow:oklch(72% 0.14 206/0.28);--success:oklch(74% 0.16 166);--success-surface:oklch(24% 0.05 166);--success-border:oklch(36% 0.08 166);--warning:oklch(78% 0.15 76);--warning-surface:oklch(26% 0.06 76);--warning-border:oklch(40% 0.10 76);--warning-ink:oklch(85% 0.14 76);--danger:oklch(72% 0.18 26);--danger-surface:oklch(26% 0.07 26);--danger-border:oklch(42% 0.12 26);--info:oklch(74% 0.14 245);--info-surface:oklch(24% 0.06 245);--info-border:oklch(38% 0.10 245);--dark:oklch(10% 0.018 252);--dark-soft:oklch(14% 0.022 252);--code-bg:oklch(11% 0.02 252);--code-ink:oklch(86% 0.04 210);--code-border:oklch(28% 0.03 252);--on-accent:oklch(14% 0.022 252);--shadow-soft:0 24px 70px oklch(5% 0.02 252/0.55);--shadow-card:0 16px 45px oklch(5% 0.02 252/0.45);--backdrop-tint:oklch(72% 0.14 206/0.12)}}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at 12% 0,var(--backdrop-tint),transparent 31rem),linear-gradient(180deg,var(--bg-tint),var(--bg));color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}:focus-visible{outline:3px solid color-mix(in oklch,var(--accent),white 20%);outline-offset:3px}.ws-skip{position:absolute;left:12px;top:12px;padding:10px 14px;border-radius:12px;background:var(--ink);color:var(--bg);font-weight:760;text-decoration:none;transform:translateY(-150%);transition:transform .2s cubic-bezier(.22,1,.36,1);z-index:100}.ws-skip:focus-visible{transform:translateY(0)}.ws-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.ws-stack{display:grid;grid-gap:18px;gap:18px}.ws-row{gap:12px;flex-wrap:wrap}.ws-row,.ws-spread{display:flex;align-items:center}.ws-spread{justify-content:space-between;gap:18px}.ws-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.ws-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.ws-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.ws-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:820;letter-spacing:-.035em;color:var(--ink)}.ws-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--dark);color:var(--accent);box-shadow:inset 0 -10px 18px oklch(100% 0 0/.05)}.ws-nav{justify-content:space-between;gap:20px;padding:22px 0}.ws-nav,.ws-nav-links{display:flex;align-items:center}.ws-nav-links{gap:6px;flex-wrap:wrap}.ws-nav-link{border-radius:999px;color:var(--muted);font-size:.93rem;font-weight:650;padding:9px 12px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.ws-nav-link:hover,.ws-nav-link[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.ws-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;border:1px solid transparent;padding:0 16px;text-decoration:none;font-weight:760;transition:transform .16s ease,background .16s ease,border-color .16s ease}.ws-button:hover{transform:translateY(-1px)}.ws-button-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.ws-button-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.ws-button-ghost{background:transparent;color:var(--muted);border-color:transparent}.ws-button-danger{background:var(--danger-surface);color:var(--danger);border-color:var(--danger-border)}.ws-button-sm{min-height:36px;padding:0 12px;font-size:.88rem}.ws-eyebrow{margin:0;color:var(--accent);font-size:.78rem;font-weight:820;letter-spacing:.13em;text-transform:uppercase}.ws-title{margin:0;color:var(--ink);font-size:clamp(2.8rem,7vw,6.2rem);line-height:.94;letter-spacing:-.075em}.ws-subtitle{margin:0;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.75}.ws-section-title{margin:0;color:var(--ink);font-size:clamp(1.9rem,3.4vw,3.4rem);line-height:1.02;letter-spacing:-.055em}.ws-kicker{color:var(--subtle);font-size:.88rem;font-weight:720}.ws-card{background:color-mix(in oklch,var(--surface),transparent 4%);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ws-card-pad{padding:24px}.ws-card-featured{border-color:var(--accent);box-shadow:var(--shadow-accent)}.ws-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.ws-panel-warn{background:var(--warning-surface);border-color:var(--warning-border)}.ws-muted-panel{background:var(--surface-muted);border:1px solid var(--line);padding:16px}.ws-code,.ws-muted-panel{border-radius:var(--radius)}.ws-code{overflow-x:auto;background:var(--code-bg);color:var(--code-ink);border:1px solid var(--code-border);padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;line-height:1.75}.ws-code code{font-family:inherit}.ws-inline-code{border-radius:7px;background:var(--surface-muted);border:1px solid var(--line);color:var(--accent-ink);padding:2px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.ws-codeblock{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--code-border);overflow:hidden;box-shadow:0 1px 0 oklch(100% 0 0/.04) inset,var(--shadow-card)}.ws-codeblock-header{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--code-border);background:linear-gradient(180deg,oklch(100% 0 0/.04),transparent)}.ws-codeblock-dots{display:inline-flex;gap:6px}.ws-codeblock-dots span{display:block;width:11px;height:11px;border-radius:999px;background:oklch(55% .12 26);opacity:.85}.ws-codeblock-dots span:nth-child(2){background:oklch(70% .13 76)}.ws-codeblock-dots span:nth-child(3){background:oklch(62% .14 145)}.ws-codeblock-filename{color:oklch(70% .02 240);font-size:.78rem;font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;margin-left:4px}.ws-codeblock-copy{margin-left:auto;border:1px solid oklch(40% .04 252);background:oklch(22% .03 252);color:oklch(86% .03 210);border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:700;cursor:pointer;min-height:32px;transition:background .16s ease,color .16s ease,border-color .16s ease}.ws-codeblock-copy:hover{background:oklch(28% .04 252);color:oklch(94% .04 210);border-color:oklch(50% .06 252)}.ws-codeblock-body{margin:0;padding:16px 0 18px;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;line-height:1.7;color:var(--code-ink);scrollbar-width:thin;scrollbar-color:oklch(40% .04 252) transparent}.ws-codeblock-body::-webkit-scrollbar{height:6px}.ws-codeblock-body::-webkit-scrollbar-thumb{background:oklch(40% .04 252);border-radius:999px}.ws-codeblock-body::-webkit-scrollbar-track{background:transparent}.ws-codeblock-line{display:grid;grid-template-columns:44px 1fr;align-items:start}.ws-codeblock-ln{color:oklch(45% .03 252);text-align:right;padding-right:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ws-codeblock-content{white-space:pre-wrap;word-break:break-word;padding-right:18px}.ws-tok-str{color:oklch(82% .13 145)}.ws-tok-num{color:oklch(78% .14 60)}.ws-tok-kw{color:oklch(78% .14 305);font-weight:600}.ws-tok-flag{color:oklch(80% .12 220)}.ws-tok-var{color:oklch(82% .13 60)}.ws-tok-url{color:oklch(78% .1 200);text-decoration:underline;-webkit-text-decoration-color:oklch(38% .06 200);text-decoration-color:oklch(38% .06 200);text-underline-offset:3px}.ws-tok-punct{color:oklch(60% .02 240)}.ws-badge{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);padding:7px 10px;font-size:.8rem;font-weight:760}.ws-badge-success{color:var(--success);border-color:var(--success-border);background:var(--success-surface)}.ws-badge-warning{color:var(--warning);border-color:var(--warning-border);background:var(--warning-surface)}.ws-badge-danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-surface)}.ws-badge-info{color:var(--info);border-color:var(--info-border);background:var(--info-surface)}.ws-field{display:grid;grid-gap:8px;gap:8px;color:var(--ink);font-size:.92rem;font-weight:720}.ws-fieldset{border:0;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px}.ws-fieldset legend{padding:0;color:var(--ink);font-size:.92rem;font-weight:720}.ws-input,.ws-select{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);padding:10px 12px}.ws-input::placeholder{color:var(--subtle)}.ws-help{color:var(--muted);font-size:.9rem;line-height:1.5}.ws-notice{border-radius:var(--radius);padding:14px 16px;line-height:1.55}.ws-notice-success{background:var(--success-surface);border:1px solid var(--success-border);color:var(--success)}.ws-notice-error{background:var(--danger-surface);border:1px solid var(--danger-border);color:var(--danger)}.ws-notice-warning{background:var(--warning-surface);border:1px solid var(--warning-border);color:var(--warning-ink)}.ws-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--surface),transparent 30%);color:var(--muted);padding:28px;text-align:center;line-height:1.6}.ws-products-grid{display:grid}@media (max-width:980px){.ws-products-grid{grid-template-columns:1fr!important}}.ws-tablist{display:inline-flex;gap:6px;padding:4px;background:var(--surface-muted);border-radius:999px;border:1px solid var(--line);flex-wrap:wrap}.ws-tab{min-height:44px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:var(--muted);font-weight:720;font-size:.92rem;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.ws-tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.ws-tab:hover:not([aria-selected=true]){color:var(--ink)}.ws-tab-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.ws-skeleton{display:inline-block;border-radius:8px;background:linear-gradient(90deg,var(--surface-muted),var(--line),var(--surface-muted));background-size:200% 100%;animation:ws-skeleton 1.4s ease-in-out infinite}@keyframes ws-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.ws-app{min-height:100vh;background:linear-gradient(180deg,var(--bg-tint),var(--bg))}.ws-app-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.ws-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:color-mix(in oklch,var(--surface),transparent 10%);padding:22px 18px}.ws-sidebar-nav{display:grid;grid-gap:4px;gap:4px;margin-top:28px}.ws-sidebar-link{border-radius:12px;color:var(--muted);font-weight:680;padding:11px 12px;text-decoration:none;min-height:44px;display:flex;align-items:center}.ws-sidebar-link:hover{background:var(--surface-muted);color:var(--ink)}.ws-sidebar-link[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.ws-sidebar-meta{position:absolute;right:18px;bottom:20px;left:18px;color:var(--muted);font-size:.86rem;line-height:1.55}.ws-main{min-width:0;padding:28px}.ws-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.ws-page-heading{display:grid;grid-gap:8px;gap:8px;margin-bottom:24px}.ws-page-heading h1{margin:0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.055em;line-height:1}.ws-page-heading p{margin:0;color:var(--muted);line-height:1.65;max-width:760px}.ws-mobile-nav{display:none;align-items:center;gap:10px;justify-content:space-between}.ws-mobile-nav details{flex:1 1}.ws-mobile-nav summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:720;cursor:pointer}.ws-mobile-nav summary::-webkit-details-marker{display:none}.ws-mobile-nav[open] summary{background:var(--surface-muted)}.ws-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.ws-theme-toggle:hover{background:var(--surface-muted)}@media (max-width:980px){.ws-app-layout,.ws-grid-2,.ws-grid-3,.ws-grid-4{grid-template-columns:1fr}.ws-sidebar{display:none}.ws-mobile-nav{display:flex;padding:14px 0 18px}.ws-mobile-nav .ws-sidebar-nav{display:grid;grid-gap:4px;gap:4px;margin-top:10px}}@media (max-width:640px){.ws-shell{width:min(100% - 24px,1180px)}.ws-nav,.ws-spread,.ws-topbar{align-items:flex-start;flex-direction:column}.ws-button,.ws-nav-links,.ws-row{width:100%}.ws-nav-link{flex:1 1;text-align:center;justify-content:center}.ws-card-pad,.ws-panel{padding:18px}.ws-main{padding:20px 14px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}