.app-shell{box-sizing:border-box;flex-direction:column;flex:1;gap:16px;width:100%;min-width:0;max-width:100%;min-height:0;padding:24px;display:flex;overflow:hidden}.app-shell__intro{flex-shrink:0}.app-shell__intro h1{letter-spacing:-.6px;margin:0 0 8px;font-size:clamp(28px,4.5vw,40px)}.app-shell__intro p{margin:0}.spec-grid-fixed-frame{box-sizing:border-box;contain:strict;flex:1;width:100%;min-width:0;max-width:100%;min-height:0;overflow:hidden}.app-shell__meta{text-align:left;-webkit-overflow-scrolling:touch;flex:0 auto;min-height:0;max-height:min(280px,32vh);overflow:hidden auto}.app-shell__meta section{margin-bottom:12px}.app-shell__meta section:last-child{margin-bottom:0}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.spec-editor-viewport{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;overflow:hidden}.fill-grid{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;max-height:100%!important}.fill-grid [role=gridcell]{cursor:default;-webkit-user-select:none;user-select:none}.fill-grid input[class*=rdg-text-editor]{cursor:text;-webkit-user-select:text;user-select:text}.spec-column-header-label{box-sizing:border-box;cursor:default;-webkit-user-select:none;user-select:none;align-items:center;height:100%;display:flex}.fill-grid [role=row] [role=columnheader]:first-child{pointer-events:none}.fill-grid [role=row] [role=columnheader]:first-child [class*=rdg-resize-handle]{pointer-events:auto}.fill-grid [class*=rdg-resize-handle]{z-index:4;inline-size:16px}.spec-row-resize-handle{cursor:ns-resize;touch-action:none;flex-shrink:0;height:6px;margin-block-end:-3px}.spec-row-resize-handle:hover{background-color:color-mix(in srgb, var(--rdg-selection-color,#008cff) 35%, transparent)}@layer rdg{@layer Defaults,FocusSink,CheckboxInput,CheckboxIcon,CheckboxLabel,Cell,HeaderCell,SummaryCell,EditCell,Row,HeaderRow,SummaryRow,GroupedRow,Root;}@layer rdg.MeasuringCell{.rdg-7-0-0-beta-58-fa71d63e{contain:strict;visibility:hidden;grid-row:1}}@layer rdg.Cell{.rdg-7-0-0-beta-58-85c48527{border-inline-end:var(--rdg-border-width) solid var(--rdg-border-color);border-block-end:var(--rdg-border-width) solid var(--rdg-border-color);grid-row-start:var(--rdg-grid-row-start);background-color:inherit;white-space:nowrap;text-overflow:ellipsis;outline:none;align-content:center;padding-block:0;padding-inline:8px;position:relative;overflow:clip}.rdg-7-0-0-beta-58-85c48527[aria-selected=true]{outline:var(--rdg-selection-width) solid var(--rdg-selection-color);outline-offset:calc(var(--rdg-selection-width) * -1)}}@layer rdg.Cell{.rdg-7-0-0-beta-58-17a9a6d4{z-index:1;position:sticky}.rdg-7-0-0-beta-58-17a9a6d4:nth-last-child(1 of .rdg-7-0-0-beta-58-17a9a6d4){box-shadow:var(--rdg-cell-frozen-box-shadow)}}@layer rdg.DragHandle{.rdg-7-0-0-beta-58-bfba19bc{--rdg-drag-handle-size:8px;z-index:0;cursor:move;inline-size:var(--rdg-drag-handle-size);block-size:var(--rdg-drag-handle-size);background-color:var(--rdg-selection-color);place-self:end}.rdg-7-0-0-beta-58-bfba19bc:hover{--rdg-drag-handle-size:16px;border:2px solid var(--rdg-selection-color);background-color:var(--rdg-background-color)}}@layer rdg.DragHandle{.rdg-7-0-0-beta-58-7abddb3e{z-index:1;position:sticky}}@layer rdg.CheckboxInput{.rdg-7-0-0-beta-58-3b807ead{block-size:20px;inline-size:20px;margin:auto;display:block}.rdg-7-0-0-beta-58-3b807ead:focus-visible{outline:2px solid var(--rdg-checkbox-focus-color);outline-offset:-3px}.rdg-7-0-0-beta-58-3b807ead:enabled{cursor:pointer}}@layer rdg.GroupCellContent{.rdg-7-0-0-beta-58-07919382{outline:none}}@layer rdg.GroupCellCaret{.rdg-7-0-0-beta-58-02a50147{stroke:currentColor;stroke-width:1.5px;fill:#0000;vertical-align:middle;margin-inline-start:4px}.rdg-7-0-0-beta-58-02a50147>path{transition:d .1s}}@layer rdg.SortableHeaderCell{.rdg-7-0-0-beta-58-56a248e4{display:flex}}@layer rdg.SortableHeaderCellName{.rdg-7-0-0-beta-58-7fad8c83{text-overflow:ellipsis;flex-grow:1;overflow:clip}}@layer rdg.Cell{.rdg-7-0-0-beta-58-35ccb4c8{background-color:#ccf}}@layer rdg.EditCell{.rdg-7-0-0-beta-58-46f9ea88{padding:0}}@layer rdg.HeaderRow{.rdg-7-0-0-beta-58-0dbd5994{background-color:var(--rdg-header-background-color);font-weight:700;display:contents}.rdg-7-0-0-beta-58-0dbd5994>.rdg-7-0-0-beta-58-85c48527{z-index:2;position:sticky}.rdg-7-0-0-beta-58-0dbd5994>.rdg-7-0-0-beta-58-17a9a6d4{z-index:3}}@layer rdg.HeaderCell{.rdg-7-0-0-beta-58-2a7e240d{cursor:pointer}}@layer rdg.HeaderCell{.rdg-7-0-0-beta-58-1893dc0f{touch-action:none}}@layer rdg.HeaderCell{.rdg-7-0-0-beta-58-4e60db91{cursor:col-resize;inline-size:10px;position:absolute;inset-block:0;inset-inline-end:0}}@layer rdg.HeaderCell{.rdg-7-0-0-beta-58-3e1a4ad4{background-color:var(--rdg-header-draggable-background-color)}}@layer rdg.HeaderCell{.rdg-7-0-0-beta-58-51abd8b8{background-color:var(--rdg-header-draggable-background-color)}}@layer rdg.HeaderCell{.rdg-7-0-0-beta-58-c8d7aa64{outline-offset:-2px;border-radius:4px;outline:2px solid #008cff;width:fit-content}}@layer rdg.Row{.rdg-7-0-0-beta-58-3c083f1b{background-color:var(--rdg-background-color);display:contents}.rdg-7-0-0-beta-58-3c083f1b:hover{background-color:var(--rdg-row-hover-background-color)}.rdg-7-0-0-beta-58-3c083f1b[aria-selected=true]{background-color:var(--rdg-row-selected-background-color)}.rdg-7-0-0-beta-58-3c083f1b[aria-selected=true]:hover{background-color:var(--rdg-row-selected-hover-background-color)}}@layer rdg.FocusSink{.rdg-7-0-0-beta-58-3fe773c3{outline:2px solid var(--rdg-selection-color);outline-offset:-2px}}@layer rdg.FocusSink{.rdg-7-0-0-beta-58-97ce3fde:before{content:"";border-inline-start:2px solid var(--rdg-selection-color);block-size:100%;display:inline-block;position:sticky;inset-inline-start:0}}@layer rdg.SortIcon{.rdg-7-0-0-beta-58-3d5115f3{fill:currentColor}.rdg-7-0-0-beta-58-3d5115f3>path{transition:d .1s}}@layer rdg.Defaults{.rdg-7-0-0-beta-58-ccd2e5d9 *,.rdg-7-0-0-beta-58-ccd2e5d9 :before,.rdg-7-0-0-beta-58-ccd2e5d9 :after{box-sizing:inherit}}@layer rdg.Root{.rdg-7-0-0-beta-58-ccd2e5d9{--rdg-selection-width:2px;--rdg-selection-color:#67afe9;--rdg-font-size:14px;--rdg-cell-frozen-box-shadow:2px 0 5px -2px #8888884d;--rdg-border-width:1px;--rdg-summary-border-width:calc(var(--rdg-border-width) * 2);--rdg-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#ddd);--rdg-border-color:var(--lightningcss-light,#ddd)var(--lightningcss-dark,#444);--rdg-summary-border-color:var(--lightningcss-light,#aaa)var(--lightningcss-dark,#555);--rdg-background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#212121);--rdg-header-background-color:var(--lightningcss-light,#f9f9f9)var(--lightningcss-dark,#1b1b1b);--rdg-header-draggable-background-color:var(--lightningcss-light,#e7e7e7)var(--lightningcss-dark,#2d2d2d);--rdg-row-hover-background-color:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,#171717);--rdg-row-selected-background-color:var(--lightningcss-light,#dbecfa)var(--lightningcss-dark,#1a73bc);--rdg-row-selected-hover-background-color:var(--lightningcss-light,#c9e3f8)var(--lightningcss-dark,#1768ab);--rdg-checkbox-focus-color:#61b8ff}.rdg-7-0-0-beta-58-ccd2e5d9.rdg-dark{--rdg-color-scheme:dark}.rdg-7-0-0-beta-58-ccd2e5d9.rdg-light{--rdg-color-scheme:light}.rdg-7-0-0-beta-58-ccd2e5d9{color-scheme:var(--rdg-color-scheme,light dark)}.rdg-7-0-0-beta-58-ccd2e5d9:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--rdg-cell-frozen-box-shadow:-2px 0 5px -2px #8888884d}.rdg-7-0-0-beta-58-ccd2e5d9{accent-color:var(--lightningcss-light,#005194)var(--lightningcss-dark,#94cfff);contain:content;content-visibility:auto;border:1px solid var(--rdg-border-color);box-sizing:border-box;background-color:var(--rdg-background-color);block-size:350px;color:var(--rdg-color);font-size:var(--rdg-font-size);display:grid;overflow:auto}.rdg-7-0-0-beta-58-ccd2e5d9:before{content:"";grid-area:1/1/-1/-1}.rdg-7-0-0-beta-58-ccd2e5d9>:nth-last-child(1 of .rdg-top-summary-row)>.rdg-7-0-0-beta-58-85c48527{border-block-end:var(--rdg-summary-border-width) solid var(--rdg-summary-border-color)}.rdg-7-0-0-beta-58-ccd2e5d9>:nth-child(1 of .rdg-bottom-summary-row)>.rdg-7-0-0-beta-58-85c48527{border-block-start:var(--rdg-summary-border-width) solid var(--rdg-summary-border-color)}}@layer rdg.Root{.rdg-7-0-0-beta-58-e9b0e1c9{-webkit-user-select:none;user-select:none}.rdg-7-0-0-beta-58-e9b0e1c9 .rdg-7-0-0-beta-58-3c083f1b{cursor:move}}@layer rdg.FocusSink{.rdg-7-0-0-beta-58-dbb8b3c5{pointer-events:none;z-index:1;grid-column:1/-1}}@layer rdg.FocusSink{.rdg-7-0-0-beta-58-e9f55541{z-index:3}}@layer rdg.SummaryRow{.rdg-7-0-0-beta-58-0b90c82c>.rdg-7-0-0-beta-58-85c48527{position:sticky}}@layer rdg.SummaryRow{.rdg-7-0-0-beta-58-d0520eab>.rdg-7-0-0-beta-58-85c48527{z-index:2}.rdg-7-0-0-beta-58-d0520eab>.rdg-7-0-0-beta-58-17a9a6d4{z-index:3}}@layer rdg.SummaryCell{.rdg-7-0-0-beta-58-d907aa87{inset-block-start:var(--rdg-summary-row-top);inset-block-end:var(--rdg-summary-row-bottom)}}@layer rdg.GroupedRow{.rdg-7-0-0-beta-58-e74a2be3:not([aria-selected=true]){background-color:var(--rdg-header-background-color)}.rdg-7-0-0-beta-58-e74a2be3>.rdg-7-0-0-beta-58-85c48527:not(:last-child,.rdg-7-0-0-beta-58-17a9a6d4),.rdg-7-0-0-beta-58-e74a2be3>:nth-last-child(n+2 of .rdg-7-0-0-beta-58-17a9a6d4){border-inline-end:none}}@layer rdg.TextEditor{.rdg-7-0-0-beta-58-2f8db206{appearance:none;box-sizing:border-box;vertical-align:top;block-size:100%;inline-size:100%;color:var(--rdg-color);background-color:var(--rdg-background-color);font-family:inherit;font-size:var(--rdg-font-size);border:2px solid #ccc;padding-block:0;padding-inline:6px}.rdg-7-0-0-beta-58-2f8db206:focus{border-color:var(--rdg-selection-color);outline:none}.rdg-7-0-0-beta-58-2f8db206::placeholder{color:#999;opacity:1}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html{height:100dvh;overflow:hidden}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:min(1126px,100%);max-width:100%;height:100dvh;min-height:0;max-height:100dvh;margin:0 auto;display:flex;overflow:hidden}body{height:100%;min-height:100dvh;margin:0;overflow:hidden}pre{box-sizing:border-box;max-width:100%;overflow-x:auto}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}