.showcase-page-container .landing-resource-runtime{overflow-x:visible}.showcase-page-container .resources-hero{padding-top:48px;padding-bottom:32px}.landing-resource-runtime .vp-doc h1.showcase-hub-title{text-align:left!important;margin:0!important;font-weight:520!important;line-height:38px!important}.landing-resource-runtime .vp-doc p.showcase-hub-subtitle{color:var(--Labels-Secondary)!important;letter-spacing:normal!important;white-space:pre-line!important;max-width:none!important;margin-top:0!important;margin-bottom:0!important;font-size:20px!important;line-height:30px!important}.showcase-detail-share{justify-content:space-between;align-items:center;width:100%;max-width:880px;margin:0 auto;display:flex}.showcase-detail-share>div{justify-content:center}@media (max-width:767px){.showcase-page-container .showcase-detail-hero-media{width:calc(100vw - 36px)!important;max-width:none!important}}.prompt-scroll-area{scrollbar-width:thin;scrollbar-color:var(--Fills-F3)transparent}.prompt-scroll-area::-webkit-scrollbar{width:6px}.prompt-scroll-area::-webkit-scrollbar-track{background:0 0}.prompt-scroll-area::-webkit-scrollbar-thumb{background:var(--Fills-F3);border-radius:999px}.make-it-yours-section{width:100%;padding:72px 0}.remix-prompt-pairs{flex-direction:column;gap:104px;width:100%;max-width:1280px;margin:0 auto;display:flex}.remix-prompt-row{grid-template-columns:1fr;align-items:center;gap:16px;display:grid}.remix-prompt-row-reversed .remix-prompt-row-copy{order:2}.remix-prompt-row-reversed .remix-prompt-card{order:1}.remix-prompt-row-copy{flex-direction:column;align-items:flex-start;max-width:none;padding-top:0;display:flex}.landing-resource-runtime .vp-doc .remix-prompt-row-copy .remix-prompt-row-description{margin-bottom:24px!important}@media (min-width:1000px){.remix-prompt-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.remix-prompt-row-reversed{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.remix-prompt-row-icon{color:var(--Labels-Primary);margin-bottom:12px}.remix-prompt-row-title{color:var(--Labels-Primary);font-family:var(--font-family-base);font-size:28px;font-weight:520;line-height:36px}.landing-resource-runtime .vp-doc .remix-prompt-row-description{font-family:var(--font-family-base);max-width:none!important;color:var(--Labels-Secondary)!important;margin:16px 0 24px!important;font-size:16px!important;font-weight:400!important;line-height:22px!important}.remix-prompt-card{box-sizing:border-box;background:var(--Bg-Secondary);border:none;border-radius:12px;width:100%;max-width:880px;height:auto;min-height:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.remix-prompt-copy-area{z-index:2;opacity:0;pointer-events:none;flex-shrink:0;width:40px;height:40px;margin:0;padding:0;transition:opacity .15s;position:absolute;top:20px;right:20px}.remix-prompt-copy-btn{box-sizing:border-box;background:var(--Bg-Primary90);cursor:pointer;width:40px;height:40px;color:var(--Labels-Secondary);border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:background-color .15s,color .15s,transform .16s cubic-bezier(.23,1,.32,1);display:flex}.remix-prompt-card:hover .remix-prompt-copy-area,.remix-prompt-copy-area:focus-within{opacity:1;pointer-events:auto}.remix-prompt-copy-btn:active{transform:scale(.97)}.remix-prompt-copy-btn svg{width:24px;height:24px;display:block}.remix-prompt-card:hover .remix-prompt-scroll-indicator,.remix-prompt-card.is-scrolling .remix-prompt-scroll-indicator{opacity:1}.remix-prompt-pairs .remix-prompt-card{max-width:none;margin:0}.remix-prompt-card-scroll-area{min-height:0;height:var(--remix-prompt-scroll-height,auto);scroll-behavior:smooth;scrollbar-width:none;margin:0;padding:0;display:block;overflow-y:auto}.remix-prompt-card-scroll-area::-webkit-scrollbar{width:0}.remix-prompt-card-scroll-area::-webkit-scrollbar-track{background:0 0}.remix-prompt-card-scroll-area::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--Labels-Primary)15%,transparent);border-radius:26px}.remix-prompt-scroll-indicator{top:var(--scroll-thumb-top,16px);z-index:2;width:4px;height:var(--scroll-thumb-height,66px);opacity:0;pointer-events:none;background:var(--Fills-F3);border-radius:26px;transition:opacity .2s;position:absolute;right:2px}.remix-prompt-card-text{box-sizing:border-box;color:var(--Labels-Secondary);font-family:var(--font-mono);font-size:var(--markdown-Codeblocks-font-size);font-weight:400;line-height:var(--markdown-Codeblocks-line-height);letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;padding:16px 20px}@media (max-width:767px){.remix-prompt-card{padding:0}.remix-prompt-copy-area{top:20px;right:20px}}.remix-prompt-token-changed{color:var(--Colors-KMBlue)}.remix-prompt-token-changed .remix-prompt-caret{width:1ch;color:inherit;margin-left:1px;animation:1s step-end infinite remix-prompt-caret-blink;display:inline-block}@keyframes remix-prompt-caret-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.remix-prompt-token-changed .remix-prompt-caret{opacity:0;animation:none}}.remix-prompt-typewriter-segment{white-space:pre-wrap;display:inline;position:relative}.remix-prompt-old-text{color:var(--Syntax-Comment);transition:opacity .12s;display:inline}.remix-prompt-strikethrough-char{text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--Syntax-Comment);text-decoration-color:var(--Syntax-Comment)}.remix-prompt-new-text{transition:opacity .12s;display:inline}.remix-prompt-typed-char{animation:80ms ease-out remix-prompt-char-pop;display:inline}@keyframes remix-prompt-char-pop{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.remix-prompt-typed-char{animation:none}}.remix-prompt-token-mark{color:var(--Syntax-Mark)}.remix-prompt-card-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:auto;display:flex}.remix-prompt-button{width:max-content;min-width:56px;height:40px;font-family:var(--system-fonts);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0 12px;font-size:16px;font-weight:500;line-height:24px;transition:background-color .2s,transform .2s;display:inline-flex;transform:scale(1);text-decoration:none!important}.remix-prompt-copy-button{gap:6px}.remix-prompt-copy-button-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.remix-prompt-copy-button-icon svg{width:18px;height:18px}.remix-prompt-button-secondary{background:var(--Fills-F2);color:var(--Labels-Secondary)!important}.remix-prompt-button-secondary:visited,.remix-prompt-button-secondary:hover{color:var(--Labels-Secondary)!important}.remix-prompt-button-secondary:hover{background:var(--Fills-F2-hover)}.remix-prompt-button-primary{background:var(--Labels-Primary);color:var(--Bg-Primary)!important}.remix-prompt-button-primary:visited,.remix-prompt-button-primary:hover{color:var(--Bg-Primary)!important}.remix-prompt-button-primary:hover{background:var(--Labels-Primary-hover);transform:scale(1.02)}.remix-prompt-button-primary:active{background:var(--Labels-Primary-active);transition-duration:50ms;transform:scale(.98)}.remix-prompt-button:focus-visible{outline:2px solid var(--Labels-Primary);outline-offset:2px}.remix-prompt-button-arrow{opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:0;height:24px;margin-left:0;transition:opacity .2s,width .2s,margin-left .2s;display:inline-flex;overflow:hidden}.remix-prompt-button-primary:hover .remix-prompt-button-arrow{opacity:1;width:20px;margin-left:6px}.landing-resource-runtime .vp-doc a.remix-prompt-cta,.landing-resource-runtime .vp-doc a.remix-prompt-cta:visited{background-color:var(--Labels-Primary)!important;color:var(--Bg-Primary)!important;text-decoration:none!important}.landing-resource-runtime .vp-doc a.remix-prompt-cta:hover{transform:scale(1.02);background-color:var(--Labels-Primary-hover)!important;color:var(--Bg-Primary)!important;text-decoration:none!important}.landing-resource-runtime .vp-doc a.remix-prompt-cta:active{transition-duration:50ms;transform:scale(.98);background-color:var(--Labels-Primary-active)!important;color:var(--Bg-Primary)!important}@media (max-width:999px){.remix-prompt-row,.remix-prompt-row-reversed{grid-template-columns:1fr;gap:16px}.remix-prompt-row-reversed .remix-prompt-row-copy,.remix-prompt-row-reversed .remix-prompt-card{order:initial}}.landing-resource-runtime .vp-doc.resources-article.make-it-yours p:where(:not(.hero-main-subtitle)):where(:not(.card-desc)){width:100%;color:var(--Labels-Tertiary);max-width:960px!important;margin-left:0!important;margin-right:auto!important}@media (prefers-reduced-motion:reduce){.showcase-browser-wrapper,.showcase-browser-wrapper *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.showcase-browser-wrapper *{transition-property:none!important;transition-duration:.01ms!important}.showcase-browser-wrapper [class*=hover\:bg-],.showcase-browser-wrapper [class*=hover\:text-]{transition-property:background-color,color,opacity!important;transition-duration:.15s!important}}