:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:oklch(100% 0 0);--foreground:oklch(14.1% 0 0);--muted-foreground:oklch(48% 0 0);--ff-surface-1:oklch(17.4% 0 0);--ff-surface-3:oklch(21.7% 0 0);--secondary:oklch(96.7% 0 0);--border:oklch(92% 0 0);--ring:oklch(50.8% .118 165.612);--brand:oklch(50.8% .118 165.612);--primary:#dcdcdc;--primary-foreground:oklch(21% 0 0);--button-success:#16803d;--button-success-hover:#126c33;--button-tone-green-stack-rest:inset 0 1px 0 0 #ffffff73, inset 0 8px 14px -6px #ffffff38, 0 0 0 1px #147535, 0 1px 2px #0c4a2638, 0 3px 5px -1px #0c4a2647;--button-tone-green-stack-hover:inset 0 1px 0 0 #ffffff80, inset 0 8px 14px -6px #ffffff47, 0 0 0 1px #126c33, 0 2px 3px #0c4a2642, 0 4px 7px -1px #0c4a2657;--button-primary-border:#b3b2b2;--button-primary-border-hover:#cfcfcf;--button-primary-border-inset:#ededed;--button-primary-border-inset-hover:#ffffffa8;--button-tone-primary-stack-rest:inset 0 1.5px 0 0 #fff, inset 0 5px 10px -4px #ffffff6b, inset 0 1.5px 0 0px var(--button-primary-border-inset), 0 0 0 1.5px var(--button-primary-border), 0 1px 1px -.5px #0000002e, 0 3px 3px -1.5px #0000002e;--button-tone-primary-stack-hover:inset 0 1px 0 0 #ffffffe0, inset 0 5px 10px -4px #ffffff80, inset 0 2px 0 0px var(--button-primary-border-inset-hover), 0 0 0 1px var(--button-primary-border-hover), 0 1px 1px -.5px #00000038, 0 3px 3px -1.5px #00000038, 0 6px 6px -3px #0000001f;--container-3xl:48rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.0625rem;--text-2xl:1.375rem;--font-sans:"Helvetica Neue", sans-serif;--font-mono:"Berkeley Mono", monospace}*{box-sizing:border-box}html{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}main{width:calc(100% - 96px);max-width:var(--container-3xl);text-align:start;margin:56px auto}h1,h2,p{margin:0}h1,h2{text-wrap:balance}h1{font-size:var(--text-2xl);letter-spacing:-.025em;margin-block-end:36px;font-weight:500;line-height:1.3}ul{margin:0;padding:0;list-style:none}#plugins>li{border-block-start:1px solid var(--border);padding-block:28px}#directory{flex-wrap:wrap;gap:4px 24px;margin-block-end:36px;display:flex}#directory a{min-height:44px;color:var(--brand);font-size:var(--text-base);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--brand) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--brand) 35%, transparent);align-items:center;display:inline-flex}#directory a:hover{text-decoration-color:currentColor}article{scroll-margin-block-start:32px}h2{font-size:var(--text-lg);font-weight:500;line-height:1.45}a{color:inherit;text-underline-offset:4px;text-decoration:none;text-decoration-thickness:from-font}a:hover{text-decoration:underline}h2 a{color:var(--brand)}.description{color:var(--muted-foreground);font-size:var(--text-base);text-wrap:pretty;margin-block-start:8px;line-height:1.55}.plugin-demo{outline-offset:-1px;border-radius:8px;outline:1px solid oklch(0% 0 0/.1);width:100%;height:auto;margin-block-start:24px;display:block}.config{margin-block-start:24px}.config-label{color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.5}code{font-family:var(--font-mono);font-size:.875em}pre{color:#f8f8f2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;background:#272822;border-radius:8px;margin:12px 0 0;padding:20px;line-height:1.65}pre code{font-size:inherit}.syntax-key{color:#a6e22e}.syntax-string{color:#e6db74}.syntax-punctuation{color:#f8f8f2}.copy-fallback:not([hidden]){width:100%;min-height:140px;font:400 16px/1.5 var(--font-sans);border:1px solid var(--border);border-radius:8px;margin-block-start:16px;padding:12px;display:block}.prompt-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-block-start:16px;display:flex}.tl-button{background:var(--primary);min-width:116px;min-height:44px;color:var(--primary-foreground);box-shadow:var(--button-tone-primary-stack-rest);font:500 var(--text-sm)/1 var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;transition:background-color .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}.tl-button:hover{background:color-mix(in oklab, var(--primary) 90%, transparent);box-shadow:var(--button-tone-primary-stack-hover)}button:active{transform:scale(.96)}.tl-button[data-copy=prompt]{background:var(--button-success);color:#fff;box-shadow:var(--button-tone-green-stack-rest)}.tl-button[data-copy=prompt]:hover{background:var(--button-success-hover);box-shadow:var(--button-tone-green-stack-hover)}.status{color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.5}:focus-visible{outline:2px solid var(--ring);outline-offset:5px;border-radius:3px}::selection{color:#163f2c;background:#d5eadc}pre ::selection{color:#f8f8f2;background:#49483e}@media (width<=600px){main{width:calc(100% - 40px);margin:32px auto}h1{margin-block-end:28px}#plugins>li{padding-block:24px}}@media (prefers-reduced-motion:reduce){.tl-button{transition:none}button:active{transform:none}}