.cs-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;gap:12px;padding:24px;display:flex}.cs-panel__title{font:700 18px/1.3 var(--font-sans);letter-spacing:-.03em;color:var(--color-ink);margin:0}.cs-panel__text{font:400 15px/1.6 var(--font-sans);letter-spacing:-.01em;color:var(--color-text)}.cs-panel__text p+p{margin-top:12px}.cs-code{background:var(--color-dark);border-radius:10px;min-width:0;overflow:hidden}.cs-code__bar{border-bottom:1px solid color-mix(in srgb, var(--color-surface) 8%, transparent);justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 6px 0 14px;display:flex}.cs-code__lang{min-width:0;font:500 12px/1 var(--font-sans);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;color:color-mix(in srgb, var(--color-surface) 60%, transparent);overflow:hidden}.cs-code__copy{background:0 0}.cs-code__copy:focus-visible{outline-color:var(--color-surface)}.cs-code__pre{color:color-mix(in srgb, var(--color-surface) 82%, transparent);background:0 0;border-radius:0;margin:0;padding:14px 16px;overflow:auto}.cs-code__pre:focus-visible{outline:2px solid var(--color-surface);outline-offset:-4px}.cs-code__pre code{font:400 13px/1.6 var(--font-code);white-space:pre;tab-size:2;display:block}.cs-prompt{border:1px solid var(--color-border);background:var(--color-stage);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;min-height:56px;padding:10px 10px 10px 16px;display:flex}.cs-prompt__text{font:500 14px/1.5 var(--font-sans);letter-spacing:-.02em;color:var(--color-ink);margin:0}.cs-note{font:400 14px/1.5 var(--font-sans);color:var(--color-text);margin:0}.cs-skeleton{background:linear-gradient(to right, var(--color-muted) 8%, var(--color-subtle) 18%, var(--color-muted) 33%);background-size:1200px 100%;border-radius:10px;height:64px;animation:1.4s linear infinite cs-shimmer}@keyframes cs-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@media (prefers-reduced-motion:reduce){.cs-skeleton{animation:none}}@media (width<=767px){.cs-panel{padding:20px}}.elementor-wordmark[data-astro-cid-xxbm77wa]{width:auto;height:17px;color:var(--color-ink);display:block}.single[data-astro-cid-dru7ztiu]{min-height:calc(100vh - var(--topbar-height));display:flex}.single__info[data-astro-cid-dru7ztiu]{top:var(--topbar-height);flex:0 0 clamp(300px, var(--info-column-width), 360px);min-width:0;max-height:calc(100vh - var(--topbar-height));overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;align-self:flex-start;gap:24px;padding:32px 28px;display:flex;position:sticky;overflow-y:auto}.single__info[data-astro-cid-dru7ztiu]::-webkit-scrollbar{display:none}.single__title[data-astro-cid-dru7ztiu]{flex-direction:column;align-items:flex-start;gap:10px;display:flex}h1[data-astro-cid-dru7ztiu]{font:var(--text-h1);letter-spacing:var(--ls-h1);color:var(--color-ink)}.single__badges[data-astro-cid-dru7ztiu]{flex-wrap:wrap;gap:6px;display:flex}.single__desc[data-astro-cid-dru7ztiu]{font:400 15px/1.55 var(--font-sans);letter-spacing:-.01em;color:var(--color-muted-text)}.single__desc[data-astro-cid-dru7ztiu] p{margin:0}.single__desc[data-astro-cid-dru7ztiu] p+p{margin-top:10px}.single__actions[data-astro-cid-dru7ztiu]{flex-direction:column;gap:10px;margin-top:0;display:flex}.single[data-astro-cid-dru7ztiu] [data-astro-cid-dru7ztiu]:is(a,button):focus-visible,.single[data-astro-cid-dru7ztiu] :is(.btn,.pf-btn):focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.meta[data-astro-cid-dru7ztiu]{border-top:1px solid var(--color-border);flex-direction:column;gap:0;margin:0;display:flex}.meta__row[data-astro-cid-dru7ztiu]{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.meta__row[data-astro-cid-dru7ztiu][hidden]{display:none}.meta__row[data-astro-cid-dru7ztiu] dt[data-astro-cid-dru7ztiu]{font:400 14px/20px var(--font-sans);letter-spacing:-.01em;color:var(--color-muted-text);flex-shrink:0}.meta__row[data-astro-cid-dru7ztiu] dd[data-astro-cid-dru7ztiu]{text-align:right;min-width:0;margin:0}.meta__row--list[data-astro-cid-dru7ztiu]{flex-direction:column;align-items:flex-start;gap:4px}.meta__row--list[data-astro-cid-dru7ztiu] dd[data-astro-cid-dru7ztiu]{text-align:left}.meta__widgets[data-astro-cid-dru7ztiu]{font:400 14px/1.5 var(--font-sans);letter-spacing:-.01em;color:var(--color-ink)}.meta__terms[data-astro-cid-dru7ztiu]{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.single__term[data-astro-cid-dru7ztiu]{border:1px solid var(--color-border);border-radius:var(--radius-chip);background:var(--color-surface);height:24px;color:var(--color-ink);font:500 12px/1 var(--font-sans);letter-spacing:-.01em;white-space:nowrap;align-items:center;padding:2px 8px 0;transition:background-color .15s,border-color .15s;display:inline-flex}.single__term[data-astro-cid-dru7ztiu]:hover{border-color:var(--color-line-strong);background:var(--color-muted)}.meta__builder[data-astro-cid-dru7ztiu]{grid-template-rows:20px;place-items:center end;row-gap:4px;display:grid}.meta__row--top[data-astro-cid-dru7ztiu]{align-items:flex-start}.meta__needs[data-astro-cid-dru7ztiu]{font:var(--text-small);letter-spacing:-.01em;color:var(--color-muted-text);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.meta__needs[data-astro-cid-dru7ztiu] svg[data-astro-cid-dru7ztiu]{flex-shrink:0}.meta__code[data-astro-cid-dru7ztiu]{gap:6px;display:flex}.meta__links[data-astro-cid-dru7ztiu]{flex-wrap:wrap;justify-content:flex-end;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}.meta__links[data-astro-cid-dru7ztiu] a[data-astro-cid-dru7ztiu]{font:400 14px/20px var(--font-sans);letter-spacing:-.01em;color:var(--color-muted-text);transition:color .15s}.meta__links[data-astro-cid-dru7ztiu] a[data-astro-cid-dru7ztiu]:hover{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline}.single__preview[data-astro-cid-dru7ztiu]{border-left:1px solid var(--color-border);flex:1;min-width:0}.single__stage[data-astro-cid-dru7ztiu]{border-bottom:1px solid var(--color-border);padding:32px 28px}.single__frame[data-astro-cid-dru7ztiu]{border:1px solid var(--color-border);border-radius:var(--radius-frame);background:var(--color-stage);padding:0 6px 6px;position:relative}.single__bar[data-astro-cid-dru7ztiu]{align-items:center;gap:8px;height:52px;padding:0 180px 0 6px;display:flex}.single__frame[data-astro-cid-dru7ztiu] .pf-card{gap:0}.single__frame[data-astro-cid-dru7ztiu] .pf-toolbar{z-index:1;position:absolute;top:6px;right:6px}.single__frame[data-astro-cid-dru7ztiu] .pf-btn{height:32px}.single__frame[data-astro-cid-dru7ztiu] .pf-preview{background:var(--color-surface) var(--hatch-light);border-radius:10px}.single__frame[data-astro-cid-dru7ztiu] .pf-card:not(.is-loaded) .pf-preview{aspect-ratio:1440/980;min-height:0}.single--loop[data-astro-cid-dru7ztiu] .single__frame[data-astro-cid-dru7ztiu]{padding:32px}.single__panels[data-astro-cid-dru7ztiu]{flex-direction:column;gap:16px;padding:40px 28px 48px;display:flex}.panel[data-astro-cid-dru7ztiu]{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;gap:12px;padding:24px;display:flex}.panel__title[data-astro-cid-dru7ztiu]{font:700 18px/1.3 var(--font-sans);letter-spacing:-.03em;color:var(--color-ink)}.panel__text[data-astro-cid-dru7ztiu]{font:400 15px/1.6 var(--font-sans);letter-spacing:-.01em;color:var(--color-text)}.panel__text[data-astro-cid-dru7ztiu] p+p{margin-top:12px}.panel__text[data-astro-cid-dru7ztiu] ul,.panel__text[data-astro-cid-dru7ztiu] ol{margin:0;padding-left:20px}.panel--steps[data-astro-cid-dru7ztiu]{gap:24px;padding:32px}.panel--steps[data-astro-cid-dru7ztiu] .panel__title[data-astro-cid-dru7ztiu]{font-size:22px;line-height:1.25}.panel--steps[data-astro-cid-dru7ztiu] .panel__text[data-astro-cid-dru7ztiu] ol{flex-direction:column;gap:32px;padding:0;list-style:none;display:flex}.panel--steps[data-astro-cid-dru7ztiu] .panel__text[data-astro-cid-dru7ztiu] li{flex-direction:column;gap:8px;display:flex}.panel--steps[data-astro-cid-dru7ztiu] .panel__text[data-astro-cid-dru7ztiu] li:not(:last-child){border-bottom:1px solid var(--color-border);padding-bottom:32px}.panel--steps[data-astro-cid-dru7ztiu] .panel__text[data-astro-cid-dru7ztiu] li p+p{margin-top:0}.panel--steps[data-astro-cid-dru7ztiu] .panel__text[data-astro-cid-dru7ztiu] li>p:first-child{color:var(--color-ink);font-size:16px;line-height:1.5}.panel--steps[data-astro-cid-dru7ztiu] .panel__text[data-astro-cid-dru7ztiu] strong{font-weight:500}.panel__using[data-astro-cid-dru7ztiu]{font:500 14px/1.5 var(--font-sans);letter-spacing:-.02em;color:var(--color-ink);flex-wrap:wrap;align-items:center;gap:12px;margin-top:-12px;display:flex}.panel__using[data-astro-cid-dru7ztiu] ul[data-astro-cid-dru7ztiu]{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}@media (width<=1024px){.single[data-astro-cid-dru7ztiu]{flex-direction:column;min-height:0}.single__preview[data-astro-cid-dru7ztiu]{display:contents}.single__info[data-astro-cid-dru7ztiu]{border-bottom:1px solid var(--color-border);flex-basis:auto;order:1;align-self:stretch;max-height:none;padding:32px 24px;position:static;overflow:visible}.single__stage[data-astro-cid-dru7ztiu]{border-bottom:1px solid var(--color-border);order:2;padding:24px}.single__stage[data-astro-cid-dru7ztiu]:last-child{border-bottom:0}.single__panels[data-astro-cid-dru7ztiu]{order:3;padding:40px 24px 48px}h1[data-astro-cid-dru7ztiu]{font-size:28px}}@media (width>=768px) and (width<=1024px){.single__info[data-astro-cid-dru7ztiu]{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px 40px;display:grid}.single__title[data-astro-cid-dru7ztiu],.single__desc[data-astro-cid-dru7ztiu],.single__actions[data-astro-cid-dru7ztiu]{grid-column:1}.meta[data-astro-cid-dru7ztiu]{grid-area:1/2/-1}}@media (width<=767px){.single__info[data-astro-cid-dru7ztiu]{gap:20px;padding:32px 20px 40px}h1[data-astro-cid-dru7ztiu]{font-size:24px}.single__stage[data-astro-cid-dru7ztiu]{padding:20px}.single__open[data-astro-cid-dru7ztiu],.single__frame[data-astro-cid-dru7ztiu] .pf-btn:not([data-size=fullscreen]),.single__frame[data-astro-cid-dru7ztiu] .pf-divider{display:none}.single--loop[data-astro-cid-dru7ztiu] .single__frame[data-astro-cid-dru7ztiu]{padding:20px}.single__panels[data-astro-cid-dru7ztiu]{gap:12px;padding:32px 20px 40px}.panel[data-astro-cid-dru7ztiu]{padding:20px}.panel--steps[data-astro-cid-dru7ztiu]{gap:20px;padding:24px 20px}.panel--steps[data-astro-cid-dru7ztiu] .panel__title[data-astro-cid-dru7ztiu]{font-size:20px}.panel--steps[data-astro-cid-dru7ztiu] .panel__text[data-astro-cid-dru7ztiu] ol{gap:20px}.panel--steps[data-astro-cid-dru7ztiu] .panel__text[data-astro-cid-dru7ztiu] li:not(:last-child){padding-bottom:20px}.panel__using[data-astro-cid-dru7ztiu]{margin-top:0}}.lh__sub[data-astro-cid-n5j26kuu]{margin:4px 0 0;list-style:none}.lh__sub[data-astro-cid-n5j26kuu]>li[data-astro-cid-n5j26kuu]{flex:none}@media (width<=1024px){.lh__sub[data-astro-cid-n5j26kuu]{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.lh__sub[data-astro-cid-n5j26kuu]::-webkit-scrollbar{display:none}.lh__sub[data-astro-cid-n5j26kuu] a[data-astro-cid-n5j26kuu]:focus-visible{outline-offset:-2px}}