@font-face{font-family:codeFont;src:url(../media/jetbrains_mono_latin_wght_normal-s.p.2rmhnsrc80fag.woff2)format("woff2");font-display:swap;font-weight:100 800}@font-face{font-family:codeFont Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.codefont_ddf03c60-module__OK9_ia__className{font-family:codeFont,codeFont Fallback,ui-monospace,SFMono-Regular,Menlo,monospace}.codefont_ddf03c60-module__OK9_ia__variable{--font-jetbrains:"codeFont", "codeFont Fallback", ui-monospace, SFMono-Regular, Menlo, monospace}
@font-face{font-family:displayFont;src:url(../media/bricolage_grotesque_latin_wght_normal-s.1iqnhac4m3hwo.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:displayFont Fallback;src:local(Arial);ascent-override:82.39%;descent-override:23.92%;line-gap-override:0.0%;size-adjust:112.88%}.displayfont_b4225e1b-module__m1w0xq__className{font-family:displayFont,displayFont Fallback}.displayfont_b4225e1b-module__m1w0xq__variable{--font-bricolage:"displayFont", "displayFont Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:var(--font-bricolage), ui-sans-serif, system-ui, sans-serif;--font-code:var(--font-jetbrains), ui-monospace, SFMono-Regular, Menlo, monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{background:var(--bg);color:var(--text);scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5.5rem}body{font-family:var(--body-font);background:var(--bg);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;transition:background-color .35s,color .35s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{background:var(--accent);color:var(--on-accent)}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{z-index:100;background:var(--accent);color:var(--on-accent);border-radius:8px;padding:.5rem .9rem;font-weight:600;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}}@layer components{.t-com{color:var(--comment);font-style:italic}.t-key{color:var(--prop)}.t-str{color:var(--str)}.t-kw{color:var(--kw)}.t-pun{color:var(--muted)}.mk{color:var(--accent)}.pre:before{content:attr(data-mk);content:attr(data-mk) / "";color:var(--accent)}:root[data-view=rendered] .pre:before{content:none}:root[data-view=rendered] .mk{display:none}.pane{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.pane-head{background:var(--panel-2);border-bottom:1px solid var(--line);font-family:var(--font-code);color:var(--muted);scrollbar-width:none;align-items:stretch;gap:0;font-size:.78rem;display:flex;overflow-x:auto}.pane-head::-webkit-scrollbar{display:none}.pane-tab{border-right:1px solid var(--line);white-space:nowrap;align-items:center;gap:.5rem;padding:.6rem 1rem;display:inline-flex}.pane-tab[data-active=true]{background:var(--panel);color:var(--text);box-shadow:inset 0 2px 0 var(--accent)}.dot{border-radius:999px;width:.5rem;height:.5rem;display:inline-block}:root[data-view=rendered] .pane{background:0 0;border:0;border-radius:0;overflow:visible}.lines{counter-reset:ln}.ln{grid-template-columns:3.2ch minmax(0,1fr);align-items:baseline;column-gap:1.25rem;display:grid}.ln:before{counter-increment:ln;content:counter(ln);color:var(--gutter);text-align:right;font-family:var(--font-code);-webkit-user-select:none;user-select:none;font-size:.8rem}.ln-blank{min-height:1.6em}@media (max-width:640px){.ln{grid-template-columns:minmax(0,1fr)}.ln:before{display:none}}:root[data-view=rendered] .ln{grid-template-columns:minmax(0,1fr)}:root[data-view=rendered] .ln:before,:root[data-view=rendered] .ln-blank{display:none}.btn{border:1px solid var(--line);border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.2rem;font-weight:600;text-decoration:none;transition:transform .15s,background-color .2s,border-color .2s;display:inline-flex}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-ghost{color:var(--text);background:0 0}.toggle{border:1px solid var(--line);background:var(--panel);font-family:var(--font-code);border-radius:999px;gap:2px;padding:3px;font-size:.75rem;display:inline-flex}.toggle button{color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.35rem .75rem}.toggle button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);font-weight:600}:root[data-view=rendered] .h-display{font-family:var(--font-display);letter-spacing:-.035em}:root[data-view=code] .h-display{font-family:var(--font-code);letter-spacing:-.03em}.badge{font-family:var(--font-code);border:1px solid;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.72rem;display:inline-flex}.badge-live{color:var(--str)}.badge-shipped{color:var(--accent-text)}.badge-building{color:var(--kw)}:root[data-view=rendered] .badge-live{color:#7a5a00}.preview{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;overflow:hidden}.preview-bar{border-bottom:1px solid var(--line);font-family:var(--font-code);color:var(--muted);align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.72rem;display:flex}.preview-url{background:var(--panel);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;margin-left:.5rem;padding:.15rem .6rem;overflow:hidden}.cursor{background:var(--accent);vertical-align:text-bottom;width:.6em;height:1.1em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.thermo-fill{transform-origin:bottom;animation:4.8s cubic-bezier(.5,0,.2,1) infinite fill}@keyframes fill{0%{transform:scaleY(.08)}70%,to{transform:scaleY(1)}}.halftone{isolation:isolate;filter:brightness(.7)contrast(18);background:#fff;position:relative;overflow:hidden}.halftone img{object-fit:cover;filter:grayscale()contrast(1.25)blur(1.5px);width:100%;height:100%;display:block}.halftone:after{content:"";mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#000 0,#fff 5px) 0 0/7px 7px;position:absolute;inset:0}.halftone-tint{border-radius:10px;position:relative;overflow:hidden}.halftone-tint:after{content:"";pointer-events:none;background:var(--accent);mix-blend-mode:screen;position:absolute;inset:0}:root[data-view=code] .halftone{filter:brightness(.7)contrast(18)invert()}:root[data-view=code] .halftone-tint:after{mix-blend-mode:multiply}.statusbar{font-family:var(--font-code);background:var(--panel-2);color:var(--muted);border-top:1px solid var(--line);font-size:.72rem}.statusbar strong{color:var(--text);font-weight:600}@media (min-width:768px){.statusbar{z-index:40;position:fixed;bottom:0;left:0;right:0}body{padding-bottom:2rem}}:root[data-view=rendered] .pane-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}:root[data-view=rendered] .pane-body{padding-top:.5rem!important;padding-left:0!important;padding-right:0!important}:root[data-view=rendered] .ln+.ln{margin-top:1rem}:root[data-view=rendered] .hero .ln+.ln{margin-top:1.25rem}.drawer{background:var(--panel);width:min(560px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--text);border:0;border-left:1px solid var(--line);font-family:var(--body-font);margin:0 0 0 auto;padding:0}.drawer[open]{animation:.28s cubic-bezier(.2,.8,.2,1) drawer-in}.drawer::backdrop{background:#0009}@keyframes drawer-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.chip span{border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;padding:.4rem .8rem;font-size:.85rem;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.chip:hover span{border-color:var(--accent);color:var(--text)}.chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.6;cursor:progress;transform:none}.svc-lanes{gap:2.5rem;display:grid}.svc-lane{gap:.9rem;display:grid}.svc-lane-head{gap:.15rem;display:grid}.svc-lane-head h3{font-size:.875rem;font-weight:400}:root[data-view=rendered] .svc-lane-head h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.45rem;font-weight:700}.svc-lane-head p{color:var(--muted)}.svc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}@media (max-width:1023px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-grid>.svc:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:639px){.svc-grid{gap:.6rem}.svc-grid>.svc:last-child:nth-child(odd){grid-column:1/-1}.svc-body{gap:.45rem;padding:.9rem .85rem .8rem}:root[data-view=rendered] .svc-head h4,.svc-head h4{font-size:1rem;line-height:1.25}.svc-text,:root[data-view=rendered] .svc-text{font-size:.82rem;line-height:1.5}.svc-grid .svc-sub,.svc-grid .checks,.svc-grid .svc-foot,.svc-grid .svc-run,.svc-grid .svc-from{display:none}.svc-ask-btn{font-size:.82rem}}.svc{z-index:1;cursor:pointer;border-radius:var(--svc-r);background:radial-gradient(260px circle at var(--x,-400px) var(--y,-400px), var(--accent), transparent 65%), var(--line);padding:1px;transition:opacity .3s,filter .3s,transform .25s,box-shadow .3s;position:relative}.svc-in{border-radius:calc(var(--svc-r) - 1px);background:var(--panel);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.svc-in:before{content:"";pointer-events:none;background:radial-gradient(340px circle at var(--x,-400px) var(--y,-400px), var(--accent), transparent 60%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.svc-in:before{background:radial-gradient(340px circle at var(--x,-400px) var(--y,-400px), color-mix(in srgb, var(--accent) 10%, transparent), transparent 60%)}}.svc-body{flex-direction:column;flex:1;gap:.6rem;padding:1.25rem 1.25rem 1rem;display:flex;position:relative}.svc-head{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}:root[data-view=rendered] .svc-head h4{font-size:1.2rem}.svc-sub{font-family:var(--font-code);color:var(--muted);margin-top:-.35rem;font-size:.72rem}.svc-text{color:var(--muted);font-size:.875rem;line-height:1.6}:root[data-view=rendered] .svc-text{font-size:.95rem}.svc-from{color:var(--muted);font-size:.8rem;line-height:1.6}.svc-from b{color:var(--text);font-weight:600}.checks{gap:.2rem;font-size:.875rem;line-height:1.5;display:grid}:root[data-view=rendered] .checks{font-size:.95rem}.checks li{border-radius:6px;grid-template-columns:1.3em minmax(0,1fr);gap:.25rem;margin-inline:-.4rem;padding:.1rem .4rem;display:grid}.tick{font-family:var(--font-code);color:var(--accent-text)}.tick:before{content:"→"}.checks li.done .tick{color:var(--ok);font-weight:700}.checks li.done .tick:before{content:"✓"}.checks li.flash{animation:.75s ease-out svc-flash}@keyframes svc-flash{0%{background:color-mix(in srgb, var(--ok) 24%, transparent)}to{background:0 0}}.svc-ask{margin-top:auto;padding-top:.3rem}.svc-ask-btn{cursor:pointer;color:var(--link);text-underline-offset:4px;font-size:.875rem;font-weight:600;text-decoration:none}.svc-ask-btn:hover{text-decoration:underline}.svc-run{cursor:pointer;border:1px solid var(--line);font-family:var(--font-code);color:var(--muted);border-radius:999px;flex:none;padding:.1rem .6rem;font-size:.72rem;transition:background-color .2s,border-color .2s,color .2s}:root[data-view=rendered] .svc-run{font-family:var(--font-display);font-size:.8rem}.svc-run .code-only:before{content:"▶ run"}.svc-run[aria-pressed=true] .code-only:before{content:"■ stop"}.svc-run .rendered-only:before{content:"Show me"}.svc-run[aria-pressed=true] .rendered-only:before{content:"Close"}.svc:hover .svc-run,.svc-run:focus-visible{border-color:var(--accent);color:var(--text)}.svc-run[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.svc-foot{border-top:1px solid var(--line);background:var(--panel-2);flex-wrap:wrap;align-items:center;gap:.35rem .45rem;padding:.7rem 1.25rem .8rem;display:flex;position:relative}.svc-tl{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:.1rem;font-size:.68rem}:root:not([data-view=rendered]) .svc-tl{text-transform:none;letter-spacing:0;color:var(--prop);font-size:.75rem}.tool,.tb-tool{white-space:nowrap;font-family:var(--font-code);border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;padding:.05rem .5rem;font-size:.72rem;line-height:1.5;transition:background-color .2s,border-color .2s,color .2s,opacity .2s;display:inline-flex}:root[data-view=rendered] .tool,:root[data-view=rendered] .tb-tool{font-family:var(--font-display);font-size:.8rem}.tool-yours{color:var(--accent-text);border-style:dashed}.tool.lit{border-color:var(--accent);color:var(--text);background:var(--accent);border-style:solid}@supports (color:color-mix(in lab, red, red)){.tool.lit{background:color-mix(in srgb, var(--accent) 15%, var(--panel))}}.tool-sep{color:var(--muted);font-size:.75rem}:root:not([data-view=rendered]) .svc-foot .tool{color:var(--str);background:0 0;border:0;border-radius:3px;padding:0 .2rem;font-size:.75rem}:root:not([data-view=rendered]) .svc-foot .tool-yours{color:var(--kw)}:root:not([data-view=rendered]) .svc-foot .tool.lit{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root:not([data-view=rendered]) .svc-foot .tool.lit{background:color-mix(in srgb, var(--accent) 28%, transparent)}}:root:not([data-view=rendered]) .svc-foot .tool.lit{color:var(--text)}.svc-quiet{cursor:default;background:0 0;padding:0}.svc-quiet>.svc-in{border:1px dashed var(--muted);background:0 0}@supports (color:color-mix(in lab, red, red)){.svc-quiet>.svc-in{border:1px dashed color-mix(in srgb, var(--muted) 45%, transparent)}}.svc-quiet .tick{color:var(--muted)}.svc-quiet .tick:before{content:"·"}.svc-lanes.focus .svc:not(.is-sel):not(.is-match){opacity:var(--dim);filter:saturate(.35)}.svc-lane-head{transition:opacity .3s}.svc-lanes.focus .svc-lane-head{opacity:.45}.svc.is-sel{z-index:2;background:linear-gradient(140deg, var(--accent), var(--kw));box-shadow:0 26px 60px -30px var(--accent);transform:translateY(-3px)}.svc.is-match{z-index:2;background:var(--accent);box-shadow:0 16px 44px -30px var(--accent)}.toolbox{z-index:20;border:1px solid var(--line);border-radius:var(--svc-r);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:2.25rem;padding:.75rem 1rem;position:relative}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.toolbox{bottom:calc(2.4rem + env(safe-area-inset-bottom,0px));position:sticky;box-shadow:0 18px 50px -18px #00000080}}.tb-head{flex-wrap:wrap;align-items:baseline;gap:.1rem .9rem;display:flex}.tb-pre{font-family:var(--font-code);white-space:nowrap;font-size:.8rem}:root[data-view=rendered] .tb-pre{font-family:var(--font-display);font-size:.9rem;font-weight:700}.tb-tip{color:var(--comment);font-size:.8rem;transition:color .2s}:root:not([data-view=rendered]) .tb-tip{font-style:italic}.tb-tip.on{color:var(--accent-text);font-style:normal}.tb-tools{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.tb-tool{cursor:pointer;padding:.1rem .45rem}.tb-gap{margin-left:.3rem}.tb-tool.hint{border-color:var(--accent);color:var(--text)}.tb-tool.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);border-style:solid;font-weight:600}.toolbox.focus .tb-tool:not(.on){opacity:.42}.svc-wires{pointer-events:none;z-index:25;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.svc-wires path{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round}.svc-wires path.draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:.7s cubic-bezier(.3,.7,.2,1) forwards svc-draw}@keyframes svc-draw{to{stroke-dashoffset:0}}.svc-wires circle{fill:var(--accent)}@media (prefers-reduced-motion:reduce){.svc.is-sel{transform:none}}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-3{right:calc(var(--spacing) * 3)}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-0{left:0}.z-10{z-index:10}.z-30{z-index:30}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.h-40{height:calc(var(--spacing) * 40)}.h-auto{height:auto}.h-full{height:100%}.min-h-\[80vh\]{min-height:80vh}.w-\[12ch\]{width:12ch}.w-full{width:100%}.max-w-\[32ch\]{max-width:32ch}.max-w-\[36ch\]{max-width:36ch}.max-w-\[40ch\]{max-width:40ch}.max-w-\[48ch\]{max-width:48ch}.max-w-\[56ch\]{max-width:56ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[720px\]{max-width:720px}.max-w-\[1180px\]{max-width:1180px}.min-w-0{min-width:0}.min-w-\[3ch\]{min-width:3ch}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-y-1{row-gap:var(--spacing)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[10px\]{border-radius:10px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--line\)\]{border-color:var(--line)}.bg-\[\#28c840\]{background-color:#28c840}.bg-\[\#febc2e\]{background-color:#febc2e}.bg-\[\#ff5f57\]{background-color:#ff5f57}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--panel\)\]{background-color:var(--panel)}.bg-\[var\(--panel-2\)\]{background-color:var(--panel-2)}.bg-white{background-color:var(--color-white)}.bg-\[radial-gradient\(\#ff2e93_1\.6px\,transparent_1\.8px\)\]{background-image:radial-gradient(#ff2e93 1.6px,#0000 1.8px)}.bg-\[radial-gradient\(var\(--line\)_1px\,transparent_1px\)\]{background-image:radial-gradient(var(--line) 1px,transparent 1px)}.\[background-size\:9px_9px\]{background-size:9px 9px}.\[background-size\:14px_14px\]{background-size:14px 14px}.object-cover{object-fit:cover}.object-top{object-position:top}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.text-center{text-align:center}.font-\[family-name\:var\(--font-code\)\]{font-family:var(--font-code)}.font-\[family-name\:var\(--font-display\)\]{font-family:var(--font-display)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.9rem\]{font-size:.9rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[clamp\(1\.5rem\,4\.6vw\,3rem\)\]{font-size:clamp(1.5rem,4.6vw,3rem)}.text-\[clamp\(1\.45rem\,3\.2vw\,2\.45rem\)\]{font-size:clamp(1.45rem,3.2vw,2.45rem)}.text-\[clamp\(2\.2rem\,7vw\,4\.4rem\)\]{font-size:clamp(2.2rem,7vw,4.4rem)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.text-balance{text-wrap:balance}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--accent-text\)\]{color:var(--accent-text)}.text-\[var\(--kw\)\]{color:var(--kw)}.text-\[var\(--link\)\]{color:var(--link)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--str\)\]{color:var(--str)}.text-\[var\(--text\)\]{color:var(--text)}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-4{text-decoration-thickness:4px}.underline-offset-4{text-underline-offset:4px}.underline-offset-8{text-underline-offset:8px}.opacity-0{opacity:0}.opacity-100{opacity:1}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-\[var\(--gutter\)\]::placeholder{color:var(--gutter)}@media (hover:hover){.hover\:bg-\[var\(--panel\)\]:hover{background-color:var(--panel)}.hover\:text-\[var\(--text\)\]:hover{color:var(--text)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-\[var\(--accent\)\]:focus{border-color:var(--accent)}@media (min-width:40rem){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\:pt-12{padding-top:calc(var(--spacing) * 12)}.sm\:pt-24{padding-top:calc(var(--spacing) * 24)}.sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[0\.86rem\]{font-size:.86rem}.sm\:text-\[0\.88rem\]{font-size:.88rem}}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:p-7{padding:calc(var(--spacing) * 7)}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:ml-2{margin-left:calc(var(--spacing) * 2)}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\]{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.lg\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.05fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:p-12{padding:calc(var(--spacing) * 12)}}:root[data-view=rendered] .\[\:root\[data-view\=rendered\]_\&\]\:max-w-\[20ch\]{max-width:20ch}:root[data-view=rendered] .\[\:root\[data-view\=rendered\]_\&\]\:bg-\[var\(--panel\)\]{background-color:var(--panel)}:root[data-view=rendered] .\[\:root\[data-view\=rendered\]_\&\]\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}:root[data-view=rendered] .\[\:root\[data-view\=rendered\]_\&\]\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}:root[data-view=rendered] .\[\:root\[data-view\=rendered\]_\&\]\:text-\[2rem\]{font-size:2rem}:root[data-view=rendered] .\[\:root\[data-view\=rendered\]_\&\]\:text-\[clamp\(2\.1rem\,5\.2vw\,4\.3rem\)\]{font-size:clamp(2.1rem,5.2vw,4.3rem)}:root[data-view=rendered] .\[\:root\[data-view\=rendered\]_\&\]\:leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}:root[data-view=rendered] .\[\:root\[data-view\=rendered\]_\&\]\:font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}:root[data-view=rendered] .\[\:root\[data-view\=rendered\]_\&\]\:text-\[var\(--accent-text\)\]{color:var(--accent-text)}}:root,:root[data-view=code]{--bg:#0a0a0b;--panel:#111113;--panel-2:#18181b;--line:#27272a;--text:#eee9f6;--muted:#a69cb8;--gutter:#5c5c66;--comment:#8c82a3;--prop:#ff7dbd;--str:#ffd23f;--kw:#a77bff;--accent:#ff2e93;--accent-text:#ff5aa8;--link:#a77bff;--on-accent:#1e1030;--body-font:var(--font-code);--radius:12px;--ok:#7ee2b8;--dim:.28;--glass:#111113e0;--svc-r:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-view=rendered]{--bg:#faf7f2;--panel:#fff;--panel-2:#f3ede4;--line:#e7e0d6;--text:#1e1030;--muted:#5b536b;--gutter:#b5acc4;--comment:#5b536b;--prop:#c8005f;--str:#1e1030;--kw:#6230d9;--accent:#ff2e93;--accent-text:#c8005f;--link:#6230d9;--on-accent:#1e1030;--body-font:var(--font-display);--ok:#0f7a52;--dim:.34;--glass:#ffffffe6;--svc-r:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-view=code] .rendered-only,:root:not([data-view]) .rendered-only,:root[data-view=rendered] .code-only{display:none!important}.grid-transition{z-index:29;pointer-events:auto;width:100%;height:100%;display:none;position:fixed;inset:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}