:root{accent-color:var(--teal-deep);background:var(--paper);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#16192f;--paper:#fff4d8;--paper-deep:#f7dfa6;--cream:#fffaf0;--coral:#e85d51;--coral-deep:#aa3449;--teal:#2f8170;--teal-deep:#1d544f;--marigold:#f5c85b;--outline:#26324d;--muted:#6c594e;--font-code:"JetBrains Mono", ui-monospace, monospace;--font-display:"Kablammo", fantasy;--border-radius-default:.5rem;--border-radius-small:.375rem;--border-radius-pill:62.5rem;--shadow-panel:.5rem .5rem 0 #16192f24;--space-xxs:.25rem;--space-xs:.5rem;--space-sm:.625rem;--space-md:.75rem;--space-lg:.875rem;--space-xl:1rem;--space-2xl:1.25rem;--space-3xl:1.5rem;--space-4xl:2rem;--space-5xl:2.5rem;--space-6xl:3rem;--space-7xl:4rem;--space-8xl:5rem;--target-size:3rem;--sticky-bar-clearance:7rem;font-family:Atkinson Hyperlegible,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(circle at .75rem .75rem, #16192f1a .0625rem, transparent .0625rem) 0 0 / 1.75rem 1.75rem, linear-gradient(135deg, #e85d5121, transparent 34%), linear-gradient(315deg, #2f81702e, transparent 38%), var(--paper);margin-block:0;margin-inline:0}body:before{content:"";mix-blend-mode:multiply;opacity:.55;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#0000 0 1.5rem,#aa34491a 1.5rem 1.625rem,#0000 1.625rem 3.25rem),repeating-linear-gradient(0deg,#0000 0 .8125rem,#16192f09 .8125rem .875rem);position:fixed;inset:0}h1,h2,h3,h4,p{margin-block:0;margin-inline:0}button,input,select{font:inherit}button{cursor:pointer}code,pre{font-family:var(--font-code)}a{color:var(--teal-deep);-webkit-text-decoration-color:var(--marigold);text-decoration-color:var(--marigold);text-underline-offset:.1875rem;font-weight:700;text-decoration-thickness:.125rem}a:hover{color:var(--coral-deep);text-decoration-color:currentColor}:focus-visible{outline:.1875rem solid var(--coral-deep);outline-offset:.1875rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:.0625rem;inline-size:.0625rem;position:absolute;overflow:hidden}.hint{color:var(--muted);font-size:.875rem;line-height:1.5}.group-heading{color:var(--teal-deep);letter-spacing:.06em;text-transform:uppercase;padding-block:0;padding-inline:0;font-size:.875rem;font-weight:700;line-height:1.5rem}.site-header{align-items:center;gap:var(--space-xl) var(--space-3xl);padding-block:var(--space-4xl);border-block-end:.0625rem solid #26324d2e;flex-wrap:wrap;justify-content:space-between;display:flex}.site-header-brand{align-items:center;gap:var(--space-xl) var(--space-5xl);flex-wrap:wrap;display:flex}.wordmark{font-family:var(--font-display);text-shadow:.125rem .125rem 0 var(--marigold);font-size:2.25rem;line-height:1}.site-nav{gap:var(--space-xl) var(--space-4xl);flex-wrap:wrap;margin-block:0;padding-inline-start:0;font-size:1.125rem;list-style:none;display:flex}.version-badge{border-radius:var(--border-radius-pill);color:var(--teal-deep);align-items:center;gap:var(--space-xs);min-block-size:2rem;padding-inline:var(--space-md);background:#2f81701f;border:.0625rem solid #2f817066;font-size:.875rem;font-weight:700;display:flex}.version-badge:before{background:var(--teal);border-radius:var(--border-radius-pill);content:"";block-size:.5rem;inline-size:.5rem}.webmcp-banner{border-radius:var(--border-radius-default);color:var(--teal-deep);padding-block:var(--space-sm);padding-inline:var(--space-lg);background:#fffaf0c2;border:.0625rem solid #2f81706b;font-size:.9rem;font-weight:700;line-height:1.4}.intro{gap:var(--space-xl);flex-direction:column;display:flex}h1{font-family:var(--font-display);text-shadow:.1875rem .1875rem 0 var(--marigold);font-weight:400;line-height:1}.lead{color:var(--muted);max-inline-size:47.5rem;font-size:1.125rem;line-height:1.5}.lead code{color:var(--ink);font-size:1rem}main{gap:var(--space-4xl);flex-direction:column;display:flex}.new-project{border:.125rem solid var(--outline);border-radius:var(--border-radius-default);box-shadow:var(--shadow-panel);padding-block:var(--space-3xl);background:#fffaf0d9;align-items:center;display:grid}.new-project-text{gap:var(--space-xs);flex-direction:column;display:flex}.new-project .hint{font-size:1rem}.heading-with-chip{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.new-project h2{color:var(--teal-deep);font-size:1.25rem;line-height:1.75rem}.chip{border-radius:var(--border-radius-pill);letter-spacing:.04em;padding-block:var(--space-xxs);padding-inline:var(--space-xs);text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700;line-height:1.2}.chip-recommended{background:var(--teal-deep);color:var(--cream)}.chip-optional,.chip-summary{color:var(--outline);background:#26324d1a}.chip-experimental{background:var(--coral-deep);color:var(--cream)}.chip-framework{background:var(--marigold);color:var(--ink)}.chip-summary{letter-spacing:0;text-transform:none;font-size:.875rem}.chips{gap:var(--space-xs);flex-wrap:wrap;margin-block:0;padding-inline-start:0;list-style:none;display:flex}.command{background:var(--ink);border-radius:var(--border-radius-default);color:var(--paper);font-family:var(--font-code);align-items:center;gap:var(--space-md);min-block-size:var(--target-size);padding-inline:var(--space-xl);font-size:.875rem;display:flex}.command code{white-space:nowrap;flex-grow:1;overflow-x:auto}.command button{border-radius:var(--border-radius-small);color:var(--paper);min-block-size:2rem;min-inline-size:var(--target-size);background:0 0;border:.0625rem solid #fff4d859;font-size:.75rem}.command :focus-visible{outline-color:var(--marigold)}.composer{flex-direction:column;min-inline-size:0;display:flex}fieldset{border:0;min-inline-size:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.step{gap:var(--space-3xl);flex-direction:column;display:flex}.step>legend{align-items:center;gap:var(--space-md);margin-block-end:var(--space-3xl);padding-block:0;padding-inline:0;display:flex}.section-title{font-size:1.5rem;line-height:2rem}.step-number{background:var(--coral-deep);border-radius:var(--border-radius-pill);block-size:2rem;box-shadow:.125rem .125rem 0 var(--marigold);color:var(--cream);justify-content:center;align-items:center;inline-size:2rem;font-size:.9375rem;font-weight:700;display:inline-flex}.step-columns,.integration-groups{gap:var(--space-4xl);display:grid}.integration-groups{align-items:start}.group{gap:var(--space-xs);flex-direction:column;display:flex}.css-overflow{background:var(--cream);border-radius:var(--border-radius-default);border:.0625rem solid #26324d38}.css-overflow summary{block-size:var(--target-size);color:var(--teal-deep);cursor:pointer;padding-inline:var(--space-xl);align-items:center;font-weight:700;list-style:none;display:flex}.css-overflow summary::-webkit-details-marker{display:none}.group-disclosure-toggle{background:var(--cream);block-size:var(--target-size);border-radius:var(--border-radius-default);color:var(--teal-deep);cursor:pointer;inline-size:100%;padding-inline:var(--space-xl);border:.0625rem solid #26324d38;justify-content:space-between;align-items:center;font-weight:700;display:flex}.group-disclosure-count{color:var(--muted);font-weight:400}.rows{gap:var(--space-xs);flex-direction:column;margin-block:0;padding-inline-start:0;list-style:none;display:flex}.rows-grid{align-items:start;gap:var(--space-xs) var(--space-4xl);display:grid}.row{background:var(--cream);border-radius:var(--border-radius-default);border:.0625rem solid #26324d38;position:relative}.row-head{align-items:center;gap:var(--space-md);min-block-size:var(--target-size);padding-inline:var(--space-xl) var(--target-size);display:flex}.row-head input,.inline-field input[type=checkbox]{flex-shrink:0;block-size:1.125rem;inline-size:1.125rem;margin-block:0;margin-inline:0}.row-head label{cursor:pointer;padding-block:var(--space-xs);flex-grow:1;line-height:1.3}.row summary{block-size:var(--target-size);border-radius:var(--border-radius-default);color:var(--muted);cursor:pointer;inline-size:var(--target-size);justify-content:center;align-items:center;list-style:none;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.row summary::-webkit-details-marker{display:none}.row summary:focus-visible{outline-offset:-.1875rem}.chevron{fill:none;stroke:currentColor;stroke-width:2px;block-size:1.25rem;inline-size:1.25rem}.row details[open] .chevron{rotate:180deg}.row-details{color:var(--muted);gap:var(--space-xs);padding-block:0 var(--space-xl);padding-inline:2.875rem var(--space-xl);flex-direction:column;font-size:.875rem;line-height:1.5;display:flex}.facts{gap:var(--space-xxs);flex-direction:column;margin-block:0;display:flex}.facts div{gap:var(--space-xs);display:flex}.facts dt{font-weight:700}.facts dd{overflow-wrap:anywhere;margin-inline:0}.segmented{background:var(--cream);border:.125rem solid var(--outline);border-radius:var(--border-radius-default);display:flex;overflow:hidden}.segmented label{border-inline-end:.125rem solid var(--outline);cursor:pointer;min-block-size:var(--target-size);padding-inline:var(--space-xl);flex:1 1 0;justify-content:center;align-items:center;font-weight:700;display:flex}.segmented label:last-of-type{border-inline-end:0}.segmented input{opacity:0;position:absolute}.segmented label:has(:checked){background:var(--teal-deep);color:var(--cream)}.segmented label:has(:focus-visible){outline:.1875rem solid var(--coral-deep);outline-offset:-.4375rem}.segmented label:has(:checked:focus-visible){outline-color:var(--marigold)}.field{color:var(--teal-deep);gap:var(--space-xs);flex-direction:column;font-size:.875rem;font-weight:700;display:flex}.inline-field{color:var(--teal-deep);align-items:center;gap:var(--space-md);font-size:.875rem;font-weight:700;display:flex}.field input,.field select,.inline-field select{background:var(--cream);border:.125rem solid var(--outline);border-radius:var(--border-radius-small);color:var(--ink);padding-inline:var(--space-md);font-size:1rem;font-weight:400}.field input,.field select{min-block-size:var(--target-size)}.inline-field select{min-block-size:2.5rem}.inline-field input[type=checkbox]{flex-shrink:0;block-size:1.125rem;inline-size:1.125rem;margin-block:0;margin-inline:0}.inline-field select:disabled{opacity:.55}.options-panel{border-radius:var(--border-radius-default);align-items:center;gap:var(--space-xl) var(--space-4xl);padding:var(--space-3xl);background:#2f81701a;border:.0625rem solid #2f817059;margin-block-start:var(--space-xs);display:grid}.options-panel-text{gap:var(--space-xs);flex-direction:column;display:flex}.options-panel h3,.options-panel h4{color:var(--teal-deep);font-size:1.25rem;line-height:1.75rem}.options-panel-text .hint{font-size:1rem}.options-choices{gap:var(--space-xl);flex-direction:column;grid-column:1/-1;display:flex}.check-label{cursor:pointer;min-block-size:var(--target-size);align-items:center;display:flex}.field-stack{gap:var(--space-xs);flex-direction:column;max-inline-size:40rem;display:flex}.button,.tab{border:.125rem solid var(--outline);border-radius:var(--border-radius-default);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.button{box-shadow:.1875rem .1875rem 0 var(--marigold);min-block-size:var(--target-size);padding-inline:var(--space-3xl);font-size:1rem}.button:hover{box-shadow:.25rem .25rem 0 var(--coral);transform:translate(-.0625rem,-.0625rem)}.button-primary,.tab[aria-selected=true]{background:var(--teal-deep);color:var(--cream)}.button-secondary,.tab[aria-selected=false]{background:var(--cream);color:var(--ink)}.tab{min-block-size:2.5rem;padding-inline:var(--space-xl);font-size:.875rem}.artifact-toolbar{align-items:center;gap:var(--space-xl) var(--space-3xl);flex-wrap:wrap;justify-content:space-between;display:flex}.tabs{gap:var(--space-xs);flex-wrap:wrap;display:flex}.recipe{border:.125rem solid var(--outline);border-radius:var(--border-radius-default);box-shadow:var(--shadow-panel);gap:var(--space-3xl);background:#fffaf0e6;flex-direction:column;display:flex}.recipe-header{align-items:center;gap:var(--space-3xl);flex-wrap:wrap;justify-content:space-between;display:flex}.recipe-title,.next-commands,.recipe-output{gap:var(--space-md);flex-direction:column;display:flex}.actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.recipe-body{border-block-start:.0625rem solid #26324d33;align-items:start;padding-block-start:var(--space-3xl);display:grid}.command-steps{counter-reset:command-step;gap:var(--space-md);flex-direction:column;margin-block:0;padding-inline-start:0;list-style:none;display:flex}.command-step{gap:var(--space-xs);flex-direction:column;display:flex}.command-steps .command-step{counter-increment:command-step}.command-steps .hint:before{content:counter(command-step) ". "}.recipe-output pre{background:var(--ink);border-radius:var(--border-radius-default);color:var(--paper);max-block-size:40rem;padding:var(--space-xl);margin-block:0;margin-inline:0;font-size:.8125rem;line-height:1.5;overflow:auto}.site-footer{color:var(--muted);padding-block:0 var(--space-6xl);text-align:center;line-height:1.5rem}@media (width<53.75em){.site-header,main,.site-footer{padding-inline:var(--space-xl)}main{padding-block:var(--space-4xl) var(--space-7xl)}h1{font-size:2.5rem}.new-project{gap:var(--space-3xl);padding-inline:var(--space-xl);grid-template-columns:minmax(0,1fr)}.composer{gap:var(--space-6xl)}.step-columns,.integration-groups,.rows-grid,.options-panel,.recipe-body{grid-template-columns:minmax(0,1fr)}.recipe{padding:var(--space-xl)}.recipe-body{gap:var(--space-4xl)}.site-footer{margin-block-end:var(--sticky-bar-clearance)}#css-rows .row[data-overflow]{display:none}#css-integrations:has(.css-overflow[open]) #css-rows .row[data-overflow]{display:block}.artifact-toolbar .tabs{display:none}#ai-artifacts{gap:var(--space-xs);flex-direction:column;display:flex}.artifact-group [role=tabpanel]{display:none}.artifact-group:has(.group-disclosure-toggle[aria-expanded=true]) [role=tabpanel]{display:block!important}.sticky-bar{border-block-start:.125rem solid var(--outline);align-items:center;gap:var(--space-md);padding-block:var(--space-md) var(--space-xl);padding-inline:var(--space-xl);background:#fffaf0f5;display:flex;position:fixed;inset-block-end:0;inset-inline:0}.sticky-bar .button{flex-shrink:0}.sticky-bar-summary{gap:var(--space-xxs);flex-direction:column;flex-grow:1;min-inline-size:0;display:flex}}@media (width>=53.75em){main{padding-block:var(--space-6xl) var(--space-8xl)}.new-project{padding-inline:var(--space-4xl)}.composer{gap:var(--space-7xl)}.step-columns,.recipe-body{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe{padding:var(--space-4xl)}.css-overflow,.group-disclosure-toggle,.sticky-bar{display:none}}@media (53.75em<=width<75em){.site-header,main,.site-footer{padding-inline:var(--space-5xl)}h1{font-size:3.5rem}.new-project{gap:var(--space-4xl);grid-template-columns:repeat(2,minmax(0,1fr))}.integration-groups,.rows-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.options-panel{grid-template-columns:minmax(0,1fr) repeat(2,12rem)}.recipe-body{gap:var(--space-4xl)}}@media (width>=75em){.site-header,main,.site-footer{padding-inline:max(var(--space-8xl), 50% - 40rem)}h1{font-size:4.5rem}.new-project{gap:var(--space-6xl);grid-template-columns:minmax(0,1fr) 32.5rem}.integration-groups,.rows-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.options-panel{grid-template-columns:minmax(0,1fr) repeat(2,15rem)}.recipe-body{gap:var(--space-6xl)}}