:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--site-header-height:5.75rem;--surface:var(--lightningcss-light,oklch(96.6% .008 240))var(--lightningcss-dark,oklch(19% .012 245));--bg:var(--lightningcss-light,oklch(99.3% .003 240))var(--lightningcss-dark,oklch(13% .007 245));--ink:var(--lightningcss-light,oklch(23% .018 245))var(--lightningcss-dark,oklch(96% .005 240));--muted:var(--lightningcss-light,oklch(48% .018 245))var(--lightningcss-dark,oklch(73% .018 240));--line:var(--lightningcss-light,oklch(89% .014 240))var(--lightningcss-dark,oklch(30% .022 245));--accent:var(--lightningcss-light,oklch(47% .12 245))var(--lightningcss-dark,oklch(78% .1 240));--accent-soft:var(--lightningcss-light,oklch(47% .12 245/.1))var(--lightningcss-dark,oklch(78% .1 240/.14));--hero:oklch(87% .065 240);--hero-ink:oklch(23% .035 245);--hero-muted:oklch(40% .045 245);--frame:72rem;--gutter:1.25rem;--ease-out:cubic-bezier(.22, 1, .36, 1);font-family:-apple-system,BlinkMacSystemFont,ui-sans-serif,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--site-header-height) + 1rem)}body{min-height:100svh;color:var(--ink);letter-spacing:-.018em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.5;display:flex}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}::selection{background:var(--accent-soft);color:var(--ink)}.svg-defs{width:0;height:0;position:absolute}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:2;background:var(--ink);color:var(--bg);border-radius:.5rem;padding:.6rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.frame{width:min(100%, calc(var(--frame) + var(--gutter) * 2));padding-inline:var(--gutter);margin-inline:auto}.site-header{z-index:1;height:var(--site-header-height);background:var(--bg);position:sticky;top:0}.site-header nav{justify-content:space-between;align-items:center;gap:1rem;height:100%;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-icon{width:1.75rem;height:1.75rem;display:block}.icon-link{justify-content:center;align-items:center;gap:.35em;max-width:100%;text-decoration:none;display:inline-flex}.icon-link:not(.button){border-bottom:1px solid}.link-icon{flex:none;width:1em;height:1em}.nav-link{min-height:2.75rem;color:var(--muted);font-size:.9375rem}.nav-link.icon-link{border:0}.nav-link:hover{color:var(--ink)}main{flex:1}.home{padding-block:.5rem 1rem}main:focus{outline:none}.hero{background:var(--hero);width:100%;min-height:35.5rem;color:var(--hero-ink);text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:clamp(2.75rem,6vw,4.75rem) clamp(1.25rem,5vw,3rem);display:flex}.fpui-wordmark{width:min(100%,20rem);height:auto;display:block;overflow:visible}.fpui-wordmark path{fill:none;stroke:currentColor;stroke-width:7.5px;stroke-linecap:round;stroke-linejoin:round}:root[data-wordmark-motion] .fpui-wordmark path{stroke-dasharray:1 2;stroke-dashoffset:1.02px}:root[data-wordmark-motion] .fpui-wordmark[data-wordmark=drawing] .wordmark-line{animation:3.2s cubic-bezier(.42,0,.32,1) .2s forwards fpui-write}:root[data-wordmark-motion] .fpui-wordmark[data-wordmark=drawing] .wordmark-dot{animation:.15s ease-out 3.15s forwards fpui-write}.hero h1{letter-spacing:-.03em;text-wrap:balance;max-width:28ch;margin:1.5rem 0 0;font-size:clamp(1.5rem,1.15rem + 1.25vw,2rem);font-weight:600;line-height:1.2}.lede{max-width:48ch;color:var(--hero-muted);text-wrap:pretty;margin:1rem 0 0;font-size:1.0625rem;line-height:1.6}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;margin-top:1.75rem;display:flex}.button{background:var(--hero-ink);min-height:2.875rem;color:var(--hero);transition:transform .2s var(--ease-out);border-radius:.6rem;padding:.65rem 1.1rem;font-weight:500}.button:hover{transform:translateY(-2px)}.quiet{min-height:1.5rem;color:var(--hero-ink);padding-block:.15rem;font-weight:500}.quiet.icon-link{border-bottom-color:oklch(23% .035 245/.4)}.quiet.icon-link:hover{border-bottom-color:currentColor}.hero :focus-visible{outline-color:var(--hero-ink)}.status{max-width:100%;color:var(--hero-muted);text-wrap:pretty;margin:1.5rem 0 0;font-size:.8125rem}.site-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem 2rem;font-size:.8125rem;display:flex}.site-footer p{max-width:50ch;margin:0}.footer-copy{gap:.35rem;display:grid}.site-footer a{color:inherit}.site-theme{flex:none}.site-theme[hidden]{display:none}.site-theme button{border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--muted);cursor:pointer;background:0 0;border-radius:.6rem;place-items:center;padding:0;display:grid}.site-theme button:hover{border-color:var(--muted);color:var(--ink)}.site-theme svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem;display:none}button[data-theme=system]>.system,button[data-theme=light]>.light,button[data-theme=dark]>.dark{display:block}@keyframes fpui-write{to{stroke-dashoffset:0}}@media (width>=48rem){:root{--gutter:1.5rem}}@media (width>=64rem){:root{--gutter:2rem}}@media (width<=30rem){.hero{min-height:auto}.desktop-break{display:none}.quiet{min-height:2.75rem}.site-footer{align-items:flex-start}}@media (prefers-reduced-motion:reduce){:root[data-wordmark-motion] .fpui-wordmark path{stroke-dashoffset:0;animation:none}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.nav-actions{align-items:center;gap:1.5rem;display:flex}.nav-link{align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.nav-link[aria-current]{color:var(--ink);-webkit-text-decoration:underline 2px var(--accent);text-decoration:underline 2px var(--accent);text-underline-offset:.4em}h1,h2,h3{text-wrap:balance}.home-section{padding-block:clamp(3rem,7vw,5rem) 0}.home-section:last-child{padding-bottom:1rem}.home-section h2{letter-spacing:-.025em;margin:0 0 1.25rem;font-size:1.25rem;font-weight:600;line-height:1.2}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.bento-card{background:var(--surface);border-radius:1rem;flex-direction:column;grid-column:span 4;align-items:flex-start;min-width:0;padding:clamp(1.5rem,3vw,2rem);display:flex}.bento-card h3{letter-spacing:-.025em;margin:0;font-size:1.375rem;font-weight:600;line-height:1.2}.bento-card p{text-wrap:pretty;max-width:50ch;margin:.75rem 0 0;font-size:.9375rem;line-height:1.6}.bento-card>:has(+.icon-link){margin-bottom:1.75rem}.bento-card>.icon-link{margin-top:auto;font-size:.9375rem;font-weight:500}.bento-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}.tool-id{color:var(--muted);margin-top:.4rem}.themes-card{background:var(--hero);color:var(--hero-ink);grid-column:span 7}.themes-card p{color:var(--hero-muted)}.themes-card a{color:var(--hero-ink)}.themes-card :focus-visible{outline-color:var(--hero-ink)}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;margin-top:1.5rem;display:grid}.themes-card>.swatches+.icon-link{margin-top:1.5rem}.swatch{border-radius:.6rem;height:clamp(2.5rem,5vw,3.5rem)}.swatch.sky{background:oklch(96% .025 235)}.swatch.ocean{background:oklch(57% .09 240)}.swatch.ink{background:var(--hero-ink)}.plugins-card{background:var(--hero-ink);color:var(--hero);grid-column:span 5}.plugins-card p{color:oklch(91% .025 240)}.plugins-card a{color:var(--hero)}.plugins-card :focus-visible{outline-color:var(--hero)}.patches-card{border:1px solid var(--line);background:var(--bg);grid-column:span 5}.native-card,.discover-card{grid-column:span 7}.monitor-card{border:1px solid var(--line);background:var(--bg);grid-column:span 5}.target-card{background:var(--accent-soft)}.faq dl{margin:0}.faq dl>div{border-top:1px solid var(--line);gap:.35rem;padding-block:1.4rem;display:grid}.faq dt{text-wrap:balance;font-size:1.0625rem;font-weight:600;line-height:1.4}.faq dd{color:var(--muted);text-wrap:pretty;margin:0;line-height:1.6}@media (width>=60rem){.faq dl>div{padding-block:1.6rem}}@media (width<=63.99rem){.bento-card{grid-column:span 6}.tool-grid>:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=39.99rem){.bento-card{grid-column:1/-1}}svg.svelte-5gc8j5{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.icon.svelte-5gc8j5{flex:none;width:1.25rem;height:1.25rem}.trigger.svelte-5gc8j5{border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:.6rem;justify-content:center;align-items:center;gap:.6rem;padding:0;font-size:.9375rem;display:inline-flex}.trigger.svelte-5gc8j5:hover{border-color:var(--muted);color:var(--ink)}.trigger-label.svelte-5gc8j5,.shortcut.svelte-5gc8j5,.trigger[hidden].svelte-5gc8j5,.retry[hidden].svelte-5gc8j5,.empty[hidden].svelte-5gc8j5{display:none}.shortcut.svelte-5gc8j5{border:1px solid var(--line);background:var(--surface);color:var(--muted);letter-spacing:0;border-radius:.35rem;padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.4}@media (width>=40rem){.trigger.svelte-5gc8j5{justify-content:flex-start;width:auto;min-width:11rem;padding-inline:.75rem .5rem}.trigger-label.svelte-5gc8j5{text-align:start;flex:1;display:block}.shortcut.svelte-5gc8j5:not(:empty){display:block}}.palette.svelte-5gc8j5{border:1px solid var(--line);background:var(--bg);width:min(40rem,100% - 2rem);max-width:none;max-height:calc(100dvh - 2*min(16vh,8rem));color:var(--ink);border-radius:.875rem;margin:min(16vh,8rem) auto auto;padding:0;overflow:hidden;box-shadow:0 1.5rem 3rem -1rem oklch(13% .007 245/.35)}.palette[open].svelte-5gc8j5{animation:svelte-5gc8j5-palette-in .16s var(--ease-out);flex-direction:column;display:flex}.palette.svelte-5gc8j5:has(.field:where(.svelte-5gc8j5):focus-within){border-color:var(--accent)}.palette.svelte-5gc8j5::backdrop{background:oklch(13% .007 245/.5)}@keyframes svelte-5gc8j5-palette-in{0%{opacity:0;transform:translateY(-.5rem)}}.field.svelte-5gc8j5{color:var(--muted);flex:none;align-items:center;gap:.5rem;padding-inline:1rem .375rem;display:flex}.palette.svelte-5gc8j5[data-loading] .field:where(.svelte-5gc8j5)>.icon:where(.svelte-5gc8j5){animation:.8s ease-in-out infinite alternate svelte-5gc8j5-loading}@keyframes svelte-5gc8j5-loading{to{opacity:.35}}input.svelte-5gc8j5{min-width:0;height:3.5rem;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;margin-inline-start:.25rem;padding:0;font-size:1.125rem}input.svelte-5gc8j5::-webkit-search-cancel-button{appearance:none}input.svelte-5gc8j5::placeholder{color:var(--muted)}input.svelte-5gc8j5:focus-visible{outline:none}.close.svelte-5gc8j5{width:2.75rem;height:2.75rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.6rem;flex:none;place-items:center;padding:0;display:grid}.close.svelte-5gc8j5:hover{background:var(--surface);color:var(--ink)}.close.svelte-5gc8j5:focus-visible{outline-offset:-2px}.retry.svelte-5gc8j5{border:1px solid var(--line);min-height:2rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:.5rem;flex:none;padding:0 .75rem;font-size:.8125rem;font-weight:600}.retry.svelte-5gc8j5:hover{border-color:var(--accent)}.results-area.svelte-5gc8j5{overscroll-behavior:contain;border-top:1px solid var(--line);flex:1;min-height:0;padding:.5rem;display:none;overflow-y:auto}.palette.svelte-5gc8j5[data-has-query] .results-area:where(.svelte-5gc8j5):has(.search-result,.empty:where(.svelte-5gc8j5):not([hidden])){display:block}.results.svelte-5gc8j5{gap:.125rem;display:grid}.empty.svelte-5gc8j5{color:var(--muted);text-align:center;margin:0;padding:1rem .5rem;font-size:.9375rem}.results.svelte-5gc8j5 .search-result{color:var(--ink);border-radius:.6rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:.75rem;padding:.6rem .75rem;scroll-margin-block:.5rem;text-decoration:none;display:grid}.results.svelte-5gc8j5 .search-result:hover{background:var(--surface)}.results.svelte-5gc8j5 .search-result[aria-selected=true]{background:var(--accent-soft)}.results.svelte-5gc8j5 .result-icon,.results.svelte-5gc8j5 .result-enter{width:1.125rem;height:1.125rem;color:var(--muted);fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;margin-top:.15rem}.results.svelte-5gc8j5 .result-icon{grid-row:1/span 3}.results.svelte-5gc8j5 .result-enter{visibility:hidden;color:var(--accent);grid-area:1/3/span 3;align-self:center}.results.svelte-5gc8j5 .search-result[aria-selected=true] .result-icon{color:var(--accent)}.results.svelte-5gc8j5 .search-result[aria-selected=true] .result-enter{visibility:visible}.results.svelte-5gc8j5 :is(.result-context,.result-title,.result-excerpt){grid-column:2;min-width:0}.results.svelte-5gc8j5 :is(.result-context,.result-excerpt):empty{display:none}.results.svelte-5gc8j5 .result-context{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.results.svelte-5gc8j5 .result-title{overflow-wrap:anywhere;font-size:.9375rem;font-weight:600;line-height:1.35}.results.svelte-5gc8j5 .result-excerpt{color:var(--muted);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:.15rem;font-size:.8125rem;line-height:1.45;display:-webkit-box;overflow:hidden}.results.svelte-5gc8j5 mark{background:var(--accent-soft);color:var(--ink);border-radius:.2rem;font-weight:600}.results.svelte-5gc8j5 .search-result[aria-selected=true] mark{-webkit-text-decoration:underline 1px var(--accent);text-decoration:underline 1px var(--accent);text-underline-offset:.18em}@media (width<=39.99rem){.palette.svelte-5gc8j5{border-width:0 0 1px;border-radius:0 0 .875rem .875rem;width:100%;max-height:100dvh;margin:0 auto auto}}