.dev{--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--ink:var(--pipp-color-ink);--ink-panel:#201c28;--ink-raised:#221e2b;--ink-tab:#2c2637;--ink-edge:#2e2838;--ink-line:#352f40;--ink-scroll:#4a4256;--ink-text:#e9e4f2;--ink-body:#cfc7dc;--ink-muted:#a79fb6;--ink-link:#d8ccfd;--ink-select:#4a3d7a;--ink-success:#b8f0cf;--paper-select:#dcd0fd;--astro-code-foreground:var(--ink-text);--astro-code-background:var(--ink);--astro-code-token-function:#fff;--astro-code-token-keyword:#fff;--astro-code-token-parameter:#ffd9d2;--astro-code-token-constant:#ffc9bf;--astro-code-token-string:#c4b5f7;--astro-code-token-string-expression:#c4b5f7;--astro-code-token-link:#c4b5f7;--astro-code-token-comment:#948ba5;--astro-code-token-punctuation:#bdb4cc;width:min(100% - 3rem,1150px);margin-inline:auto;padding-bottom:6rem}.dev ::selection{background:var(--paper-select);color:var(--ink)}.dev :is(pre,.console) ::selection{background:var(--ink-select);color:#fff}.dev a:focus-visible,.dev button:focus-visible,.dev summary:focus-visible,.dev pre:focus-visible,.dev [tabindex]:focus-visible{outline:var(--pipp-focus-width) solid var(--pipp-focus);outline-offset:var(--pipp-focus-offset)}.dev .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dev .breadcrumb{color:var(--pipp-text-secondary);flex-wrap:wrap;gap:.6rem;padding-block:1.6rem 2.2rem;font-size:.85rem;display:flex}.dev .hero h1{letter-spacing:-.04em;text-wrap:balance;margin:0 0 1.2rem;font-size:clamp(40px,3.6vw,52px);font-weight:600;line-height:1.06}.dev .lead{color:#625a6d;text-wrap:pretty;margin:0 0 1.2rem;font-size:19px;line-height:1.6}.dev .hero-links{flex-wrap:wrap;gap:0 1.25rem;margin:0;display:flex}.dev .hero-links a{text-underline-offset:.2em;align-items:center;min-height:44px;font-size:.92rem;font-weight:600;display:inline-flex}.dev .code-block{background:var(--ink);box-shadow:0 0 0 1px var(--ink-raised);border-radius:14px;margin:1.2rem 0 1.6rem;overflow:hidden}.dev .code-bar{border-bottom:1px solid var(--ink-line);justify-content:space-between;align-items:center;gap:1rem;min-height:40px;padding:0 .4rem 0 1rem;display:flex}.dev .code-bar>span{font:500 .72rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.dev .code-block pre{font:400 .86rem/1.7 var(--mono);tab-size:2;color:var(--ink-text);scrollbar-color:var(--ink-scroll) transparent;margin:0;padding:1rem 1.1rem 1.1rem;overflow-x:auto;background:var(--ink)!important}.dev .code-block pre code{font:inherit;color:inherit;background:0 0;border:0;padding:0}.dev .code-block pre:focus-visible{outline-color:var(--pipp-color-lavender);outline-offset:-3px}.dev .copy{min-height:32px;color:var(--ink-muted);font:600 .78rem/1 var(--pipp-font-family);cursor:pointer;transition:background-color var(--pipp-motion-fast) var(--pipp-motion-ease), color var(--pipp-motion-fast) var(--pipp-motion-ease);background:0 0;border:0;border-radius:8px;align-items:center;gap:.4rem;padding:0 .7rem;display:inline-flex}.dev .copy:hover{background:var(--ink-tab);color:#fff}.dev .copy[data-state=copied]{color:var(--ink-success)}.dev .code-bar .copy:focus-visible{outline:2px solid var(--pipp-color-lavender);outline-offset:0}.dev .docs-grid{border-top:1px solid var(--pipp-border-subtle);grid-template-columns:210px minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);padding-top:clamp(3rem,6vw,4.5rem);display:grid}.dev .contents{max-height:calc(100vh - 4rem);position:sticky;top:2rem;overflow-y:auto}.dev .contents p{margin:0 0 .9rem;font-size:.85rem;font-weight:600}.dev .contents ul,.dev .mobile-contents ul{margin:0;padding:0;list-style:none}.dev .contents li{margin-bottom:.2rem}.dev .contents a{border-left:1px solid var(--pipp-border-subtle);color:var(--pipp-text-secondary);transition:color var(--pipp-motion-fast) var(--pipp-motion-ease), border-color var(--pipp-motion-fast) var(--pipp-motion-ease);padding:.3rem 0 .3rem .8rem;font-size:.875rem;line-height:1.45;text-decoration:none;display:block}.dev .contents a:hover{color:var(--pipp-action-primary)}.dev .contents a[aria-current=true]{color:var(--pipp-color-ink);border-left-color:var(--pipp-color-violet);font-weight:600}.dev .mobile-contents{display:none}.dev .reference{min-width:0;max-width:72ch}.dev .reference h2{letter-spacing:-.03em;text-wrap:balance;margin:4.5rem 0 1.1rem;scroll-margin-top:1.5rem;font-size:clamp(1.75rem,2.6vw,2.25rem);font-weight:600;line-height:1.15}.dev .reference h2:first-child{margin-top:0}.dev .reference h3{letter-spacing:-.01em;margin:2.6rem 0 .8rem;scroll-margin-top:1.5rem;font-size:1.2rem;font-weight:600;line-height:1.35}.dev .reference p,.dev .reference li{text-wrap:pretty;font-size:1.0625rem;line-height:1.65}.dev .reference p{margin:0 0 1.15rem}.dev .reference ul,.dev .reference ol{margin-block:.9rem 1.5rem;padding-left:1.4rem}.dev .reference li{margin-bottom:.55rem;padding-left:.2rem}.dev .reference li::marker{color:var(--pipp-color-lavender)}.dev .reference ol>li::marker{color:var(--pipp-color-violet);font-weight:600}.dev .reference a{text-underline-offset:.18em;text-decoration-thickness:1px}.dev .reference :not(pre)>code{background:var(--pipp-surface-subtle);box-shadow:inset 0 0 0 1px var(--pipp-border-subtle);font:500 .86em/1.4 var(--mono);color:var(--ink);overflow-wrap:anywhere;border-radius:6px;padding:.1em .38em}.dev .reference .table-scroll{box-shadow:inset 0 0 0 1px var(--pipp-border-subtle);background:var(--pipp-panel);border-radius:14px;margin-block:1.3rem 2rem;overflow-x:auto}.dev .reference .table-scroll:focus-visible{outline-offset:-3px}.dev .reference table{border-collapse:collapse;width:100%;font-size:.94rem;line-height:1.5}.dev .reference th,.dev .reference td{text-align:left;vertical-align:top;border-bottom:1px solid var(--pipp-border-subtle);padding:.8rem 1rem}.dev .reference tr:last-child td{border-bottom:0}.dev .reference th{color:#4e4560;white-space:nowrap;background:#faf8fc;font-size:.8rem;font-weight:600}.dev .reference td:first-child{white-space:nowrap;font-weight:600}.dev .reference td{font-variant-numeric:tabular-nums}.dev .reference td code{white-space:nowrap}.dev .reference td:last-child{color:#4f4859}@media (width<=960px){.dev .docs-grid{grid-template-columns:minmax(0,1fr);gap:2rem}.dev .contents{display:none}.dev .mobile-contents{border-radius:var(--pipp-radius-control);box-shadow:inset 0 0 0 1px var(--pipp-border-subtle);background:var(--pipp-panel);padding:.8rem 1rem;display:block}.dev .mobile-contents summary{cursor:pointer;align-items:center;min-height:28px;font-size:.9rem;font-weight:600;display:flex}.dev .mobile-contents ul{margin-top:.4rem}.dev .mobile-contents a{align-items:center;min-height:44px;font-size:.9rem;display:flex}}@media (width<=640px){.dev{width:calc(100% - 2rem);padding-bottom:4rem}.dev .breadcrumb{padding-bottom:1.4rem}.dev .hero h1{font-size:36px}.dev .lead{margin-bottom:0;font-size:17.5px}.dev .reference h2{margin-top:3.5rem}.dev .reference p,.dev .reference li{font-size:1rem}.dev .code-block{margin-inline:-.25rem}.dev .reference thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.dev .reference table,.dev .reference tbody,.dev .reference tr,.dev .reference td{display:block}.dev .reference tr{border-bottom:1px solid var(--pipp-border-subtle);padding:.85rem 1rem}.dev .reference tr:last-child{border-bottom:0}.dev .reference td{border:0;padding:0}.dev .reference td+td{margin-top:.3rem}.dev .reference td:first-child{white-space:normal}.dev .reference td:empty{display:none}}