._container_1t6oq_2{border:1px solid hsl(220,13%,91%);border-radius:12px;background:linear-gradient(135deg,#fff,#fcfcfd);overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}._container_1t6oq_2:hover{border-color:#dadce2;box-shadow:0 4px 12px #a6adba14,0 2px 4px #a6adba0a}._header_1t6oq_20{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid hsl(220,13%,94%);background:linear-gradient(180deg,#fff,#fcfcfd)}._title_1t6oq_31{font-size:14px;font-weight:500;color:#31363f;letter-spacing:-.01em}._indicator_1t6oq_38{display:flex;align-items:center;justify-content:center;width:18px;height:18px}._dot_1t6oq_46{width:6px;height:6px;border-radius:50%;background:#a6adba;transition:all .3s cubic-bezier(.4,0,.2,1)}._dot_1t6oq_46._active_1t6oq_54{background:#16a249;box-shadow:0 0 8px #16a2494d;animation:_pulse_1t6oq_1 2s cubic-bezier(.4,0,.6,1) infinite}._steps_1t6oq_61{padding:20px;display:flex;flex-direction:column;gap:12px}._step_1t6oq_61{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}._step_1t6oq_61:hover{background:#f9fafb;border-color:#e5e7eb}._stepNumber_1t6oq_83{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#eeeff2;color:#6f7a90;font-size:12px;font-weight:500;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}._stepContent_1t6oq_98{flex:1;min-width:0}._stepLabel_1t6oq_103{font-size:13px;font-weight:500;color:#31363f;margin-bottom:4px;letter-spacing:-.01em}._stepCode_1t6oq_111{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:12px;color:#667085;background:#f3f4f6;padding:6px 8px;border-radius:6px;border:1px solid hsl(220,13%,91%);display:block;overflow-x:auto;line-height:1.4}._stepActive_1t6oq_125 ._stepNumber_1t6oq_83{background:#16a249;color:#fff;box-shadow:0 0 8px #16a2494d;transform:scale(1.05)}._stepActive_1t6oq_125 ._stepLabel_1t6oq_103{color:#16a249}._stepActive_1t6oq_125 ._stepCode_1t6oq_111{border-color:#78eda3;background:#f2fdf6}._stepCompleted_1t6oq_142 ._stepNumber_1t6oq_83{background:#16a249;color:#fff}._stepCompleted_1t6oq_142 ._stepLabel_1t6oq_103{color:#31363f}@keyframes _pulse_1t6oq_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media (prefers-color-scheme: dark){._container_1t6oq_2{background:linear-gradient(135deg,#14161a,#181b20);border-color:#282c34}._container_1t6oq_2:hover{border-color:#31363f;box-shadow:0 4px 12px #090a0c4d,0 2px 4px #090a0c33}._header_1t6oq_20{background:linear-gradient(180deg,#14161a,#16181d);border-bottom-color:#21252b}._title_1t6oq_31{color:#d4d7de}._dot_1t6oq_46{background:#596273}._step_1t6oq_61:hover{background:#1b1d23;border-color:#282c34}._stepNumber_1t6oq_83{background:#21252b;color:#8c95a6}._stepLabel_1t6oq_103{color:#d4d7de}._stepCode_1t6oq_111{background:#1b1d23;border-color:#282c34;color:#a9afbc}._stepActive_1t6oq_125 ._stepCode_1t6oq_111{background:#052410;border-color:#0f7033}}@media (max-width: 768px){._header_1t6oq_20{padding:12px 16px}._steps_1t6oq_61{padding:16px}._step_1t6oq_61{padding:10px}._stepCode_1t6oq_111{font-size:11px}}@media (prefers-reduced-motion: reduce){._dot_1t6oq_46,._stepNumber_1t6oq_83,._step_1t6oq_61{animation:none!important;transition:none!important}}.container[data-astro-cid-dev4a7vu]{max-width:1200px;margin:0 auto;padding:0 24px}.layout[data-astro-cid-dev4a7vu]{display:grid;grid-template-columns:1fr 300px;gap:48px;padding:48px 0}.content[data-astro-cid-dev4a7vu]{min-width:0}.sidebar[data-astro-cid-dev4a7vu]{position:sticky;top:24px;height:-moz-fit-content;height:fit-content}.header[data-astro-cid-dev4a7vu]{margin-bottom:32px}.titleSection[data-astro-cid-dev4a7vu]{display:flex;align-items:center;gap:16px;margin-bottom:16px}.logo[data-astro-cid-dev4a7vu]{width:48px;height:48px;border-radius:8px}.title[data-astro-cid-dev4a7vu]{font-size:28px;font-weight:600;color:#31363f;margin:0;letter-spacing:-.02em}.subtitle[data-astro-cid-dev4a7vu]{font-size:16px;color:#6f7a90;margin:4px 0 0;line-height:1.4}.tags[data-astro-cid-dev4a7vu]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-astro-cid-dev4a7vu]{background:#f3f4f6;color:#667085;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500;border:1px solid hsl(220,13%,91%)}.description[data-astro-cid-dev4a7vu],.demo[data-astro-cid-dev4a7vu],.features[data-astro-cid-dev4a7vu],.codeExample[data-astro-cid-dev4a7vu],.visualDemo[data-astro-cid-dev4a7vu]{margin-bottom:40px}.description[data-astro-cid-dev4a7vu] p[data-astro-cid-dev4a7vu]{font-size:16px;line-height:1.6;color:#667085;margin:0}.sectionTitle[data-astro-cid-dev4a7vu]{font-size:20px;font-weight:600;color:#31363f;margin:0 0 16px;letter-spacing:-.01em}.featureList[data-astro-cid-dev4a7vu]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.featureList[data-astro-cid-dev4a7vu] li[data-astro-cid-dev4a7vu]{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;color:#667085}.featureList[data-astro-cid-dev4a7vu] li[data-astro-cid-dev4a7vu]:before{content:"✓";color:#16a249;font-weight:600;flex-shrink:0;margin-top:1px}.demoContainer[data-astro-cid-dev4a7vu]{display:flex;justify-content:center;padding:24px 0}@media (prefers-color-scheme: dark){.title[data-astro-cid-dev4a7vu]{color:#d4d7de}.subtitle[data-astro-cid-dev4a7vu],.description[data-astro-cid-dev4a7vu] p[data-astro-cid-dev4a7vu],.featureList[data-astro-cid-dev4a7vu] li[data-astro-cid-dev4a7vu]{color:#8c95a6}.sectionTitle[data-astro-cid-dev4a7vu]{color:#d4d7de}.tag[data-astro-cid-dev4a7vu]{background:#21252b;color:#a9afbc;border-color:#2c313a}}@media (max-width: 1024px){.layout[data-astro-cid-dev4a7vu]{grid-template-columns:1fr;gap:32px}.sidebar[data-astro-cid-dev4a7vu]{position:static}}@media (max-width: 768px){.container[data-astro-cid-dev4a7vu]{padding:0 16px}.layout[data-astro-cid-dev4a7vu]{padding:32px 0}.titleSection[data-astro-cid-dev4a7vu]{flex-direction:column;align-items:flex-start;text-align:left}.title[data-astro-cid-dev4a7vu]{font-size:24px}.subtitle[data-astro-cid-dev4a7vu]{font-size:15px}.tags[data-astro-cid-dev4a7vu]{margin-top:8px}}