.workspace-gallery__intro{grid-template-columns:1.15fr 1fr;align-items:end;gap:32px clamp(40px,6vw,96px);margin-bottom:clamp(40px,4.5vw,64px);display:grid}.app-showcase{grid-template-columns:minmax(0,1fr);display:grid}.app-showcase [hidden]{display:none}.app-showcase__toolbar{padding-block:0 20px;display:flex}.app-showcase__flavors{gap:4px;display:flex}.app-showcase__flavors button{min-height:44px;color:var(--lc-fg-muted);justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;transition:color .18s,background-color .18s;display:inline-flex}.app-showcase__flavors button:hover{color:var(--lc-fg);background:var(--lc-bg-alt)}.app-showcase__flavors button[aria-pressed=true]{color:var(--lc-fg);background:var(--lc-surface0)}.app-showcase__swatch{background:var(--lc-bg);flex:none;grid-template-columns:repeat(2,1fr);gap:1px;width:20px;height:20px;padding:2px;display:grid}.app-showcase__panels{gap:56px;min-width:0;display:grid}.app-showcase__app-name{letter-spacing:-.025em;align-items:center;gap:12px;font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:500;display:flex}.app-showcase__app-name [data-port-icon]{color:var(--lc-accent)}.app-showcase__note{color:var(--lc-fg-muted);margin-top:4px;font-size:.8125rem}.app-showcase__capture{background:var(--lc-bg-alt);padding:clamp(8px,1.25vw,16px);position:relative}.app-showcase__capture [data-shot]{background-image:var(--capture-preview,none);background-position:50%;background-size:cover;overflow:hidden}.app-showcase__capture[data-image-state=loading] img,.app-showcase__capture[data-image-state=error] img{opacity:0}.app-showcase__image-status{inset-inline:16px;background:var(--lc-bg-alt);width:fit-content;max-width:calc(100% - 32px);color:var(--lc-fg);padding:8px 12px;font-size:.8125rem;position:absolute;bottom:16px}.app-showcase__image-status:empty{display:none}.app-showcase__capture img{transition:none;transform:scale(1)}.app-showcase__install{justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.app-showcase__install-link{flex:none}.app-showcase__tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.75vw,24px);padding-block:0 24px;display:grid}.app-showcase__tabs button{text-align:left;min-width:0;color:var(--lc-fg-muted)}.app-showcase__thumbnail{background:var(--lc-bg-alt);outline-offset:-1px;outline:1px solid #0000;padding:5px;transition:outline-color .22s,background-color .22s;display:block}.app-showcase__thumbnail img{opacity:.55;transition:opacity .22s}.app-showcase__tabs button:hover .app-showcase__thumbnail img,.app-showcase__tabs button[aria-selected=true] .app-showcase__thumbnail img{opacity:1}.app-showcase__tabs button[aria-selected=true] .app-showcase__thumbnail{outline-color:var(--lc-accent);background:var(--lc-surface0)}.app-showcase__tab-label{align-items:center;gap:8px;min-height:44px;margin-top:6px;font-size:.8125rem;transition:color .22s;display:flex}.app-showcase__tab-label [data-port-icon],.app-showcase__tab-label svg{width:16px;height:16px;color:inherit}.app-showcase__tabs button:hover,.app-showcase__tabs button[aria-selected=true]{color:var(--lc-fg)}@media (prefers-reduced-motion:no-preference){.app-showcase__panel[role=tabpanel] .app-showcase__capture{animation:capture-in .42s var(--ease-out)}@keyframes capture-in{0%{opacity:.65;clip-path:inset(0 0 5%);transform:translateY(8px)}}}@media (width<=1023px){.app-showcase__toolbar{display:none}}@media (width<=767px){.workspace-gallery__intro{grid-template-columns:minmax(0,1fr);gap:24px}.app-showcase__capture{margin-inline:calc(-1 * var(--margin));padding:0}.app-showcase__install{flex-direction:column;align-items:stretch;gap:16px;padding-block:20px}.app-showcase__tabs{margin-inline:calc(-1 * var(--margin));padding:0 var(--margin) 20px;scroll-padding-inline:var(--margin);scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--lc-overlay) var(--lc-bg-alt);gap:12px;display:flex;overflow-x:auto}.app-showcase__tabs button{scroll-snap-align:start;flex:0 0 144px}}@media (scripting:none){.app-showcase__flavors{display:none}}.faq-item[data-astro-cid-hemr5th4] summary[data-astro-cid-hemr5th4]{cursor:pointer;letter-spacing:-.025em;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding-block:24px;font-size:1.125rem;font-weight:600;list-style:none;display:flex}.faq-item[data-astro-cid-hemr5th4] summary[data-astro-cid-hemr5th4]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-hemr5th4] summary[data-astro-cid-hemr5th4]:hover{color:var(--lc-accent)}[data-story-track][data-scrub]{height:calc(100svh - var(--head) + var(--travel) * 100svh)}[data-scrub] .story-stage{top:var(--head);height:calc(100svh - var(--head));align-content:center;padding-block:24px;position:sticky}[data-scrub] .story-copies>*{grid-area:1/1}[data-scrub] .story-copy{will-change:opacity, transform}.story-copy__summary,[data-story-track]:not([data-scrub]) .story-rail{display:none}@media (width<=1023px){[data-scrub] .story-stage{padding-block:8px max(12px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;row-gap:8px}[data-scrub] .story-details{gap:8px}[data-scrub] .story-copy{text-align:center;gap:4px}[data-scrub] :is(.story-copy__description,.story-proof){display:none}[data-scrub] .story-copy__summary{font-size:1rem;line-height:1.4;display:block}}[data-scrub] .story-scene{height:calc(100svh - var(--head) - 48px);max-height:860px;margin-left:calc(-1 * max(var(--margin), (100vw - 1440px) / 2));perspective:1300px;perspective-origin:54% 46%;position:relative;overflow:clip;mask-image:linear-gradient(90deg,#0000,#000 12% 94%,#0000),linear-gradient(#0000,#000 11% 87%,#0000);mask-composite:intersect}@media (width<=1023px){[data-scrub] .story-scene{height:100%;min-height:0;max-height:none;margin-inline:calc(-1 * var(--margin));perspective:900px;perspective-origin:50% 46%;mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 10% 88%,#0000)}}[data-scrub] .story-editor{transform-origin:0 0;width:max-content;transform-style:preserve-3d;box-shadow:0 48px 90px -36px color-mix(in oklch, var(--lc-bg-deep) 70%, black);backface-visibility:hidden;position:absolute;top:0;left:0}[data-scrub] :is(.story-code,.story-code pre,.story-code code,.scan-rail,.scan-line){transform-style:preserve-3d;overflow:visible}[data-scrub] .story-code code{display:block}[data-scrub] .story-code pre{padding-block:18px;font-size:15px;line-height:1.75}[data-scrub] .scan-rail{top:18px;bottom:18px}[data-scrub] [data-story] .ln{transform:translateZ(calc(var(--glow) * 28px))}[data-scrub] .scan-line:after{content:"";inset-inline:0;transform-origin:bottom;background:linear-gradient(to top, color-mix(in oklch, var(--lc-accent) 32%, transparent), transparent);height:84px;position:absolute;bottom:0;transform:rotateX(-90deg)}@media (prefers-reduced-motion:reduce){[data-scrub] [data-story] .ln{transform:none}[data-scrub] .scan-line:after{display:none}}.story-rail{padding-bottom:10px}.story-rail:before,.story-rail__fill{content:"";inset-inline:0;background:var(--lc-surface1);height:1px;position:absolute;bottom:0}.story-rail__fill{background:var(--lc-accent);transform-origin:0;transform:scaleX(var(--story-p,1))}.story-rail__step{width:100%;font-family:var(--font-mono);color:var(--lc-fg-muted);text-align:left;gap:.6ch;padding-block:6px;font-size:.75rem;transition:color .3s;display:flex}.story-rail__step:hover,.story-rail__step[aria-current]{color:var(--lc-fg)}.story-rail__step[aria-current]>:first-child{color:var(--lc-accent)}@media (width<=1023px){.story-rail{padding-bottom:4px}.story-rail__step{flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:44px}.story-rail__step>:first-child{line-height:1}.story-rail__step[aria-current]{color:var(--lc-accent)}}@media (width<=1023px) and (height<=600px) and (orientation:landscape){[data-scrub] .story-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;column-gap:20px}[data-scrub] .story-scene{margin-right:0}[data-scrub] [data-story-token]{height:clamp(64px,22svh,96px)}[data-scrub] .story-copy h3{font-size:1.25rem}}[data-story-msg],.story-word{display:none}[data-story][data-step="1"] :is([data-story-msg="1"],[data-story-word="1"]),[data-story][data-step="2"] :is([data-story-msg="2"],[data-story-word="2"]),[data-story][data-step="3"] :is([data-story-msg="3"],[data-story-word="3"]),[data-story][data-step="4"] :is([data-story-msg="4"],[data-story-word="4"]){animation:rise .4s var(--ease-out);display:inline}[data-story] .ln,[data-story] .ln *{transition:color .35s,opacity .35s,text-decoration-color .35s}[data-story] .ln[data-s="1"] :not(.t-comment,.ln__n,.sign,.vt),[data-story] .ln[data-s="2"] :is(.t-string,.t-number,.t-constant,.t-variable,.t-property,.t-parameter,.t-decorator){color:var(--lc-fg-muted)}[data-story] .ln:is([data-s="1"],[data-s="2"],[data-s="3"]) :is(.sign,.vt){opacity:0}[data-story] .ln:is([data-s="1"],[data-s="2"],[data-s="3"]) .under{text-decoration-color:#0000}[data-story] .ln{--d:calc((var(--front,-9) - var(--n,0) - .5) * var(--dir,1));--glow:calc(max(0, min(1 - var(--d) / 3, 1 + var(--d) * 2)) * var(--band,0));background:color-mix(in oklch, var(--lc-accent) calc(var(--glow) * 13%), transparent)}.scan-line{inset-inline:0;top:calc(var(--front,0) / var(--rows) * 100%);background:var(--lc-accent);height:1px;opacity:var(--band,0);position:absolute}.scan-line:before{content:"";inset-inline:0;background:linear-gradient(to top, color-mix(in oklch, var(--lc-accent) 18%, transparent), transparent);height:56px;position:absolute;bottom:1px}[data-story][data-dir=up] .scan-line:before{background:linear-gradient(to bottom, color-mix(in oklch, var(--lc-accent) 18%, transparent), transparent);top:1px;bottom:auto}.story-editor{transition:outline-color .4s}[data-story][data-passing] .story-editor{outline-color:color-mix(in oklch, var(--lc-accent) 45%, var(--lc-border))}