[data-developer-space]{--dv-surface:var(--pk-surface);--dv-page:var(--pk-page);--dv-subtle:#fafafa;--dv-subtle-2:var(--pk-subtle);--dv-ink:var(--pk-ink);--dv-ink-2:var(--pk-ink2);--dv-body:#3f3f46;--dv-mute:var(--pk-mute);--dv-hint:var(--pk-hint);--dv-line:var(--pk-line);--dv-line-2:var(--pk-line3);--dv-line-3:var(--pk-line2);--dv-lime:var(--pk-lime-dark);--dv-lime-solid:var(--pk-lime);--dv-amber:var(--amber-dark);--dv-azure:var(--color-azure-dark);--dv-red:#b91c1c;--dv-rouge:var(--pk-rouge);--dv-violet:#6d28d9;--dv-red-text:#dc2626;--dv-amber-text:#a16207;--dv-lime-text:#4d7c0f;--dv-radius-card:12px;--dv-radius-chip:9999px;--surface:var(--pk-surface)}html[data-dev-theme=dark] [data-developer-space],[data-sdui-theme=dark]{--pk-surface:#1b1b1f;--pk-page:#131316;--pk-subtle:#26262b;--pk-ink:#fafafa;--pk-ink2:#e4e4e7;--pk-mute:#9d9da6;--pk-hint:#91919a;--pk-line:#2c2c31;--pk-line2:#26262b;--pk-line3:#3a3a41;--pk-azure:#7db8e8;--pk-rouge:#e8a196;--pk-lime-dark:#a3e635;--dv-subtle:#232327;--dv-body:#c9c9cf;--dv-red:#f87171;--dv-violet:#c4b5fd;--dv-amber:#fbbf24;--dv-red-text:var(--dv-red);--dv-amber-text:var(--dv-amber);--dv-lime-text:var(--pk-lime-dark);--auth-page-bg:var(--pk-page);--background:var(--pk-surface);--foreground:var(--pk-ink);--card:var(--pk-surface);--card-foreground:var(--pk-ink);--popover:var(--pk-surface);--popover-foreground:var(--pk-ink);--secondary:var(--pk-subtle);--secondary-foreground:var(--pk-ink);--muted:var(--pk-subtle);--muted-foreground:var(--pk-mute);--accent:var(--pk-subtle);--accent-foreground:var(--pk-ink);--input:#727279;--destructive:var(--dv-red);--color-background:var(--pk-surface);--color-foreground:var(--pk-ink);--color-card:var(--pk-surface);--color-card-foreground:var(--pk-ink);--color-popover:var(--pk-surface);--color-popover-foreground:var(--pk-ink);--color-secondary:var(--pk-subtle);--color-secondary-foreground:var(--pk-ink);--color-muted:var(--pk-mute);--color-muted-foreground:var(--pk-mute);--color-accent:var(--pk-subtle);--color-accent-foreground:var(--pk-ink);--color-border:var(--pk-line);--color-input:var(--input);--color-destructive:var(--dv-red);--color-amber-dark:var(--dv-amber);--color-lime-dark:var(--pk-lime-dark);--color-violet-dark:var(--dv-violet);--color-mute:var(--pk-mute);--color-hint:var(--pk-hint);--color-azure-dark:var(--pk-azure);--color-orange-dark:#fb923c;--color-red-dark:var(--dv-red);--amber-dark:var(--dv-amber);--surface:var(--pk-surface);--surface-inset:color-mix(in srgb, var(--pk-ink) 8%, transparent);--surface-hover:color-mix(in srgb, var(--pk-ink) 6%, transparent);--surface-hover-strong:color-mix(in srgb, var(--pk-ink) 9%, transparent);--surface-hover-muted:color-mix(in srgb, var(--pk-ink) 4%, transparent);--text:var(--pk-ink);--text-muted:var(--pk-mute);--text-hint:var(--pk-hint);--bg:var(--pk-surface);--bg-surface:var(--pk-surface);--bg-subtle:var(--pk-page);--bg-page:var(--pk-page);--bg-muted:var(--pk-subtle);--border:var(--pk-line);--border-md:var(--pk-line3);--color-surface:var(--pk-surface);--color-text:var(--pk-ink);--color-bg:var(--pk-surface);--auth-form-card-bg:var(--pk-surface);--seg-active-bg:#33333b;--seg-active-fg:var(--pk-ink);--azure:var(--pk-azure);--rouge:var(--pk-rouge);--lime-dark:var(--pk-lime-dark);--amber-600:var(--dv-amber);--status-neutral-fg:var(--pk-mute);--status-success-fg:var(--pk-lime-dark);--status-info-fg:var(--pk-azure);--status-warning-fg:var(--dv-amber);--status-danger-fg:var(--pk-rouge);--pk-glass-bg:var(--pk-surface)}[data-developer-space] .dv-light-island,[data-sdui-theme=light]{--pk-surface:#fff;--pk-page:#f6f6f4;--pk-subtle:#f4f4f5;--pk-ink:#09090b;--pk-ink2:#18181b;--pk-mute:#5f5f68;--pk-hint:#6d6d76;--pk-line:#09090b14;--pk-line2:#09090b0d;--pk-line3:#09090b24;--pk-azure:#2b7fbf;--pk-rouge:#b43e2e;--pk-lime-dark:#46720d;--pk-lime:#84cc16;--dv-surface:var(--pk-surface);--dv-page:var(--pk-page);--dv-subtle:#fafafa;--dv-subtle-2:var(--pk-subtle);--dv-ink:var(--pk-ink);--dv-ink-2:var(--pk-ink2);--dv-body:#3f3f46;--dv-mute:var(--pk-mute);--dv-hint:var(--pk-hint);--dv-line:var(--pk-line);--dv-line-2:var(--pk-line3);--dv-line-3:var(--pk-line2);--dv-lime:var(--pk-lime-dark);--dv-lime-solid:var(--pk-lime);--dv-azure:var(--color-azure-dark);--dv-red:#b91c1c;--dv-rouge:var(--pk-rouge);--dv-violet:#6d28d9;--dv-amber:#945a07;--dv-red-text:#dc2626;--dv-amber-text:#a16207;--dv-lime-text:#4d7c0f;--background:var(--pk-surface);--foreground:var(--pk-ink);--card:var(--pk-surface);--card-foreground:var(--pk-ink);--popover:var(--pk-surface);--popover-foreground:var(--pk-ink);--secondary:var(--pk-subtle);--secondary-foreground:var(--pk-ink);--muted:var(--pk-subtle);--muted-foreground:var(--pk-mute);--accent:var(--pk-subtle);--accent-foreground:var(--pk-ink);--input:#09090b75;--destructive:var(--dv-red);--color-background:var(--pk-surface);--color-foreground:var(--pk-ink);--color-card:var(--pk-surface);--color-card-foreground:var(--pk-ink);--color-popover:var(--pk-surface);--color-popover-foreground:var(--pk-ink);--color-secondary:var(--pk-subtle);--color-secondary-foreground:var(--pk-ink);--color-muted:var(--pk-mute);--color-muted-foreground:var(--pk-mute);--color-accent:var(--pk-subtle);--color-accent-foreground:var(--pk-ink);--color-border:var(--pk-line);--color-input:var(--input);--color-destructive:var(--dv-red);--color-amber-dark:var(--dv-amber);--color-lime-dark:var(--pk-lime-dark);--color-violet-dark:var(--dv-violet);--color-mute:var(--pk-mute);--color-hint:var(--pk-hint);--color-azure-dark:#28669a;--color-orange-dark:#b93e0a;--color-red-dark:var(--dv-red);--amber-dark:var(--dv-amber);--surface:var(--pk-surface);--surface-inset:color-mix(in srgb, var(--pk-ink) 8%, transparent);--surface-hover:color-mix(in srgb, var(--pk-ink) 6%, transparent);--surface-hover-strong:color-mix(in srgb, var(--pk-ink) 9%, transparent);--surface-hover-muted:color-mix(in srgb, var(--pk-ink) 4%, transparent);--text:var(--pk-ink);--text-muted:var(--pk-mute);--text-hint:var(--pk-hint);--bg:var(--pk-surface);--bg-surface:var(--pk-surface);--bg-subtle:var(--pk-page);--bg-page:var(--pk-page);--bg-muted:var(--pk-subtle);--border:var(--pk-line);--border-md:var(--pk-line3);--color-surface:var(--pk-surface);--color-text:var(--pk-ink);--color-bg:var(--pk-surface);--seg-active-bg:var(--pk-surface);--seg-active-fg:var(--pk-ink);--azure:var(--pk-azure);--rouge:var(--pk-rouge);--lime-dark:var(--pk-lime-dark);--amber-600:var(--dv-amber);--status-neutral-fg:var(--pk-mute);--status-success-fg:var(--pk-lime-dark);--status-info-fg:var(--pk-azure);--status-warning-fg:var(--dv-amber);--status-danger-fg:var(--pk-rouge);--pk-glass-bg:var(--pk-surface);--dv-selected:#09090b;--dv-selected-fg:#fafafa;--auth-page-bg:var(--pk-page);--auth-form-card-bg:var(--pk-surface);color:var(--pk-ink)}html[data-dev-theme=dark] [data-developer-space] .bg-white,[data-sdui-theme=dark] .bg-white{background-color:var(--pk-surface)}.dv-card{background:var(--pk-surface);border:1px solid var(--pk-line);border-radius:var(--dv-radius-card);box-shadow:0 8px 28px #09090b0d}@keyframes dv-dock-in{0%{transform:translateY(100%)}55%{transform:translateY(-9px)}75%{transform:translateY(3px)}90%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes dv-dock-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dv-dock-bounce{animation:.7s cubic-bezier(.22,1,.36,1) .25s both dv-dock-in}.dv-dock-body{animation:.22s both dv-dock-fade}@media (prefers-reduced-motion:reduce){.dv-dock-bounce,.dv-dock-body{animation:none}}.dv-label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.13em;text-transform:uppercase;color:var(--dv-hint);font-weight:700}.dv-chip{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.04em;border-radius:var(--dv-radius-chip);white-space:nowrap;align-items:center;padding:3px 8px;font-weight:700;display:inline-flex}.dv-chip-lime{color:var(--dv-lime);background:color-mix(in srgb, var(--dv-lime) 13%, transparent)}.dv-chip-amber{color:var(--dv-amber);background:color-mix(in srgb, var(--dv-amber) 14%, transparent)}.dv-chip-violet{color:var(--dv-violet);background:color-mix(in srgb, var(--dv-violet) 14%, transparent)}.dv-chip-rouge{color:var(--dv-rouge);background:color-mix(in srgb, var(--dv-rouge) 13%, transparent)}.dv-chip-azure{color:var(--dv-azure);background:color-mix(in srgb, var(--dv-azure) 13%, transparent)}.dv-chip-red{color:var(--dv-red);background:color-mix(in srgb, var(--dv-red) 13%, transparent)}.dv-chip-muted{color:var(--dv-mute);background:color-mix(in srgb, var(--dv-mute) 12%, transparent)}.dv-regime{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.07em;white-space:nowrap;border-radius:5px;flex-shrink:0;align-items:center;padding:2px 6px;font-weight:700;display:inline-flex}.dv-regime-read{color:var(--dv-azure);background:color-mix(in srgb, var(--dv-azure) 12%, transparent)}.dv-regime-write{color:var(--dv-amber);background:color-mix(in srgb, var(--dv-amber) 14%, transparent)}.dv-regime-effect{color:var(--dv-violet);background:color-mix(in srgb, var(--dv-violet) 13%, transparent)}.dv-code{font-family:var(--font-mono);font-size:var(--text-label);white-space:pre-wrap;overflow-wrap:anywhere;color:#fbbf24;background:#09090b;border-radius:8px;padding:9px 11px;line-height:1.6}.dv-code-lg{font-size:var(--text-meta);border-radius:10px;padding:12px 14px;line-height:1.7}.dv-field{border-color:var(--input);background:var(--dv-surface);color:var(--dv-ink)}.dv-field::placeholder{color:var(--dv-hint)}.dv-check{accent-color:var(--dv-lime-solid)}.dv-field[aria-invalid=true]{background:#b43e2e08;border-color:#b43e2e8c}.dv-combobox{border-color:var(--input);background:var(--dv-surface);color:var(--dv-ink);border-radius:10px;padding:0;overflow:hidden}.dv-combobox [cmdk-root]{color:var(--dv-ink);background:0 0}.dv-combobox [cmdk-input-wrapper]{border-color:var(--dv-line-3);gap:8px;padding:0 10px}.dv-combobox [cmdk-input]{height:36px;font-size:var(--text-meta);color:var(--dv-ink);padding:0}.dv-combobox [cmdk-input]::placeholder{color:var(--dv-hint)}.dv-combobox [cmdk-list]{max-height:min(280px,50vh);padding:4px}.dv-combobox [cmdk-empty]{font-size:var(--text-meta);color:var(--dv-mute);padding:16px 12px}.dv-combobox [cmdk-item]{font-size:var(--text-meta);color:var(--dv-ink);border-radius:7px;gap:8px;padding:6px 8px}.dv-combobox [cmdk-item][data-selected=true]{background:var(--dv-subtle-2)}.dv-value{font-family:var(--font-mono);font-size:var(--text-label);overflow-wrap:anywhere;background:var(--dv-subtle-2);border:1px solid var(--dv-line);color:var(--dv-body);border-radius:7px;padding:7px 9px;line-height:1.5}.dv-canvas{--color-background:var(--pk-surface);--color-foreground:var(--pk-ink);--color-card:var(--pk-surface);--color-card-foreground:var(--pk-ink);--color-popover:var(--pk-surface);--color-popover-foreground:var(--pk-ink);--color-muted:var(--pk-subtle);--color-muted-foreground:var(--pk-mute);--color-accent:var(--pk-subtle);--color-accent-foreground:var(--pk-ink);--color-secondary:var(--pk-subtle);--color-secondary-foreground:var(--pk-ink);--color-border:var(--pk-line);--color-input:var(--input);--text:var(--pk-ink);--text-muted:var(--pk-mute);--text-hint:var(--pk-hint);--background:var(--pk-surface);--foreground:var(--pk-ink);--card:var(--pk-surface);--card-foreground:var(--pk-ink);--muted:var(--pk-subtle);--muted-foreground:var(--pk-mute);--accent:var(--pk-subtle);--accent-foreground:var(--pk-ink);--secondary:var(--pk-subtle);--secondary-foreground:var(--pk-ink);--border:var(--pk-line);--surface:var(--pk-surface);--bg-surface:var(--pk-surface);--bg-muted:var(--pk-subtle);--bg-page:var(--pk-page);background:var(--pk-page);color:var(--pk-ink)}.dv-ephemeral{background-image:repeating-linear-gradient(-45deg, var(--dv-subtle) 0 8px, var(--dv-surface) 8px 16px)}.dv-chip--lime{color:var(--dv-lime);background:#84cd1624}.dv-chip--amber{color:var(--dv-amber);background:#f59e0b29}.dv-activate-backdrop{background:radial-gradient(60% 50% at 18% 8%,#84cc1624 0%,#0000 60%),radial-gradient(55% 45% at 85% 92%,#f59e0b1f 0%,#0000 60%),radial-gradient(#ffffff0d 1px,#0000 1px) 0 0/22px 22px,#141416}.dv-activate-card{background:#fff;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 30px 70px -30px #0009}@keyframes dv-act-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes dv-act-ring{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.55)}}@keyframes dv-act-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dv-act-confetti{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--cx), var(--cy)) rotate(var(--cr)) scale(.85);opacity:0}}.dv-act-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) both dv-act-pop}.dv-act-ring{animation:1.4s ease-out .15s both dv-act-ring}.dv-act-rise{animation:.45s ease-out both dv-act-rise}.dv-act-countdown{background:var(--dv-line-3);border-radius:999px;width:132px;height:2px;display:block;overflow:hidden}.dv-act-countdown-bar{background:var(--dv-lime-solid);border-radius:999px;height:100%;transition:width 1s linear;display:block}@media (prefers-reduced-motion:reduce){.dv-act-pop,.dv-act-ring,.dv-act-rise{animation:none}.dv-act-confetti{display:none}.dv-act-countdown-bar{transition:none}}.dv-activate-cta{background:var(--dv-lime-solid);color:#09090b;width:100%;height:44px;min-height:44px;font-size:var(--text-body);box-shadow:0 4px 14px color-mix(in srgb, var(--dv-lime-solid) 35%, transparent);border-radius:9px;flex:1;font-weight:600}.dv-activate-cta:hover:not(:disabled){background:color-mix(in srgb, var(--dv-lime-solid) 88%, #000)}.dv-activate-cta:disabled{background:var(--dv-subtle-2);color:var(--dv-hint);opacity:1;box-shadow:none}.dv-activate-decline{border:1px solid var(--dv-line-2);background:var(--dv-surface);height:44px;min-height:44px;color:var(--dv-ink-2);font-size:var(--text-body);border-radius:9px;flex:1;font-weight:600}.dv-activate-decline:hover{background:var(--dv-subtle);color:var(--dv-ink)}.dv-activate-code{border:1px solid var(--input);background:var(--dv-surface);text-align:center;height:52px;font-family:var(--font-mono);font-size:var(--text-title);letter-spacing:.25em;color:var(--dv-ink);border-radius:9px}.dv-activate-code:focus-visible{outline:2px solid var(--dv-lime);outline-offset:-1px}.dv-activate-link{height:auto;color:var(--dv-lime);padding:0}.dv-switch{border-width:0;width:38px;height:22px}.dv-switch[data-state=checked]{background:var(--dv-lime-solid)}.dv-switch>span{width:18px;height:18px;box-shadow:0 1px 2px #09090b40}.dv-switch>span[data-state=checked]{--tw-translate-x:18px}@keyframes dv-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dv-enter{animation:.18s ease-out both dv-enter}.dv-enter:nth-child(2){animation-delay:30ms}.dv-enter:nth-child(3){animation-delay:60ms}.dv-enter:nth-child(4){animation-delay:90ms}@media (prefers-reduced-motion:reduce){.dv-enter{animation:none}}[data-developer-space]{--dv-slab:#09090b;--dv-slab-fg:#fbbf24;--dv-slab-mute:#fafafaa6;--dv-slab-strong:#fafafa;--dv-slab-faint:#fafafa80;--dv-selected:#09090b;--dv-selected-fg:#fafafa}html[data-dev-theme=dark] [data-developer-space],[data-sdui-theme=dark]{--dv-selected:#fafafa;--dv-selected-fg:#09090b}[data-developer-space] [data-editor=tiptap-classic]{border-color:var(--input);background:var(--dv-surface)}[data-developer-space] [data-editor=tiptap-classic]:focus-within{border-color:var(--dv-lime-solid);--tw-ring-color:var(--dv-lime-solid)}[data-developer-space] [data-editor=tiptap-classic] .tiptap-classic-editor-prose{color:var(--dv-ink)}.dv-shot-hatch{background:repeating-linear-gradient(45deg,#09090b08 0 10px,#0000 10px 20px)}html[data-dev-theme=dark] [data-developer-space] .dv-shot-hatch{background:repeating-linear-gradient(45deg,#fafafa0d 0 10px,#0000 10px 20px)}[data-developer-space] [data-playground-selected]>*{outline:2px solid var(--dv-amber);outline-offset:2px;border-radius:8px}[data-developer-space] [data-playground-over]>*{outline:2px dashed var(--dv-amber);outline-offset:3px;border-radius:8px}[data-developer-space] [data-playground-node]>*{cursor:pointer}[data-developer-space] [data-variant=outline]{border-color:var(--dv-line-2)}html[data-dev-theme=dark] [data-developer-space] [data-variant=outline]{background:var(--dv-surface);color:var(--dv-body)}html[data-dev-theme=dark] [data-developer-space] [data-variant=outline]:hover{background:var(--dv-subtle-2)}.dv-rel-drawer{animation:.26s cubic-bezier(.22,1,.36,1) both pk-drawer-slide}@media (prefers-reduced-motion:reduce){.dv-rel-drawer{animation:none}}[data-developer-space] [data-page-header]{margin-bottom:46px}[data-developer-space] [data-page-header]+div>[data-page-help]:first-child{margin-top:-30px}