:root{--radius:.625rem;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--primary:#171717;--primary-foreground:#fafafa;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--font-sans:"Geist", "GeistSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", "GeistMono", ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209)}}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--primary:#e5e5e5;--primary-foreground:#171717;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#737373;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(7.78201% -.0000149012 0);--primary:lab(90.952% 0 -.0000119209);--primary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0)}}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 50%, transparent);outline:none}code,kbd,pre{font-family:var(--font-mono)}p{margin:0}.shell{max-width:72rem;margin:0 auto;padding:0 1.5rem}.site-header{z-index:50;border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--background) 80%, transparent);-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);position:sticky;top:0}.site-header__inner{align-items:center;gap:1.75rem;height:3.75rem;display:flex}.wordmark{letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:15px;font-weight:600;display:flex}.site-nav{color:var(--muted-foreground);scrollbar-width:none;white-space:nowrap;align-items:center;gap:1.5rem;min-width:0;margin-left:auto;padding-left:1rem;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.wordmark{flex-shrink:0}@media (max-width:640px){.site-header__inner{gap:0}.site-nav{gap:1rem;font-size:13px}}.site-nav a{transition:color .15s}.site-nav a:hover{color:var(--foreground)}.site-footer{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:4rem;padding:1.5rem 0 2.5rem;font-size:13px}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.site-footer a{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;transition:text-decoration-color .15s}.site-footer a:hover{text-decoration-color:currentColor}.hero{padding:3.5rem 0 0}.hero__intro{margin-bottom:2.5rem}.hero h1{letter-spacing:-.025em;text-wrap:balance;max-width:30ch;margin:0 0 .75rem;font-size:clamp(30px,4.5vw,44px);font-weight:600;line-height:1.08}.hero__lede{max-width:56ch;color:var(--muted-foreground);text-wrap:pretty;font-size:16px;line-height:1.55}.inline-code{border:1px solid var(--border);background:var(--muted);border-radius:6px;padding:.125rem .375rem;font-size:13px}.playground{flex-direction:column;gap:2.5rem;display:flex}.workbench{gap:2.5rem;display:grid}@media (min-width:1024px){.workbench{grid-template-columns:340px minmax(0,1fr);align-items:start}}.column{flex-direction:column;gap:2.5rem;min-width:0;display:flex}.section{flex-direction:column;gap:.75rem;min-width:0;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-label{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:11px;font-weight:500;line-height:1.5}.section-head .meta{color:var(--muted-foreground);font-family:var(--font-mono);text-align:right;font-size:11px}.blocks{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.block{border:1px solid var(--border);background:var(--card);border-radius:.75rem;padding:.75rem;transition:opacity .15s,border-color .15s;position:relative}.block+.block:before{content:"";background:var(--border);width:1px;height:.625rem;position:absolute;top:calc(-.625rem - 1px);left:calc(1.5rem - .5px)}.block[data-enabled=false] :is(.grip,.block__order,.picker__trigger,.block__note,.block__body){opacity:.55}.block[data-dragging=true]{opacity:.4}.block[data-drop=before]:after,.block[data-drop=after]:after{content:"";background:var(--foreground);border-radius:999px;height:2px;position:absolute;left:-1px;right:-1px}.block[data-drop=before]:after{top:calc(-.3125rem - 2px)}.block[data-drop=after]:after{bottom:calc(-.3125rem - 2px)}.block__row{align-items:center;gap:.625rem;display:flex;position:relative}.block__origin{width:1.5rem;height:1.75rem;color:var(--muted-foreground);flex-shrink:0;place-items:center;display:grid}.grip{width:1.5rem;height:1.75rem;color:var(--muted-foreground);cursor:grab;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:grid}.grip:hover{background:var(--muted);color:var(--foreground)}.grip:active{cursor:grabbing}.block__title{flex:1;min-width:0}.block__name{align-items:baseline;gap:.5rem;display:flex}.block__name b{font-family:var(--font-mono);font-size:13px;font-weight:500}.block__order{min-width:.75rem;color:var(--muted-foreground);font-family:var(--font-mono);text-align:center;flex-shrink:0;font-size:10.5px}.block .block__note{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.375rem 0 0;padding-left:calc(4.125rem + 1px);font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.switch{border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:999px;flex-shrink:0;width:38px;height:22px;padding:0;transition:background .15s,border-color .15s;position:relative}.switch[aria-checked=true]{border-color:var(--foreground);background:var(--foreground)}.switch span{background:var(--muted-foreground);border-radius:999px;width:16px;height:16px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.switch[aria-checked=true] span{background:var(--background);left:19px}.block__body{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.625rem;display:flex}.block__actions{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.block__actions .grow{flex:1}.kbd{border:1px solid var(--border);background:var(--muted);min-width:1.125rem;height:1.125rem;color:var(--muted-foreground);font-family:var(--font-mono);white-space:nowrap;border-bottom-width:2px;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0 .25rem;font-size:10.5px;line-height:1;display:inline-flex}.tag{border:1px solid var(--border);color:var(--muted-foreground);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;padding:0 .4rem;font-size:10px;line-height:1.5rem}.field{flex-direction:column;gap:.25rem;display:flex}.field__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.field>label,.field__head>label{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.field .hint{color:var(--muted-foreground);font-size:11px;line-height:1.35}.input,.select,.textarea{border:1px solid var(--input);background:var(--background);border-radius:8px;width:100%;padding:.375rem .5rem;font-size:13px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;min-height:3.5rem;font-family:var(--font-mono);font-size:12.5px;line-height:1.5}.input:disabled,.select:disabled,.textarea:disabled{cursor:not-allowed;background:color-mix(in oklch, var(--muted) 60%, var(--background));color:var(--foreground);-webkit-text-fill-color:var(--foreground);opacity:1}.textarea:disabled{resize:none}.field--inline{grid-template-columns:minmax(0,1fr) 7.5rem;align-items:center;gap:.5rem;display:grid}.field--inline>label{text-transform:none;letter-spacing:0;font-size:11.5px;font-family:var(--font-mono);color:var(--foreground);text-overflow:ellipsis;overflow:hidden}.field--inline .hint{grid-column:1/-1;margin-top:-.125rem}.checkbox{accent-color:var(--foreground);justify-self:start;width:.875rem;height:.875rem}.btn{border:1px solid var(--border);background:var(--background);white-space:nowrap;cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;height:2rem;padding:0 .625rem;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--muted)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.btn--primary:hover:not(:disabled){background:color-mix(in oklch, var(--primary) 88%, var(--background))}.btn--ghost{color:var(--muted-foreground);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--muted);color:var(--foreground)}.btn--sm{height:1.75rem;padding:0 .5rem;font-size:12px}.btn--block{width:100%}.btn--danger:hover:not(:disabled){color:var(--destructive)}.picker{flex:1;align-items:center;gap:.375rem;min-width:0;display:flex}.picker__trigger{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);text-align:left;cursor:pointer;flex:1;align-items:center;gap:.5rem;min-width:0;height:2.125rem;padding:0 .375rem 0 .625rem;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.picker__trigger:hover:not(:disabled){background:var(--muted)}.picker__trigger[aria-expanded=true]{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 35%, transparent)}.picker__trigger:disabled{opacity:.5;cursor:not-allowed}.picker__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);font-size:13px;font-weight:500;overflow:hidden}.picker__name[data-empty=true]{color:var(--muted-foreground);font-family:var(--font-sans);font-weight:400}.picker__meta{color:var(--muted-foreground);font-family:var(--font-mono);flex-shrink:0;margin-left:auto;font-size:11px}.picker__chevron{color:var(--muted-foreground);flex-shrink:0}.picker__popover{z-index:40;border:1px solid var(--border);background:var(--popover);transform-origin:top;border-radius:.75rem;flex-direction:column;animation:.12s ease-out picker-in;display:flex;position:absolute;top:calc(100% + .375rem);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px -16px #0000004d,0 2px 6px -2px #0000000f;box-shadow:0 16px 40px -16px lab(0% 0 0/.3),0 2px 6px -2px lab(0% 0 0/.06)}@keyframes picker-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@media (prefers-reduced-motion:reduce){.picker__popover{animation:none}}.picker__search{border-bottom:1px solid var(--border);height:2.5rem;color:var(--muted-foreground);align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.picker__search input{min-width:0;height:100%;color:var(--foreground);background:0 0;border:0;flex:1;padding:0;font-size:13px}.picker__search input::placeholder{color:var(--muted-foreground)}.picker__search input:focus-visible,.picker__list:focus-visible{box-shadow:none}.picker__list{overscroll-behavior:contain;max-height:min(22rem,55vh);padding:.25rem;position:relative;overflow-y:auto}.picker__group{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:.5rem .5rem .25rem;font-size:10px}.picker__option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:.75rem;padding:.375rem .5rem;display:grid}.picker__option[data-active=true]{background:var(--accent)}.picker__option-name{min-width:0;font-family:var(--font-mono);align-items:center;gap:.375rem;font-size:12.5px;font-weight:500;display:flex}.picker__option-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker__check{flex-shrink:0}.picker__option-cost{color:var(--muted-foreground);font-family:var(--font-mono);font-size:11px}.picker__option-note{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);grid-column:1/-1;font-size:11.5px;line-height:1.45;overflow:hidden}.picker .picker__empty{max-width:none;color:var(--muted-foreground);text-align:center;margin:0;padding:1.25rem .75rem 1.5rem;font-size:12.5px}.picker__foot{border-top:1px solid var(--border);background:color-mix(in oklch, var(--muted) 50%, var(--popover));color:var(--muted-foreground);align-items:center;gap:.75rem;padding:.375rem .75rem;font-size:11px;display:flex}.picker__foot>span{align-items:center;gap:.25rem;display:inline-flex}.picker__count{font-family:var(--font-mono);margin-left:auto}.picker[data-variant=add]{flex:none;display:block;position:relative}.picker[data-variant=add] .picker__trigger{width:100%;height:2.25rem;color:var(--muted-foreground);background:0 0;border-style:dashed;justify-content:center;font-size:13px;font-weight:500}.picker[data-variant=add] .picker__trigger:hover:not(:disabled),.picker[data-variant=add] .picker__trigger[aria-expanded=true]{background:var(--muted);color:var(--foreground)}.picker__option[aria-disabled=true]{cursor:not-allowed;opacity:.55}.picker__lock{color:var(--muted-foreground);flex-shrink:0}.block__type{align-items:center;gap:.5rem;margin-bottom:.5rem;padding-left:2.125rem;display:flex}.block__type-label{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}.select.select--compact{width:auto;height:1.875rem;font-size:12.5px}.media-badge{border:1px solid var(--border);color:var(--muted-foreground);font-family:var(--font-mono);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:0 .4rem;font-size:10px;line-height:1.25rem}.block .block__note--warning{color:var(--destructive)}.block__lock{vertical-align:-1px;margin-right:.25rem;display:inline-flex}.upload{border:1px dashed var(--border);border-radius:.625rem;align-items:center;gap:.75rem;padding:.625rem .75rem;transition:background .15s,border-color .15s;display:flex}.upload[data-over=true]{border-color:var(--foreground);background:var(--muted)}.upload__thumb{background:var(--muted);object-fit:cover;border-radius:6px;flex-shrink:0;width:2.5rem;height:2.5rem}.upload__text{flex:1;min-width:0}.block .upload__title,.block .upload__hint{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.block .upload__title{font-size:12.5px;font-weight:500}.block .upload__hint{color:var(--muted-foreground);font-size:11.5px}.block .upload__hint[data-error=true]{color:var(--destructive);white-space:normal}.preview video{background:#000;border-radius:.5rem;max-width:100%;max-height:30rem;display:block}.query-bar{border:1px solid var(--border);background:var(--card);border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid;overflow:hidden}.query-bar__code,.query-bar textarea{width:100%;min-height:3.5rem;color:var(--foreground);font-family:var(--font-mono);background:0 0;border:0;padding:.875rem 1rem;font-size:16px;line-height:1.65;display:block}.query-bar__actions{padding:.75rem .75rem 0 0}.query-bar__code{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}.query-bar__code:hover{background:color-mix(in oklch, var(--muted) 50%, transparent)}.query-bar__code[data-readonly=true]{cursor:default}.query-bar__code[data-readonly=true]:hover{background:0 0}.query-bar__code:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.query-bar textarea{resize:vertical}.query-bar textarea:focus-visible{box-shadow:none}.q-name{font-weight:600}.q-colon,.q-pipe,.q-variant,.q-multiplier,.q-options,.q-placeholder{color:var(--muted-foreground)}.q-pipe{font-weight:600}.query-bar__error{border-top:1px solid var(--border);color:var(--destructive);grid-column:1/-1;padding:.5rem 1rem;font-size:12px}.preview{border:1px solid var(--border);background:color-mix(in oklch, var(--muted) 40%, var(--background));background-image:linear-gradient(45deg, var(--border) 25%, transparent 25%), linear-gradient(-45deg, var(--border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border) 75%), linear-gradient(-45deg, transparent 75%, var(--border) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:1rem;justify-content:center;align-items:center;min-height:22rem;padding:1.5rem;display:flex}.preview img{border-radius:.5rem;max-width:100%;max-height:30rem;display:block}.preview__state{text-align:center;max-width:42ch;color:var(--muted-foreground);flex-direction:column;align-items:center;gap:.5rem;font-size:13px;display:flex}.preview__state code{word-break:break-word;font-size:12px}.preview__controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.preview__controls .grow{flex:1}.facts{color:var(--muted-foreground);font-family:var(--font-mono);overflow-wrap:anywhere;flex-wrap:wrap;gap:.25rem 1rem;font-size:11px;display:flex}.facts>span{min-width:0}.facts b{color:var(--foreground);font-weight:500}.spinner{border:2px solid var(--border);border-top-color:var(--foreground);border-radius:999px;width:1.25rem;height:1.25rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.tabs{border:1px solid var(--border);background:var(--muted);border-radius:8px;gap:.125rem;width:fit-content;max-width:100%;padding:.1875rem;display:flex;overflow-x:auto}.tabs button{color:color-mix(in oklch, var(--foreground) 60%, transparent);font-family:var(--font-mono);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.25rem .625rem;font-size:12px;font-weight:500;transition:background .15s,color .15s}.tabs button:hover{color:var(--foreground)}.tabs button[aria-selected=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #0000000f;box-shadow:0 1px 2px lab(0% 0 0/.06)}.codeblock{border:1px solid var(--border);background:color-mix(in oklch, var(--muted) 40%, var(--background));border-radius:.75rem;overflow:hidden}.codeblock__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem .5rem .4rem 1rem;display:flex}.codeblock__head span{color:var(--muted-foreground);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.codeblock pre{tab-size:4;margin:0;padding:1rem;font-size:13px;line-height:1.6;overflow-x:auto}.dialog-backdrop{z-index:100;background:#0006;background:lab(0% 0 0/.4);place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--border);background:var(--popover);border-radius:.875rem;flex-direction:column;gap:.875rem;width:100%;max-width:26rem;padding:1.25rem;display:flex;box-shadow:0 24px 60px -20px #00000073;box-shadow:0 24px 60px -20px lab(0% 0 0/.45)}.dialog h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.dialog p{color:var(--muted-foreground);margin:0;font-size:12.5px;line-height:1.5}.dialog__actions{justify-content:flex-end;gap:.5rem;display:flex}.notice{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:.75rem;padding:.75rem;font-size:12.5px;line-height:1.5}.notice b{color:var(--foreground);font-weight:500}.notice--error{border-color:color-mix(in oklch, var(--destructive) 45%, var(--border));color:var(--destructive)}.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}