.demo[data-astro-cid-o5ojybkg]{background:var(--color-offgray-1000);min-height:100%;color:var(--color-offgray-100);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.demo-head[data-astro-cid-o5ojybkg],.demo-foot[data-astro-cid-o5ojybkg]{font-size:12px;line-height:16px}.demo-head[data-astro-cid-o5ojybkg]{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--space-12);padding:var(--space-2) var(--space-4);border-bottom:var(--border-width) solid var(--color-offgray-900);display:flex}.demo-head[data-astro-cid-o5ojybkg]>div[data-astro-cid-o5ojybkg]{display:grid}.demo-head[data-astro-cid-o5ojybkg] strong[data-astro-cid-o5ojybkg]{color:var(--color-white);font-family:var(--font-serif);font-size:15px;font-weight:400;line-height:1.5}.demo-head[data-astro-cid-o5ojybkg] span[data-astro-cid-o5ojybkg]{color:var(--color-offgray-400)}.demo-head[data-astro-cid-o5ojybkg] a[data-astro-cid-o5ojybkg]{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--divider-accent);white-space:nowrap}.demo-head[data-astro-cid-o5ojybkg] a[data-astro-cid-o5ojybkg]:hover{text-decoration-style:double;text-decoration-color:currentColor}swift-tui-demo[data-astro-cid-o5ojybkg]{min-height:var(--demo-canvas-height);background:var(--color-offgray-1000);display:block;position:relative;overflow:hidden}swift-tui-demo[data-astro-cid-o5ojybkg] iframe[data-astro-cid-o5ojybkg]{background:var(--color-offgray-1000);border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-state[data-astro-cid-o5ojybkg]{z-index:2;place-content:center;justify-items:start;gap:var(--space-4);padding:var(--space-6);background:var(--color-offgray-1000);display:grid;position:absolute;inset:0}.demo-state[data-astro-cid-o5ojybkg][hidden]{display:none}.demo-state[data-astro-cid-o5ojybkg] p[data-astro-cid-o5ojybkg],.demo-state[data-astro-cid-o5ojybkg] strong[data-astro-cid-o5ojybkg]{max-width:32ch}.demo-state[data-astro-cid-o5ojybkg] strong[data-astro-cid-o5ojybkg]{color:var(--color-white);font-family:var(--font-serif);font-size:16.8px;font-weight:400}.demo-state[data-astro-cid-o5ojybkg] p[data-astro-cid-o5ojybkg]{color:var(--color-offgray-300);font-size:14px}.demo-state--loading[data-astro-cid-o5ojybkg]{justify-items:center}.loading-mark[data-astro-cid-o5ojybkg]{width:var(--space-6);background:var(--color-accent);transform-origin:0;height:2px;animation:1s ease-in-out infinite alternate loading}@keyframes loading{0%{opacity:.35;transform:scaleX(.25)}to{opacity:1;transform:scaleX(1)}}.demo-fallback[data-astro-cid-o5ojybkg]{align-content:center;justify-items:start;gap:var(--space-3);min-height:var(--demo-canvas-height);padding:var(--space-6);display:grid}.demo-fallback[data-astro-cid-o5ojybkg] p[data-astro-cid-o5ojybkg],.demo-fallback[data-astro-cid-o5ojybkg] strong[data-astro-cid-o5ojybkg]{max-width:44ch}.demo-fallback[data-astro-cid-o5ojybkg] strong[data-astro-cid-o5ojybkg]{color:var(--color-white);font-family:var(--font-serif);font-weight:400}.demo-fallback[data-astro-cid-o5ojybkg] p[data-astro-cid-o5ojybkg]{color:var(--color-offgray-300)}.demo-fallback__label[data-astro-cid-o5ojybkg]{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:11px}.demo-fallback[data-astro-cid-o5ojybkg] code[data-astro-cid-o5ojybkg]{background:var(--color-offgray-900);color:var(--color-offgray-100)}.demo-foot[data-astro-cid-o5ojybkg]{gap:var(--space-1-5) var(--space-4);padding:var(--space-2) var(--space-4);border-top:var(--border-width) solid var(--color-offgray-900);font-family:var(--font-mono);font-size:var(--meta-size);color:var(--color-offgray-300);min-height:var(--control-height);flex-wrap:wrap;align-items:center;display:flex}.demo-foot[data-astro-cid-o5ojybkg] strong[data-astro-cid-o5ojybkg]{color:inherit}@media (width<=599px){swift-tui-demo[data-astro-cid-o5ojybkg],.demo-fallback[data-astro-cid-o5ojybkg]{min-height:var(--demo-canvas-height)}.demo-foot[data-astro-cid-o5ojybkg]{display:grid}}@media (prefers-reduced-motion:reduce){.loading-mark[data-astro-cid-o5ojybkg]{animation:none}}.home-page .section-head h2{font-size:var(--section-title-size)}.home-page .section-head{margin-bottom:var(--space-8)}.home-page .hero{padding-top:var(--space-8)}.hero__copy{gap:var(--space-4);max-width:64ch;margin:0 auto var(--space-8);text-align:center;justify-items:center;display:grid}.hero__title{color:var(--text-accent);max-width:22ch;font-size:var(--home-hero-size)}.hero__actions{justify-content:center}.code-to-frame{border:var(--border-double-width) double var(--border-default);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"source render";display:grid}.source-pane{border-right:var(--border-width) solid var(--border-default);background:var(--surface);flex-direction:column;grid-area:source;min-width:0;display:flex}.source-pane .code-snippet{border:0}.source-note{padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--border-default);font-size:var(--meta-size);margin-top:auto}.render-pane{grid-area:render;min-width:0}.terminal-disclosure{border:var(--border-width) solid var(--border-default);background:var(--surface)}.source-disclosure{margin-top:var(--space-3)}.terminal-disclosure summary{min-height:var(--control-height);padding:var(--space-3) var(--space-4);cursor:pointer;color:var(--text-accent);font-size:var(--code-size)}.terminal-disclosure summary:hover{background:var(--btn-ghost-hover)}.terminal-disclosure .code-snippet{border-width:var(--border-width) 0 0}.disclosure-note{padding:0 var(--space-4) var(--space-4);font-size:var(--meta-size)}.home-page p.eyebrow:before{content:"┌─";height:auto;color:var(--text-accent);background:0 0}.showcase-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.showcase-example{min-width:0}.showcase-example--lead{gap:var(--space-6);grid-column:1/-1;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;display:grid}.example-image{border:var(--border-width) solid var(--border-default);background:var(--color-offgray-1000);display:block}.example-image:hover{border-color:var(--text-accent)}.example-image img{width:100%;height:auto}.example-copy{padding-block:var(--space-4);gap:var(--space-2);display:grid}.example-copy h3{font-size:var(--card-title-size)}.showcase-example--lead h3{font-size:var(--feature-title-size)}.example-copy>p:not(.pane-label){font-size:var(--body-copy-size)}.example-copy .example-detail{color:var(--text-muted);font-size:var(--meta-size)!important}.example-source{font-size:var(--code-size);justify-self:start}.section-tail{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-default);font-size:var(--code-size);flex-wrap:wrap;display:flex}.benefit-list{display:grid}.benefit-row{align-items:center;gap:var(--space-12);padding-block:var(--space-8);border-bottom:var(--border-width) solid var(--border-default);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.benefit-row:first-child{padding-top:0}.benefit-row:last-child{border-bottom:0;padding-bottom:0}.benefit-copy{gap:var(--space-3);display:grid}.benefit-copy h3{font-size:var(--feature-title-size)}.benefit-copy>p:not(.pane-label){font-size:var(--body-copy-size);max-width:46ch}.benefit-copy>a{font-size:var(--code-size);justify-self:start}.benefit-figure{border:var(--border-width) solid var(--border-default);background:var(--surface);min-width:0}.benefit-figure figcaption{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-default)}.figure-note{padding:var(--space-3) var(--space-4);font-size:var(--meta-size)}.state-flow{padding:var(--space-4);gap:var(--space-4);list-style:none;display:grid}.state-flow li{gap:var(--space-4);align-items:center;display:flex}.state-flow li>span{font-size:var(--meta-size);color:var(--text-muted)}.state-flow code{color:var(--text-accent);font-size:var(--code-size);background:0 0}.workspace-sketch{margin:var(--space-4);border:var(--border-width) solid var(--border-default);font-family:var(--font-mono);font-size:var(--meta-size);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.workspace-tabs{border-bottom:var(--border-width) solid var(--border-default);grid-column:1/-1;display:flex}.workspace-tabs span{padding:var(--space-2) var(--space-3)}.workspace-tabs span:first-child{background:var(--news-bar-tint);color:var(--text-accent)}.workspace-sidebar,.workspace-table{gap:var(--space-2);padding:var(--space-3);display:grid}.workspace-sidebar{border-right:var(--border-width) solid var(--border-default)}.workspace-table>span{justify-content:space-between;gap:var(--space-2);display:flex}.workspace-table>span>span{color:var(--text-accent)}.workspace-commands{border-top:var(--border-width) solid var(--border-default);padding:var(--space-2) var(--space-3);grid-column:1/-1}.terminal-options{padding-inline:var(--space-4)}.terminal-options>div{gap:var(--space-3);padding-block:var(--space-3);border-bottom:var(--border-width) solid var(--border-default);font-size:var(--code-size);grid-template-columns:1fr 2.5fr;display:grid}.terminal-options dt{color:var(--text-strong)}.terminal-options dd{margin:0}.terminal-flags{gap:var(--space-2);padding:var(--space-4);font-size:var(--meta-size);flex-wrap:wrap;display:flex}.quick-start-grid{gap:var(--space-8);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;display:grid}.quick-start-grid .section-head{margin-bottom:var(--space-4)}.quick-start-grid>div{min-width:0}.quick-start-note{gap:var(--space-1);font-size:var(--meta-size);margin-top:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.host-options{border-block:var(--border-width) solid var(--border-default);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.host-option{align-content:start;gap:var(--space-3);padding:var(--space-4);border-right:var(--border-width) solid var(--border-default);font-size:var(--body-copy-size);display:grid}.host-option:first-child{padding-left:0}.host-option:last-child{border-right:0}.host-option h3{font-size:var(--card-title-size)}.host-option a{font-size:var(--code-size);justify-self:start}.host-note{font-size:var(--code-size);margin-top:var(--space-4)}.reading-paths{margin-top:var(--space-8);gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reading-path{min-height:var(--control-height);padding-block:var(--space-3);border-bottom:var(--border-width) solid var(--border-default);color:var(--text-accent);font-size:var(--body-copy-size);justify-content:space-between;align-items:center;display:flex}.reading-path:hover{text-decoration:underline}.home-page .closing__actions{justify-content:center}@media (width<=899px){.code-to-frame{grid-template-columns:minmax(0,1fr);grid-template-areas:"render"}.source-pane{display:none}.benefit-row{gap:var(--space-6)}.quick-start-grid{gap:var(--space-6);grid-template-columns:1fr}}@media (width<=639px){.hero__copy{gap:var(--space-3);margin-bottom:var(--space-6)}.hero__actions{flex-flow:wrap}.hero__actions .swifttui-btn{width:auto;font-size:var(--code-size)}.showcase-grid,.benefit-row,.host-options,.reading-paths{grid-template-columns:minmax(0,1fr)}.showcase-example--lead{grid-column:auto;grid-template-columns:minmax(0,1fr);gap:0}.showcase-grid{gap:var(--space-4)}.example-copy{padding-block:var(--space-3)}.benefit-row{gap:var(--space-6)}.host-option{border-right:0;border-bottom:var(--border-width) solid var(--border-default);padding:var(--space-4) 0}.host-option:last-child{border-bottom:0}.reading-paths{margin-top:var(--space-6);gap:0}.workspace-table>span{flex-wrap:wrap}}