.code-walkthrough_frame__MPBnE{--walkthrough-ease:cubic-bezier(0.19,1,0.22,1);container-type:inline-size;color:hsl(var(--foreground));font-family:var(--font-sans),sans-serif;line-height:1.5}.code-walkthrough_viewport__R95VI{--code-line-height:24px;--code-height:calc(var(--code-line-count) * var(--code-line-height) + 62px);--viewer-height:calc(max(var(--explanation-height, 218px), var(--code-height)) + 156px);position:relative;height:calc(var(--viewer-height) + 2px);overflow:hidden auto;overscroll-behavior:auto;overflow-anchor:none;scroll-behavior:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--gray-100))}.code-walkthrough_viewport__R95VI::-webkit-scrollbar{width:8px}.code-walkthrough_viewport__R95VI::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:8px;background:hsl(var(--border));background-clip:padding-box}.code-walkthrough_viewport__R95VI:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.code-walkthrough_scrollTrack__nb6Uz{height:calc(var(--viewer-height) + var(--walkthrough-scroll-range))}.code-walkthrough_scene__PsUo5{position:sticky;top:0;display:grid;grid-template-rows:18px minmax(0,1fr) 44px 16px;gap:14px;height:var(--viewer-height);padding:20px 24px 16px;overflow:hidden;background:hsl(var(--gray-100))}.code-walkthrough_footer__l06O0,.code-walkthrough_header__dHtQJ{display:flex;align-items:center;justify-content:space-between;gap:12px;color:hsl(var(--muted-foreground));font-size:10px}.code-walkthrough_counter__VDSuJ,.code-walkthrough_footer__l06O0>span,.code-walkthrough_header__dHtQJ{font-family:var(--font-mono),monospace;font-variant-numeric:tabular-nums}.code-walkthrough_header__dHtQJ{letter-spacing:.025em}.code-walkthrough_counter__VDSuJ{color:hsl(var(--foreground))}.code-walkthrough_counter__VDSuJ>span{color:hsl(var(--muted-foreground))}.code-walkthrough_columns___kpSc{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);gap:24px;min-height:0}.code-walkthrough_explanationPane__wKEFB{display:flex;flex-direction:column;justify-content:center;align-self:center;gap:18px;min-width:0;min-height:0}.code-walkthrough_descriptions__LKbgg{display:grid}.code-walkthrough_description__XtTGD{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transform:translateY(8px)}.code-walkthrough_description__XtTGD[data-position=before]{transform:translateY(-8px)}.code-walkthrough_description__XtTGD[data-position=active]{opacity:1;visibility:visible;transform:translateY(0)}.code-walkthrough_chapter__y8EZL{display:flex;align-items:baseline;gap:8px;margin-bottom:13px;color:hsl(var(--muted-foreground));font-family:var(--font-mono),var(--font-sans),monospace;font-size:10px}.code-walkthrough_description__XtTGD strong{display:block;font-size:17px;font-weight:580;line-height:1.5;letter-spacing:-.035em;word-break:keep-all}.code-walkthrough_viewport__R95VI .code-walkthrough_description__XtTGD p{margin:10px 0 0;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.8;word-break:keep-all}.code-walkthrough_focusReference__bGFPF{display:flex;align-items:center;gap:6px;margin-top:13px;color:hsl(var(--muted-foreground));font-size:10px;font-variant-numeric:tabular-nums}.code-walkthrough_annotationProgress__jfEPn{display:flex;align-items:center;gap:5px;height:14px}.code-walkthrough_annotationProgress__jfEPn>span{width:16px;height:2px;background:hsl(var(--border))}.code-walkthrough_annotationProgress__jfEPn>span[data-active=true]{background:hsl(var(--foreground))}.code-walkthrough_annotationProgress__jfEPn small{margin-left:4px;color:hsl(var(--muted-foreground));font-family:var(--font-mono),monospace;font-size:9px;font-variant-numeric:tabular-nums}.code-walkthrough_codePane__ZfFcn{display:flex;flex-direction:column;align-self:center;height:var(--code-height);min-width:0;min-height:0;overflow:hidden;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--background))}.code-walkthrough_codeHeader__wiVYX{display:flex;justify-content:space-between;flex-shrink:0;gap:8px;height:32px;padding:8px 12px;border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-family:var(--font-mono),monospace;font-size:9px;line-height:15px}.code-walkthrough_codeViewport__YtZW8{flex:1;min-height:0;overflow:auto hidden;scrollbar-width:thin}.code-walkthrough_codeCanvas__4VGZJ{position:relative;min-width:max-content;min-height:100%;padding:14px 16px 14px 40px;font-family:var(--font-mono),monospace;font-size:13px;font-variant-ligatures:none;line-height:var(--code-line-height);letter-spacing:0;tab-size:2}.code-walkthrough_codeCanvas__4VGZJ pre{margin:0;padding:0;font:inherit;letter-spacing:inherit;white-space:pre}.code-walkthrough_codeBase__7lZC4{position:relative}.code-walkthrough_codePane__ZfFcn[data-focused=true] .code-walkthrough_codeBase__7lZC4{opacity:.62}.code-walkthrough_codeBase__7lZC4 .shiki-magic-move-item{--smm-stagger:0ms;transition-property:transform,opacity;transition-duration:var(--smm-duration,var(--code-duration)),.18s;transition-timing-function:var(--smm-easing,var(--code-easing)),var(--walkthrough-ease)}.code-walkthrough_lineNumbers__yenoL{position:absolute;z-index:2;top:14px;left:10px;width:16px;color:hsl(var(--muted-foreground));font-size:10px;text-align:right;user-select:none}.code-walkthrough_lineNumbers__yenoL>span{display:block}.code-walkthrough_codeCanvas__4VGZJ .code-walkthrough_focusLayer__MlIlD{position:absolute;top:14px;right:16px;left:40px;opacity:0;color:hsl(var(--foreground));pointer-events:none;user-select:none}.code-walkthrough_focusLayer__MlIlD[data-active=true]{opacity:1}.code-walkthrough_focusLine__WwD5Z{position:relative;display:block;height:var(--code-line-height)}.code-walkthrough_focusLine__WwD5Z[data-focused=true]:before{position:absolute;inset:0 -8px 0 -32px;border-left:2px solid hsl(var(--foreground));border-radius:2px;background:hsl(var(--foreground)/.055);content:""}.code-walkthrough_focusLine__WwD5Z>span{position:relative;visibility:hidden}.code-walkthrough_focusLine__WwD5Z>span[data-focused-code=true]{visibility:visible}.code-walkthrough_controls__QhKOv,.code-walkthrough_steps__2TIr1{display:flex;align-items:center}.code-walkthrough_controls__QhKOv{justify-content:center;gap:12px}.code-walkthrough_controls__QhKOv button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:6px;color:hsl(var(--muted-foreground));font-size:12px;font-variant-numeric:tabular-nums}.code-walkthrough_controls__QhKOv button:disabled{opacity:.3;cursor:default}.code-walkthrough_controls__QhKOv button:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:-3px}.code-walkthrough_controls__QhKOv svg{width:15px;height:15px}.code-walkthrough_steps__2TIr1 button span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.code-walkthrough_steps__2TIr1 [aria-current=step] span{background:hsl(var(--foreground));color:hsl(var(--background))}.code-walkthrough_footer__l06O0 p{display:flex;margin:0;align-items:center;gap:6px}.code-walkthrough_footer__l06O0 p>svg{width:13px;height:13px}.code-walkthrough_buttonHint__nJr0G{display:none}.code-walkthrough_footer__l06O0>span{flex-shrink:0}.code-walkthrough_progress__uamDJ{position:absolute;inset:auto 0 0;height:2px;background:hsl(var(--border)/.5)}.code-walkthrough_progress__uamDJ span{display:block;height:100%;background:hsl(var(--foreground)/.55);transform-origin:left center}.code-walkthrough_srOnly__HVu9W{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (hover:hover) and (pointer:fine){.code-walkthrough_controls__QhKOv button:hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--muted))}}@media (prefers-reduced-motion:no-preference){.code-walkthrough_viewport__R95VI[data-code-motion=animated],.code-walkthrough_viewport__R95VI[data-code-motion=animated] :is(.code-walkthrough_scrollTrack__nb6Uz,.code-walkthrough_scene__PsUo5,.code-walkthrough_codePane__ZfFcn){transition:height var(--code-duration) var(--code-easing)}.code-walkthrough_viewport__R95VI[data-motion=animated] .code-walkthrough_description__XtTGD{transition:transform var(--explanation-duration) cubic-bezier(.645,.045,.355,1),opacity .2s ease,visibility 0s;transition-delay:0s,0s,var(--explanation-duration)}.code-walkthrough_viewport__R95VI[data-motion=animated] .code-walkthrough_description__XtTGD[data-position=active]{transition-delay:0s}.code-walkthrough_viewport__R95VI[data-motion=animated] :is(.code-walkthrough_focusLayer__MlIlD,.code-walkthrough_codeBase__7lZC4){transition:opacity .18s var(--walkthrough-ease)}.code-walkthrough_controls__QhKOv button:active:not(:disabled,:focus-visible)>svg{transform:scale(.97)}.code-walkthrough_controls__QhKOv button>svg{transition:transform .15s cubic-bezier(.25,.46,.45,.94)}}@container (max-width: 639px){.code-walkthrough_viewport__R95VI{--code-line-height:20px;--viewer-height:calc(var(--explanation-height, 170px) + var(--code-height) + 172px)}.code-walkthrough_scene__PsUo5{grid-template-rows:18px auto 44px 16px;gap:12px;padding:16px}.code-walkthrough_columns___kpSc{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:16px}.code-walkthrough_explanationPane__wKEFB{gap:10px}.code-walkthrough_chapter__y8EZL{margin-bottom:8px}.code-walkthrough_description__XtTGD strong{font-size:16px}.code-walkthrough_viewport__R95VI .code-walkthrough_description__XtTGD p{margin-top:6px;font-size:12px;line-height:1.65}.code-walkthrough_focusReference__bGFPF{margin-top:7px}.code-walkthrough_codeCanvas__4VGZJ{padding-right:10px;padding-left:28px;font-size:12px}.code-walkthrough_codeCanvas__4VGZJ .code-walkthrough_focusLayer__MlIlD{right:10px;left:28px}.code-walkthrough_focusLine__WwD5Z[data-focused=true]:before{left:-22px}.code-walkthrough_lineNumbers__yenoL{left:5px}.code-walkthrough_controls__QhKOv{gap:8px}.code-walkthrough_footer__l06O0{font-size:9px}}@media (max-width:639px),(pointer:coarse){.code-walkthrough_viewport__R95VI{height:auto;overflow:clip;scrollbar-gutter:auto}.code-walkthrough_scrollTrack__nb6Uz{height:auto}.code-walkthrough_scene__PsUo5{position:relative;height:auto}.code-walkthrough_footer__l06O0 p>svg,.code-walkthrough_scrollHint__0Qqqo{display:none}.code-walkthrough_buttonHint__nJr0G{display:inline}}@media (prefers-reduced-motion:reduce){.code-walkthrough_codeBase__7lZC4 .shiki-magic-move-item{transition:none}}.shiki-magic-move-container{position:relative;white-space:pre}.shiki-magic-move-line-number{opacity:.3;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shiki-magic-move-item{display:inline-block;transition:color var(--smm-duration,.5s) var(--smm-easing,"ease")}.shiki-magic-move-enter-active,.shiki-magic-move-leave-active,.shiki-magic-move-move{transition:all var(--smm-duration,.5s) var(--smm-easing,"ease")}.shiki-magic-move-container-resize,.shiki-magic-move-container-restyle{transition:all var(--smm-duration,.5s) var(--smm-easing,"ease");transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-container, 1))}.shiki-magic-move-move{transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-move, 1) + var(--smm-stagger, 0));z-index:1}.shiki-magic-move-enter-active{transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-enter, 1) + var(--smm-stagger, 0));z-index:1}.shiki-magic-move-leave-active{transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-leave, 1) + var(--smm-stagger, 0))}.shiki-magic-move-enter-from,.shiki-magic-move-leave-to{opacity:0}br.shiki-magic-move-leave-active{display:none}.mdx-layout_readingLayout__v597B{max-width:calc(37em + 3rem)}.mdx-layout_readingLayout__v597B .mdx-layout_contentArticle__x9gtT,.mdx-layout_readingLayout__v597B .mdx-layout_contentSummary__hT3QP{font-size:1em}.mdx-layout_readingLayout__v597B .mdx-layout_contentArticle__x9gtT,.mdx-layout_readingLayout__v597B .mdx-layout_contentArticle__x9gtT figcaption{max-width:none}.mdx-layout_readingLayout__v597B .mdx-layout_contentArticle__x9gtT p>code{font-size:.875em}.mdx-layout_contentArticle__x9gtT,.mdx-layout_contentText__OLzk0{--content-font-sans:var(--font-sans),system-ui,sans-serif}.mdx-layout_contentText__OLzk0{font-family:var(--content-font-sans);word-break:keep-all;overflow-wrap:break-word}.mdx-layout_readingLayout__v597B .mdx-layout_contentTitle__kD3Ma{font-size:2em;line-height:1.3;font-weight:600;letter-spacing:-.025em}.mdx-layout_contentSummary__hT3QP{line-height:1.65;font-weight:400}.mdx-layout_contentArticle__x9gtT{font-family:var(--content-font-sans);line-height:1.75;word-break:keep-all;overflow-wrap:break-word;font-synthesis-weight:none;text-rendering:optimizelegibility}.mdx-layout_contentArticle__x9gtT blockquote,.mdx-layout_contentArticle__x9gtT li,.mdx-layout_contentArticle__x9gtT p{line-height:1.75}.mdx-layout_contentSummary__hT3QP strong{font-weight:600}.mdx-layout_contentArticle__x9gtT code,.mdx-layout_contentArticle__x9gtT kbd,.mdx-layout_contentArticle__x9gtT pre,.mdx-layout_contentArticle__x9gtT samp{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.mdx-layout_contentArticle__x9gtT [role=button],.mdx-layout_contentArticle__x9gtT [role=menuitem],.mdx-layout_contentArticle__x9gtT [role=option],.mdx-layout_contentArticle__x9gtT [role=tab],.mdx-layout_contentArticle__x9gtT button,.mdx-layout_contentArticle__x9gtT input,.mdx-layout_contentArticle__x9gtT select,.mdx-layout_contentArticle__x9gtT table,.mdx-layout_contentArticle__x9gtT table *,.mdx-layout_contentArticle__x9gtT textarea{font-family:var(--content-font-sans)}.craft-cursor-area_badgePosition__UuPuL{position:absolute;top:0;left:0}.craft-cursor-area_badge__UaoNC{width:max-content;max-width:min(280px,calc(100vw - 24px));padding:6px 10px;border:1px solid hsl(var(--background)/.16);border-radius:10px;background:hsl(var(--foreground));color:hsl(var(--background));box-shadow:0 2px 8px hsl(var(--foreground)/.1);font-family:var(--font-home-sans),var(--font-sans),sans-serif;font-size:.6875rem;font-weight:500;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;transform:scale(.95);transform-origin:top left;transition:transform .1s var(--cursor-ease)}[data-cursor-visible=true] .craft-cursor-area_badge__UaoNC{transform:scale(1);transition-duration:.15s}@media (prefers-reduced-motion:reduce){.craft-cursor-area_badge__UaoNC,[data-cursor-visible=true] .craft-cursor-area_badge__UaoNC{transform:none;transition:none}}.cursor_cursor__Xcer9{--cursor-ease:cubic-bezier(0.19,1,0.22,1);position:fixed;top:0;left:0;z-index:100;pointer-events:none;opacity:0;transition:opacity .1s var(--cursor-ease)}.cursor_cursor__Xcer9[data-cursor-visible=true]{opacity:1;transition-duration:.15s}@media (prefers-reduced-motion:reduce){.cursor_cursor__Xcer9,.cursor_cursor__Xcer9[data-cursor-visible=true]{transition-duration:50ms}}@media (hover:none),(pointer:coarse){.cursor_cursor__Xcer9{display:none}}.home-studio_page__R2IYO{--home-ease:cubic-bezier(0.19,1,0.22,1);--home-space:2rem;padding:88px 20px 0;color:hsl(var(--foreground));font-family:var(--font-home-sans),var(--font-sans),system-ui,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:.9375rem;font-weight:400;font-synthesis:none;line-height:1.65;-webkit-font-smoothing:antialiased}.home-studio_studio__Kw5ek{max-width:calc(var(--reading-width) + 2 * var(--home-space));margin-inline:auto}.home-studio_studio__Kw5ek h1,.home-studio_studio__Kw5ek h2,.home-studio_studio__Kw5ek h3,.home-studio_studio__Kw5ek p{margin:0}.home-studio_studio__Kw5ek a{text-decoration:none}.home-studio_studio__Kw5ek button{-webkit-tap-highlight-color:transparent}.home-studio_studio__Kw5ek :where(a,button,input):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px;border-radius:4px}.home-studio_studio__Kw5ek svg{width:16px;height:16px;flex-shrink:0}.home-studio_documentBar__nkRVw,.home-studio_eyebrow__xqN5a,.home-studio_stageLabel__6yXA5,.home-studio_tag__Aqsma{font-family:var(--font-mono),var(--font-home-sans),var(--font-sans),monospace;font-size:.6875rem;font-weight:400;line-height:1.5;letter-spacing:.025em;color:hsl(var(--muted-foreground))}.home-studio_masthead__gyK0b{height:60px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--home-space);gap:12px;border-bottom:1px solid hsl(var(--border))}.home-studio_wordmark__YgTVG{font-size:1.4375rem;font-weight:740;letter-spacing:-.07em}.home-studio_profileKicker__pv7Oa{font-family:var(--font-profile-dots),var(--font-mono),monospace;font-size:.6875rem;font-weight:700;line-height:1.5;letter-spacing:.09em;color:hsl(var(--profile-body))}.home-studio_allLink__mkzoY,.home-studio_installTrigger__vrSdD,.home-studio_linkGroup__qvN_H a,.home-studio_projectLinks__jqA_n>a{display:inline-flex;align-items:center;gap:6px;min-height:30px;font-size:.8125rem}.home-studio_section__cfcjm{position:relative;margin-top:52px}.home-studio_section__cfcjm+.home-studio_section__cfcjm{margin-top:80px}.home-studio_sectionDivider__zVXcN{height:8px;margin:0 var(--home-space) 72px;border:0;background-color:hsl(var(--border));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='8' viewBox='0 0 22 8'%3E%3Cpath d='M0 7 L11 1 L22 7' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x center /22px 8px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='8' viewBox='0 0 22 8'%3E%3Cpath d='M0 7 L11 1 L22 7' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x center /22px 8px}.home-studio_sectionHeading__tC_U_{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--home-space) 24px}.home-studio_headingTitle__zovNy{display:flex;align-items:center;gap:10px}.home-studio_headingTitle__zovNy>svg{width:22px;height:22px}.home-studio_headingTitle__zovNy h2{font-size:1.25rem;font-weight:550;line-height:1.4;letter-spacing:-.02em}.home-studio_sectionNote__JqVxP{font-size:.75rem;color:hsl(var(--muted-foreground))}.home-studio_marginNote__darzy{margin:0 var(--home-space) 4px;color:hsl(var(--muted-foreground));font-family:var(--font-home-notes),var(--font-home-sans),var(--font-sans),sans-serif;font-size:1.4375rem;font-weight:400;line-height:1.3;letter-spacing:-.015em;word-break:keep-all}.home-studio_marginNote__darzy>div{display:flex;align-items:center;gap:9px}.home-studio_marginNote__darzy svg{width:25px;height:25px;transform:rotate(-15deg)}.home-studio_marginNote__darzy[data-side=right] svg{transform:scaleX(-1) rotate(-15deg)}.home-studio_feature__svZYC{padding:24px var(--home-space) 0}.home-studio_projectHeading__C1H8R{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:21px}.home-studio_projectHeading__C1H8R h3{font-size:1.25rem;font-weight:550;line-height:1.5;letter-spacing:-.035em}.home-studio_projectHeading__C1H8R p{margin-top:5px;color:hsl(var(--muted-foreground));font-size:.875rem;word-break:keep-all}.home-studio_tag__Aqsma{margin-top:5px;border:1px solid hsl(var(--border));border-radius:4px;padding:4px 6px;font-size:.625rem;white-space:nowrap}.home-studio_demo__Gh2m1{overflow:hidden;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--gray-100))}.home-studio_demoToolbar__evUo1{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 14px;border-bottom:1px solid hsl(var(--border))}.home-studio_textButton__zONU4{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;font-size:.75rem;text-decoration:underline;text-underline-offset:3px}.home-studio_textButton__zONU4 svg{width:14px;height:14px;transition:transform .16s var(--home-ease)}.home-studio_demoVisual__C344v{position:relative;width:100%;min-width:0;min-height:268px;aspect-ratio:16/9;overflow:hidden;isolation:isolate}.home-studio_demoLayer__o7KCh{position:absolute;inset:0;opacity:0;transform:translateY(6px);visibility:hidden;pointer-events:none;transition:opacity .24s var(--home-ease),transform .24s var(--home-ease),visibility 0s linear .24s}.home-studio_demoLayer__o7KCh[data-active=true]{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}.home-studio_productVideo__3XU3z{background:hsl(var(--background))}.home-studio_productVideo__3XU3z iframe{display:block;border:0;width:100%;height:100%}.home-studio_videoLoading__p_SPv{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:12px;background:hsl(var(--gray-100));color:hsl(var(--muted-foreground));font-size:.75rem}.home-studio_videoLoading__p_SPv svg{width:24px;height:24px;stroke-width:1.25}.home-studio_syncStage__wp4qF{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;padding:22px;height:100%;background-image:radial-gradient(hsl(var(--border)) .75px,transparent .75px);background-size:12px 12px}.home-studio_document__NftWS{width:44%;max-width:258px;height:calc(100% - 16px);max-height:268px;flex-shrink:0;border:1px solid hsl(var(--border));border-radius:5px;background:hsl(var(--background));box-shadow:0 5px 16px hsl(var(--foreground)/.06);overflow:hidden}.home-studio_documentBar__nkRVw{display:flex;align-items:center;justify-content:space-between;height:31px;padding-inline:12px;border-bottom:1px solid hsl(var(--border));background:hsl(var(--gray-100));font-size:.625rem}.home-studio_documentViewport__YuEIg{height:calc(100% - 31px);padding:16px;overflow:hidden}.home-studio_documentViewport__YuEIg strong{display:block;font-size:.875rem;font-weight:580;line-height:1.5;letter-spacing:-.02em;margin-bottom:12px}.home-studio_documentViewport__YuEIg p{color:hsl(var(--muted-foreground));font-size:.6875rem;line-height:1.7;margin-bottom:12px}.home-studio_documentViewport__YuEIg mark{color:hsl(var(--foreground));background:hsl(var(--muted));padding:2px 3px}.home-studio_syncConnection__qE9Y_{position:absolute;z-index:1;width:33px;height:33px;display:grid;place-items:center;border:1px solid hsl(var(--border));border-radius:50%;background:hsl(var(--background));box-shadow:0 2px 5px hsl(var(--foreground)/.05)}.home-studio_demoControls__JU2ee{display:flex;align-items:center;gap:14px;min-height:48px;padding:10px 16px;border-top:1px solid hsl(var(--border));font-size:.75rem}.home-studio_demoControls__JU2ee label{white-space:nowrap;color:hsl(var(--muted-foreground))}.home-studio_demoControls__JU2ee input{min-width:0;flex:1;accent-color:hsl(var(--foreground));height:20px;cursor:ew-resize}.home-studio_demoControls__JU2ee output{min-width:36px;text-align:right;font-family:var(--font-mono),monospace;font-size:.6875rem;font-variant-numeric:tabular-nums}.home-studio_demoControls__JU2ee p{color:hsl(var(--muted-foreground));font-size:.75rem}.home-studio_videoLink__1IvTL{display:inline-flex;align-items:center;gap:4px;margin-left:auto;white-space:nowrap;font-size:.6875rem}.home-studio_videoLink__1IvTL svg{width:13px;height:13px}.home-studio_projectLinks__jqA_n{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:15px}.home-studio_linkGroup__qvN_H{display:flex;gap:18px}.home-studio_installTrigger__vrSdD{white-space:nowrap}.home-studio_installMenu__2s3eL{z-index:60;width:min(286px,calc(100vw - 32px));padding:6px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-sans),system-ui,sans-serif;box-shadow:0 8px 28px hsl(var(--foreground)/.1);transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.home-studio_installLabel__4ew0C,.home-studio_installNote__jO3rN{padding:7px 10px;color:hsl(var(--muted-foreground));font-size:.6875rem;line-height:1.6}.home-studio_installItem__eWXY6{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:8px 10px;border-radius:5px;outline:none;text-decoration:none}.home-studio_installItem__eWXY6[data-highlighted]{background:hsl(var(--muted))}.home-studio_installItem__eWXY6 strong{display:block;font-size:.8125rem;font-weight:550}.home-studio_installItem__eWXY6 small{display:block;margin-top:2px;color:hsl(var(--muted-foreground));font-size:.6875rem}.home-studio_installItem__eWXY6 svg{width:14px;height:14px;flex-shrink:0}.home-studio_installSeparator__Iu4HK{height:1px;margin:5px 4px;background:hsl(var(--border))}.home-studio_allLink__mkzoY svg,.home-studio_projectLinks__jqA_n svg{width:14px;height:14px}.home-studio_projectLinks__jqA_n>a{color:hsl(var(--muted-foreground))}.home-studio_crafts__8tVSM{display:grid;grid-template-columns:minmax(0,1fr);margin-top:6px}.home-studio_craft__3vv5f{padding:22px;min-width:0}.home-studio_craftEntry__8m8dq{position:relative;min-width:0}.home-studio_craftEntry__8m8dq+.home-studio_craftEntry__8m8dq{border-top:1px solid hsl(var(--border))}.home-studio_craftEntry__8m8dq>.home-studio_marginNote__darzy{margin-top:14px}.home-studio_craft__3vv5f.home-studio_codeCraft__KjlPS{padding:22px 0}.home-studio_codeCraft__KjlPS .home-studio_craftTitle__YuXpU{margin-top:14px}.home-studio_compactCraft__AIAYR{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:32px}.home-studio_compactCraft__AIAYR .home-studio_craftStage__kXD5e{height:160px;margin-bottom:0}.home-studio_craftStage__kXD5e{position:relative;height:268px;margin-bottom:14px;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--gray-100))}.home-studio_shuffleStage__fjT9F{display:flex;align-items:center;justify-content:center}.home-studio_stageLabel__6yXA5{position:absolute;top:11px;left:13px;font-size:.625rem}.home-studio_demoHint__7815L{position:absolute;display:flex;align-items:center;gap:5px;bottom:12px;right:13px;color:hsl(var(--muted-foreground));font-size:.6875rem;pointer-events:none}.home-studio_demoHint__7815L svg{width:13px;height:13px}.home-studio_shuffleButton__ksNjd{padding:15px 8px;max-width:100%;font-family:var(--font-mono),var(--font-home-sans),monospace;font-size:1.0625rem;line-height:1.4;letter-spacing:-.05em}.home-studio_shuffleText__Tnia6{display:inline-grid;text-align:left}.home-studio_shuffleText__Tnia6:before,.home-studio_shuffleText__Tnia6>span{grid-area:1/1;white-space:pre}.home-studio_shuffleText__Tnia6:before{content:attr(data-label);visibility:hidden}.home-studio_demoVisual__C344v[data-motion=immediate] .home-studio_demoLayer__o7KCh{transition:none}.home-studio_craftTitle__YuXpU{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:32px}.home-studio_craftTitle__YuXpU h3{font-size:.9375rem;font-weight:560;letter-spacing:-.015em}.home-studio_craftTitle__YuXpU svg{width:15px;height:15px}.home-studio_craftDetails__IH7g_>p,.home-studio_craft__3vv5f>p{font-size:.8125rem;line-height:1.7;color:hsl(var(--muted-foreground));word-break:keep-all}.home-studio_craftDetails__IH7g_>.home-studio_craftCredit__vYLLk,.home-studio_craft__3vv5f>.home-studio_craftCredit__vYLLk{margin-top:8px;font-size:.625rem;line-height:1.6}.home-studio_allLink__mkzoY{color:hsl(var(--muted-foreground));white-space:nowrap}.home-studio_writingList__Ula6n{padding:0;margin:8px 0 0;list-style:none}.home-studio_writingList__Ula6n li+li{border-top:1px solid hsl(var(--border))}.home-studio_writingLink__7s2F5{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px var(--home-space)}.home-studio_writingLink__7s2F5 h3{font-size:.9375rem;font-weight:570;line-height:1.6;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere}.home-studio_writingLink__7s2F5 p{font-size:.8125rem;line-height:1.6;color:hsl(var(--muted-foreground));margin-top:4px;word-break:keep-all}.home-studio_writingMeta__4pTUq{display:flex;align-items:center;gap:18px;color:hsl(var(--muted-foreground));font-family:var(--font-mono),monospace;font-size:.6875rem;font-variant-numeric:tabular-nums;white-space:nowrap}.home-studio_writingMeta__4pTUq svg{width:15px;height:15px}.home-studio_contribution__VCUON{display:flex;align-items:flex-start;gap:12px;padding:23px var(--home-space);margin-top:38px;border-top:1px dashed hsl(var(--border))}.home-studio_contribution__VCUON>svg{margin-top:4px}.home-studio_contribution__VCUON h2{font-size:.875rem;font-weight:520}.home-studio_contributionDetail__Or0oF{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.8125rem;color:hsl(var(--muted-foreground));margin-top:5px}.home-studio_contributionDetail__Or0oF p{flex-basis:100%;max-width:60ch;line-height:1.7;word-break:keep-all}.home-studio_contributionStatus__auPym{font-family:var(--font-mono),monospace;font-size:.625rem;white-space:nowrap}.home-studio_contribution__VCUON a{display:inline-flex;align-items:center;gap:3px;text-decoration:underline;text-underline-offset:3px}.home-studio_contribution__VCUON a svg{width:13px;height:13px}.home-studio_copyControl__Kzs2S{position:relative;display:flex}.home-studio_copyButton__2a2ZG{display:grid;place-items:center;min-width:32px;min-height:32px;border-radius:5px}.home-studio_copyButton__2a2ZG svg{width:14px;height:14px}.home-studio_copyStatus__qoZ0T{position:absolute;top:calc(100% + 4px);left:0;white-space:nowrap;font-size:.75rem;background:hsl(var(--background));z-index:1}@media (hover:hover) and (pointer:fine){.home-studio_allLink__mkzoY:hover,.home-studio_installTrigger__vrSdD:hover,.home-studio_linkGroup__qvN_H a:hover,.home-studio_projectLinks__jqA_n>a:hover,.home-studio_videoLink__1IvTL:hover{text-decoration:underline;text-underline-offset:4px}.home-studio_writingLink__7s2F5:hover{background:hsl(var(--gray-100))}.home-studio_copyButton__2a2ZG:hover{background:hsl(var(--muted))}}@media (prefers-reduced-motion:no-preference){.home-studio_installMenu__2s3eL[data-state=open]{animation:home-studio_installMenuIn__e0jn5 .15s cubic-bezier(.19,1,.22,1)}.home-studio_installMenu__2s3eL[data-state=closed]{animation:home-studio_installMenuOut__B_bjs .1s cubic-bezier(.19,1,.22,1)}.home-studio_installMenu__2s3eL[data-motion=immediate]{animation-duration:0s}.home-studio_allLink__mkzoY svg,.home-studio_contribution__VCUON svg,.home-studio_craftTitle__YuXpU svg,.home-studio_linkGroup__qvN_H svg,.home-studio_writingMeta__4pTUq svg{transition:transform .18s var(--home-ease)}.home-studio_copiedIcon__KTn5J{animation:home-studio_revealVisual__zBRzz .15s ease-out}.home-studio_copyButton__2a2ZG:active:not(:focus-visible){transform:scale(.97)}.home-studio_copyButton__2a2ZG{transition:transform .15s var(--home-ease)}@media (hover:hover) and (pointer:fine){.home-studio_allLink__mkzoY:hover svg,.home-studio_contribution__VCUON a:hover svg,.home-studio_craftTitle__YuXpU:hover svg,.home-studio_linkGroup__qvN_H a:hover svg,.home-studio_writingLink__7s2F5:hover svg{transform:translate(2px,-2px)}.home-studio_textButton__zONU4:hover svg{transform:rotate(-7deg)}.home-studio_craftStage__kXD5e:hover .home-studio_demoHint__7815L>svg{transform:rotate(-12deg)}}.home-studio_demoHint__7815L>svg{transition:transform .16s var(--home-ease)}}@keyframes home-studio_installMenuIn__e0jn5{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes home-studio_installMenuOut__B_bjs{to{opacity:0;transform:scale(.97)}}@keyframes home-studio_revealVisual__zBRzz{0%{opacity:.3}to{opacity:1}}@media (min-width:1280px){.home-studio_marginNote__darzy{position:absolute;top:148px;width:6em;margin:0;font-size:1.5rem}.home-studio_marginNote__darzy span,.home-studio_marginNote__darzy>div{display:block}.home-studio_marginNote__darzy[data-side=left]{right:calc(100% + 20px);text-align:right;transform:rotate(-5deg)}.home-studio_marginNote__darzy[data-side=right]{left:calc(100% + 20px);transform:rotate(4deg)}.home-studio_marginNote__darzy svg{width:36px;height:36px;margin-top:8px}.home-studio_marginNote__darzy[data-side=left] svg{margin-left:auto}.home-studio_marginNote__darzy[data-side=right] svg{transform:rotate(12deg)}.home-studio_craftEntry__8m8dq>.home-studio_marginNote__darzy{top:24px;margin:0}}@media (max-width:640px){.home-studio_page__R2IYO{--home-space:1.25rem;padding:88px 12px 0}.home-studio_masthead__gyK0b{padding-inline:20px}.home-studio_profileKicker__pv7Oa{font-size:.5625rem;letter-spacing:.02em}.home-studio_sectionHeading__tC_U_{flex-wrap:wrap;gap:7px 14px;padding-block:0 20px}.home-studio_sectionDivider__zVXcN{margin-bottom:44px}.home-studio_sectionNote__JqVxP{width:100%;padding-left:32px}.home-studio_tag__Aqsma{display:none}.home-studio_headingTitle__zovNy h2{font-size:1.125rem}.home-studio_section__cfcjm{margin-top:36px}.home-studio_section__cfcjm+.home-studio_section__cfcjm{margin-top:56px}.home-studio_marginNote__darzy{font-size:1.375rem}.home-studio_feature__svZYC{padding-top:21px}.home-studio_projectHeading__C1H8R h3{font-size:1.1875rem}.home-studio_syncStage__wp4qF{gap:12px;padding-inline:10px}.home-studio_document__NftWS{width:47%}.home-studio_documentViewport__YuEIg{padding:12px}.home-studio_documentViewport__YuEIg strong{font-size:.75rem}.home-studio_documentBar__nkRVw{padding-inline:8px;font-size:.5rem}.home-studio_documentBar__nkRVw>span:last-child{display:none}.home-studio_demoToolbar__evUo1{padding-inline:10px}.home-studio_demoToolbar__evUo1 .home-studio_eyebrow__xqN5a{font-size:.625rem}.home-studio_demoControls__JU2ee{gap:10px;padding-inline:12px}.home-studio_demoControls__JU2ee p,.home-studio_videoLink__1IvTL{font-size:.625rem}.home-studio_craft__3vv5f{padding:20px}.home-studio_craft__3vv5f.home-studio_codeCraft__KjlPS{padding:20px 0}.home-studio_compactCraft__AIAYR{gap:14px}.home-studio_compactCraft__AIAYR,.home-studio_crafts__8tVSM{grid-template-columns:minmax(0,1fr)}.home-studio_shuffleButton__ksNjd{font-size:1.0625rem}.home-studio_writingMeta__4pTUq{gap:8px}.home-studio_writingMeta__4pTUq time{display:none}.home-studio_writingLink__7s2F5{gap:14px}.home-studio_copyStatus__qoZ0T{left:auto;right:0}}@media (pointer:coarse){.home-studio_allLink__mkzoY,.home-studio_copyButton__2a2ZG,.home-studio_craftTitle__YuXpU,.home-studio_installTrigger__vrSdD,.home-studio_linkGroup__qvN_H a,.home-studio_projectLinks__jqA_n>a,.home-studio_textButton__zONU4,.home-studio_videoLink__1IvTL{min-height:44px}.home-studio_copyButton__2a2ZG{min-width:44px}.home-studio_demoControls__JU2ee input{height:32px}}@media (prefers-reduced-motion:reduce){.home-studio_installMenu__2s3eL{animation-duration:0s!important}.home-studio_studio__Kw5ek *,.home-studio_studio__Kw5ek :after,.home-studio_studio__Kw5ek :before{animation:none!important;transition:none!important}}.home-studio_dockDemo__ibz7U{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:center;margin-bottom:18px}.home-studio_dockStage__H8LQ9{position:relative;display:flex;justify-content:center;align-items:flex-end;height:220px;min-width:0;padding:0 8px 28px;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--gray-100))}.home-studio_dockDemoButton__tfd8Y{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.home-studio_studio__Kw5ek .home-studio_dockDemoButton__tfd8Y svg{width:50%;height:50%}.home-studio_dockDemoDot__cWrA_{position:absolute;bottom:-5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:hsl(var(--gray-800));opacity:0;transform:scale(.75);transform-origin:center}.home-studio_dockDemoButton__tfd8Y[aria-pressed=true] .home-studio_dockDemoDot__cWrA_{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:no-preference){.home-studio_dockDemo__ibz7U [data-dock-mode=animated][data-dock-input=pointer] .home-studio_dockDemoDot__cWrA_{transition:opacity .1s cubic-bezier(.22,1,.36,1),transform .1s cubic-bezier(.22,1,.36,1)}}.home-studio_dockDemoHint__jdFJD{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;color:hsl(var(--muted-foreground));font-size:.6875rem}.home-studio_dockDemoHint__jdFJD p{margin:0}.home-studio_dockDemoHint__jdFJD output{font-variant-numeric:tabular-nums}@media (max-width:700px){.home-studio_dockStage__H8LQ9{height:208px}}