:root{--peal-font:var(--font-jetbrains), ui-monospace, SFMono-Regular, Menlo, monospace;--peal-font-weight:300;--peal-font-weight-ui:400;--peal-font-weight-strong:500;--peal-tracking:-.02em;--peal-tracking-tight:-.04em;--peal-tracking-wide:.12em;--peal-leading:1.36;--peal-leading-tight:1.2;--peal-space-2xs:4px;--peal-space-xs:6px;--peal-space-sm:10px;--peal-space-md:14px;--peal-space-lg:20px;--peal-space-xl:28px;--peal-space-2xl:40px;--peal-space-section:72px;--peal-nav-height:46px;--peal-nav-height-studio:40px;--peal-nav-max-width-landing:1200px;--peal-nav-padding-x-landing:clamp(24px, 4vw, 48px);--peal-app-gutter:16px}.peal-app-shell{min-height:100vh}.peal-content-gutter{padding-left:var(--peal-app-gutter);padding-right:var(--peal-app-gutter)}@media (min-width:640px){.peal-content-gutter{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.peal-content-gutter{padding-left:32px;padding-right:32px}}.peal-wordmark{font-family:var(--peal-font);font-size:13px;font-weight:var(--peal-font-weight);letter-spacing:var(--peal-tracking-tight);text-transform:lowercase;font-feature-settings:"ss01" 1, "liga" 1;font-variant-ligatures:common-ligatures}.landing h1,.landing h2,.landing h3,.library h1,.library h2,.library h3,.docs h1,.docs h2,.docs h3,.about h1,.about h2,.about h3{font-family:var(--peal-font);letter-spacing:var(--peal-tracking-tight)}
.peal-nav{--peal-nav-bg:#111113;--peal-nav-text:#ffffffeb;--peal-nav-text-dim:#ffffff7a;--peal-nav-border:#ffffff12;--peal-nav-border-lit:#ffffff1c;--peal-nav-edge-hi:#ffffff17;--peal-nav-edge-lo:#0000006b;--peal-nav-accent:#4a9eff;--peal-nav-accent-hi:#6bb0ff;--peal-nav-accent-glow:#4a9eff24;background:color-mix(in srgb, var(--peal-nav-bg) 86%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.15);border-bottom:1px solid var(--peal-nav-edge-lo);width:100%;box-shadow:0 1px 0 var(--peal-nav-edge-hi), 0 12px 32px -24px #0000006b;position:relative}.peal-nav:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0b 0%,#0000 100%);position:absolute;inset:0}.peal-nav-inner{z-index:1;width:100%;padding:8px var(--peal-app-gutter);min-height:var(--peal-nav-height);align-items:center;gap:12px;margin:0 auto;display:flex;position:relative}.peal-nav-left{flex-shrink:0;align-items:center;gap:12px;min-width:0;display:flex}.peal-nav-center{justify-content:center;align-items:center;min-width:0;display:none}.peal-nav-right{flex-shrink:0;align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}@media (min-width:768px){.peal-nav-inner:has(.peal-nav-context){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.peal-nav-inner:has(.peal-nav-context) .peal-nav-left{justify-self:start}.peal-nav-inner:has(.peal-nav-context) .peal-nav-center{grid-column:2;justify-self:center;display:flex}.peal-nav-inner:has(.peal-nav-context) .peal-nav-right{grid-column:3;justify-self:end;margin-left:0}}.peal-nav--landing .peal-nav-inner,.landing .peal-nav .peal-nav-inner{max-width:var(--peal-nav-max-width-landing);padding-left:var(--peal-nav-padding-x-landing);padding-right:var(--peal-nav-padding-x-landing)}.peal-nav--app .peal-nav-inner,.peal-app-shell .peal-nav .peal-nav-inner{max-width:none;padding-left:var(--peal-app-gutter);padding-right:var(--peal-app-gutter)}@media (min-width:640px){.peal-nav--app .peal-nav-inner,.peal-app-shell .peal-nav .peal-nav-inner{padding-left:24px;padding-right:24px}}@media (min-width:1024px){.peal-nav--app .peal-nav-inner,.peal-app-shell .peal-nav .peal-nav-inner{padding-left:32px;padding-right:32px}}.peal-nav--studio{--peal-nav-height:var(--peal-nav-height-studio)}.peal-nav--studio .peal-nav-inner,.peal-studio-chrome .peal-nav .peal-nav-inner{max-width:none;min-height:var(--peal-nav-height-studio);padding:5px 10px}.peal-studio-chrome[data-peal-theme=light] .peal-nav,.peal-app-shell[data-peal-theme=light] .peal-nav{--peal-nav-bg:#f3f5f8;--peal-nav-text:#0f172ae6;--peal-nav-text-dim:#0f172a7a;--peal-nav-border:#0f172a14;--peal-nav-border-lit:#0f172a1f;--peal-nav-edge-hi:#ffffffeb;--peal-nav-edge-lo:#0f172a14;--peal-nav-accent-glow:#4a9eff1a;box-shadow:0 1px 0 var(--peal-nav-edge-hi), 0 10px 28px -22px #0f172a24}.peal-studio-chrome[data-peal-theme=light] .peal-nav:before,.peal-app-shell[data-peal-theme=light] .peal-nav:before{background:linear-gradient(#ffffffb8 0%,#0000 100%)}.peal-studio-chrome[data-peal-theme=light] .peal-nav-link:hover,.peal-app-shell[data-peal-theme=light] .peal-nav-link:hover{background:#0f172a0a;border-color:#0f172a0f}.peal-studio-chrome[data-peal-theme=light] .peal-nav-link--meta,.peal-app-shell[data-peal-theme=light] .peal-nav-link--meta{color:#0f172a6b}.peal-studio-chrome[data-peal-theme=light] .peal-nav-link--meta:hover,.peal-app-shell[data-peal-theme=light] .peal-nav-link--meta:hover{color:#0f172ab8}.peal-studio-chrome[data-peal-theme=light] .peal-theme-toggle,.peal-app-shell[data-peal-theme=light] .peal-theme-toggle{background:#0f172a08;box-shadow:inset 0 1px #ffffffa6}.peal-studio-chrome[data-peal-theme=light] .peal-theme-toggle-btn,.peal-app-shell[data-peal-theme=light] .peal-theme-toggle-btn{color:#0f172a6b}.peal-studio-chrome[data-peal-theme=light] .peal-theme-toggle-btn:hover,.peal-app-shell[data-peal-theme=light] .peal-theme-toggle-btn:hover{color:#0f172ac7;background:#0f172a0d}.peal-studio-chrome[data-peal-theme=light] .peal-nav-menu-btn,.peal-app-shell[data-peal-theme=light] .peal-nav-menu-btn{background:#0f172a08}.peal-studio-chrome[data-peal-theme=light] .peal-nav-menu-btn:hover,.peal-app-shell[data-peal-theme=light] .peal-nav-menu-btn:hover{background:#0f172a0f}.peal-nav-brand{color:var(--peal-nav-text);flex-shrink:0;align-items:center;gap:10px;padding:2px 0;text-decoration:none;transition:color .15s;display:inline-flex}.peal-nav-brand:hover,.peal-nav-brand:hover .peal-wordmark{color:var(--peal-nav-accent-hi)}.peal-nav .peal-wordmark{color:var(--peal-nav-text);transition:color .15s}.peal-nav .peal-brand-mark{filter:drop-shadow(0 1px 2px #4a9eff14);border-radius:24%;flex-shrink:0;transition:filter .2s,transform .2s;display:block}.peal-nav-brand:hover .peal-brand-mark{filter:drop-shadow(0 2px 8px #4a9eff38)}.peal-nav-links{flex-shrink:0;align-items:center;gap:12px;min-width:0;display:none}@media (min-width:768px){.peal-nav-links{display:flex}}.peal-nav-link--primary{font-size:12px;font-weight:var(--peal-font-weight-ui)}.peal-nav-end{flex-shrink:0;align-items:center;gap:8px;display:flex}.peal-nav-meta{align-items:center;gap:2px;display:none}@media (min-width:768px){.peal-nav-meta{display:flex}}.peal-nav-end-divider{background:var(--peal-nav-border);flex-shrink:0;width:1px;height:16px;display:none}@media (min-width:768px){.peal-nav-end-divider{display:block}}.peal-nav-link{font-family:var(--peal-font);font-size:12px;font-weight:var(--peal-font-weight);letter-spacing:var(--peal-tracking);color:var(--peal-nav-text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:inline-flex;position:relative}.peal-nav-link:hover{color:var(--peal-nav-text);background:#ffffff0b;border-color:#ffffff0d}.peal-nav-link.is-active{color:var(--peal-nav-accent-hi);background:var(--peal-nav-accent-glow);border-color:#4a9eff2e}.peal-nav-link.is-active:after{content:none}.peal-nav-link--meta{color:#ffffff5c;font-size:12px}.peal-nav-link--meta:hover{color:#ffffffb8}.peal-nav-link--meta.is-active{color:var(--peal-nav-accent-hi)}.peal-nav-link svg{opacity:.65;flex-shrink:0}.peal-theme-toggle{border:1px solid var(--peal-nav-border);background:#ffffff08;border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.peal-theme-toggle-btn{color:#ffffff61;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.peal-theme-toggle-btn:hover{color:#ffffffc7;background:#ffffff0d}.peal-theme-toggle-btn.is-active{color:var(--peal-nav-accent-hi);background:#4a9eff1f;border-color:#4a9eff38;box-shadow:0 0 16px -8px #4a9eff73}.peal-nav-theme{align-items:center;display:flex}.peal-nav-menu-btn{border:1px solid var(--peal-nav-border);width:34px;height:34px;color:var(--peal-nav-text-dim);cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:flex}.peal-nav-menu-btn:hover{color:var(--peal-nav-text);border-color:var(--peal-nav-border-lit);background:#ffffff0f}@media (min-width:768px){.peal-nav-menu-btn{display:none}}.peal-nav-mobile{z-index:1;border-top:1px solid var(--peal-nav-border);background:color-mix(in srgb, var(--peal-nav-bg) 94%, transparent);padding:8px 14px 10px;position:relative}.peal-nav-mobile-grid{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.peal-nav-mobile .peal-nav-link{justify-content:flex-start;width:100%;padding:8px 10px}@media (min-width:768px){.peal-nav-mobile{display:none}}@media (max-width:720px){.peal-theme-toggle-btn{width:26px;height:26px}}
.peal-chrome{z-index:50;--peal-chrome-height:var(--peal-nav-height);position:sticky;top:0}.peal-chrome:has(.peal-nav--studio){--peal-chrome-height:var(--peal-nav-height-studio)}.peal-nav-context{flex-shrink:0;align-items:center;gap:8px;display:none}@media (min-width:768px){.peal-nav-context{display:inline-flex}}.peal-context-crumb{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.peal-context-section{font-family:var(--peal-font);font-size:10px;font-weight:var(--peal-font-weight-ui);letter-spacing:var(--peal-tracking-wide);text-transform:uppercase;color:#ffffff6b;white-space:nowrap}.peal-context-sep{color:#ffffff38;flex-shrink:0}.peal-context-toggle{background:#ffffff05;border:1px solid #ffffff12;border-radius:7px;align-items:center;gap:2px;padding:2px;display:inline-flex}.peal-context-toggle-btn{font-family:var(--peal-font);font-size:10px;font-weight:var(--peal-font-weight-ui);letter-spacing:.04em;text-transform:uppercase;color:#ffffff6b;white-space:nowrap;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:4px 9px;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.peal-context-toggle-btn:hover{color:#ffffffc7;background:#ffffff0a}.peal-context-toggle-btn.is-active{color:var(--peal-nav-accent-hi,#6bb0ff);background:#4a9eff1a;border-color:#4a9eff2e}.peal-nav-context--studio .peal-context-section{color:#8ec2ff94}.peal-nav-context--library .peal-context-section{color:#ffffff7a}.peal-nav-mobile-context{border-top:1px solid var(--peal-nav-border);flex-direction:column;gap:8px;margin-top:6px;padding:10px 0 4px;display:flex}.peal-nav-mobile-context .peal-context-crumb{padding:0 2px}.peal-nav-mobile-context .peal-context-toggle{width:100%}.peal-nav-mobile-context .peal-context-toggle-btn{flex:1}@media (min-width:768px){.peal-nav-mobile-context{display:none}}