._wrap_1dvlc_1{flex-direction:column;align-items:center;gap:28px;display:flex}._card_1dvlc_8{aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--ring);width:min(360px,80vw);box-shadow:var(--shadow-soft);padding:3px;transition:background .9s}._cardInner_1dvlc_18{border-radius:calc(var(--radius-lg) - 3px);background:var(--surface);flex-direction:column;justify-content:center;gap:10px;width:100%;height:100%;padding:28px;display:flex}._eyebrow_1dvlc_30{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;font-size:12px}._code_1dvlc_37{font-family:var(--font-mono);color:var(--text);font-size:18px}._progressTrack_1dvlc_43{background:var(--border-soft);border-radius:999px;width:min(360px,80vw);height:3px;overflow:hidden}._progressFill_1dvlc_51{background:var(--rule-custom);border-radius:999px;width:0%;height:100%;animation:2.6s linear forwards _ruleRingProgress_1dvlc_1}@keyframes _ruleRingProgress_1dvlc_1{0%{width:0%}to{width:100%}}._steps_1dvlc_68{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}._step_1dvlc_68{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:border-color .2s,color .2s,transform .15s;display:flex}._step_1dvlc_68:hover{color:var(--text);transform:translateY(-1px)}._step_1dvlc_68:active{transform:scale(.96)}._stepActive_1dvlc_102{border-color:var(--rule-custom);color:var(--text)}._stepIndex_1dvlc_107{background:var(--surface-2);width:18px;height:18px;color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}._stepActive_1dvlc_102 ._stepIndex_1dvlc_107{background:var(--rule-custom);color:var(--on-accent)}._block_yq1jc_1{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin:20px 0;overflow:hidden}._header_yq1jc_9{border-bottom:1px solid var(--border-soft);background:var(--surface-2);align-items:center;gap:10px;padding:10px 14px;display:flex}._dots_yq1jc_18{gap:6px;display:flex}._dots_yq1jc_18 i{background:var(--border);border-radius:50%;width:8px;height:8px;display:block}._title_yq1jc_31{font-family:var(--font-mono);color:var(--text-faint);font-size:12px}._tabs_yq1jc_37{gap:4px;margin-left:auto;display:flex}._tab_yq1jc_37{font-family:var(--font-mono);color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:12px}._tab_yq1jc_37:hover{color:var(--text-muted)}._tabActive_yq1jc_58{background:var(--surface);color:var(--text)}._pre_yq1jc_63{color:var(--code-text);margin:0;padding:18px 20px;font-size:13.5px;line-height:1.7;overflow-x:auto}._body_yq1jc_72{position:relative}._body_yq1jc_72:hover ._copy_yq1jc_76{opacity:1}._copy_yq1jc_76{border:1px solid var(--border);background:var(--surface-2);width:26px;height:26px;color:var(--text-faint);cursor:pointer;opacity:0;border-radius:6px;justify-content:center;align-items:center;transition:opacity .15s,transform .12s,border-color .15s;display:flex;position:absolute;top:10px;right:10px}._copy_yq1jc_76:hover{color:var(--text);border-color:var(--rule-custom)}._copy_yq1jc_76:active{transform:scale(.92)}._copy_yq1jc_76 svg{width:13px;height:13px;animation:.2s _copyIconIn_yq1jc_1;display:block}@keyframes _copyIconIn_yq1jc_1{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (hover:none){._copy_yq1jc_76{opacity:1}}._group_1544j_1{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}._option_1544j_10{width:26px;height:26px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex}._option_1544j_10 svg{width:14px;height:14px;display:block}._option_1544j_10:hover{color:var(--text-muted)}._optionActive_1544j_33{background:var(--surface);color:var(--rule-custom);box-shadow:var(--shadow-soft)}._optionText_1544j_39{width:auto;font-family:var(--font-mono);padding:0 8px;font-size:11px;font-weight:600}._page_9vnpe_1{max-width:1180px;margin:0 auto;padding:28px 32px 80px}@keyframes _fadeInUp_9vnpe_1{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}._nav_9vnpe_18{justify-content:space-between;align-items:center;margin-bottom:clamp(40px,8vw,96px);display:flex}._brand_9vnpe_25{font-family:var(--font-display);font-size:20px;font-weight:600}._brand_9vnpe_25 span{color:var(--rule-custom)}._navLinks_9vnpe_35{align-items:center;gap:20px;font-size:14px;display:flex}._navLinks_9vnpe_35 a{color:var(--text-muted);text-decoration:none}._navLinks_9vnpe_35 a:hover{color:var(--text)}._hero_9vnpe_51{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}._heroText_9vnpe_58{opacity:0;animation:.6s forwards _fadeInUp_9vnpe_1}@media (width<=900px){._hero_9vnpe_51{grid-template-columns:1fr;gap:48px}}._eyebrow_9vnpe_70{font-family:var(--font-mono);color:var(--rule-custom);letter-spacing:.02em;margin:0 0 18px;font-size:13px}._heroText_9vnpe_58 h1{margin-bottom:24px;font-size:clamp(36px,5vw,52px);line-height:1.08}._accent_9vnpe_84{background:linear-gradient(100deg, var(--rule-nitro-1), var(--rule-nitro-2), var(--rule-nitro-3), var(--rule-nitro-1));color:#0000;background-size:250%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite _accentDrift_9vnpe_1}@keyframes _accentDrift_9vnpe_1{0%,to{background-position:0%}50%{background-position:100%}}._lede_9vnpe_109{max-width:46ch;margin-bottom:32px;font-size:16px}._lede_9vnpe_109 code{font-family:var(--font-mono);background:var(--surface-2);color:var(--text);border-radius:5px;padding:2px 6px;font-size:.9em}._ctaRow_9vnpe_124{flex-wrap:wrap;align-items:center;gap:24px;display:flex}._ctaPrimary_9vnpe_131{background:var(--rule-custom);color:var(--on-accent);border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,filter .15s;display:inline-block}._ctaPrimary_9vnpe_131:hover{filter:brightness(1.08)}._ctaPrimary_9vnpe_131:active{transform:scale(.96)}._ctaSecondary_9vnpe_153{color:var(--text-muted);font-size:14px;text-decoration:none}._ctaSecondary_9vnpe_153:hover{color:var(--text)}._heroDemo_9vnpe_163{opacity:0;justify-content:center;animation:.6s .12s forwards _fadeInUp_9vnpe_1;display:flex}._section_9vnpe_171{margin-top:clamp(72px,12vw,128px)}._sectionEyebrow_9vnpe_175{font-family:var(--font-mono);color:var(--rule-custom);letter-spacing:.02em;margin:0 0 12px;font-size:13px}._sectionTitle_9vnpe_183{font-family:var(--font-display);margin:0 0 32px;font-size:clamp(24px,3vw,32px)}._gallery_9vnpe_189{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}._tile_9vnpe_195{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);opacity:0;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}._galleryVisible_9vnpe_213 ._tile_9vnpe_195{animation:.5s forwards _fadeInUp_9vnpe_1;animation-delay:var(--tile-delay,0s)}._tile_9vnpe_195:before{content:"";background:var(--accent);height:3px;position:absolute;top:0;left:0;right:0}._tile_9vnpe_195:hover{border-color:var(--border);box-shadow:0 16px 40px -20px var(--accent);transform:translateY(-3px)}._tile_9vnpe_195:active{transform:translateY(-1px)}._tileFn_9vnpe_238{font-family:var(--font-mono);color:var(--text-faint);font-size:12px}._tileTitle_9vnpe_244{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:600}._tileTagline_9vnpe_251{color:var(--text-muted);font-size:13px;line-height:1.5}._installGrid_9vnpe_257{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;display:grid}._installGrid_9vnpe_257>*{opacity:0}._installVisible_9vnpe_268>*{animation:.55s forwards _fadeInUp_9vnpe_1}._installVisible_9vnpe_268>:nth-child(2){animation-delay:.1s}@media (width<=900px){._installGrid_9vnpe_257{grid-template-columns:1fr;gap:28px}}._installCaption_9vnpe_283{color:var(--text-muted);max-width:40ch;margin:0 0 20px}._footer_9vnpe_289{border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:clamp(80px,14vw,140px);padding-top:32px;display:flex}._footerTagline_9vnpe_300{color:var(--text-faint);margin:6px 0 0;font-size:13px}._footerLinks_9vnpe_306{gap:20px;font-size:14px;display:flex}._footerLinks_9vnpe_306 a{color:var(--text-muted);text-decoration:none}._footerLinks_9vnpe_306 a:hover{color:var(--text)}._footerLegal_9vnpe_321{width:100%;color:var(--text-faint);margin:0;font-size:12px}._wrap_1ovxg_1{width:100%;max-width:220px;position:relative}._input_1ovxg_7{width:100%;font-family:var(--font-body);color:var(--text);background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:7px 10px;font-size:13px}._input_1ovxg_7::placeholder{color:var(--text-faint)}._input_1ovxg_7:focus{border-color:var(--rule-custom);outline:none}._panel_1ovxg_27{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);max-height:320px;box-shadow:var(--shadow-soft);z-index:40;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}._hint_1ovxg_42{color:var(--text-faint);margin:0;padding:10px 8px;font-size:13px}._result_1ovxg_49{text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;width:100%;padding:8px;display:block}._result_1ovxg_49:hover{background:var(--surface-hover)}._resultTitle_1ovxg_64{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600;display:block}._resultExcerpt_1ovxg_72{color:var(--text-muted);font-size:12px;line-height:1.4;display:block}._resultExcerpt_1ovxg_72 mark{color:var(--rule-custom);background:0 0;font-weight:600}._sidebar_okkyz_1{border-right:1px solid var(--border-soft);flex-shrink:0;width:240px;height:100vh;padding:32px 20px;position:sticky;top:0;overflow-y:auto}._topRow_okkyz_12{justify-content:space-between;align-items:center;display:flex}._searchRow_okkyz_18{margin:16px 0 20px}._brand_okkyz_22{font-family:var(--font-display);color:var(--text);margin-bottom:32px;font-size:22px;font-weight:600;text-decoration:none;display:block}._menuToggle_okkyz_32{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;padding:0;display:none}._bar_okkyz_45{background:var(--text);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}._barTop_okkyz_56{transform:translateY(6px)rotate(45deg)}._barMid_okkyz_60{opacity:0}._barBottom_okkyz_64{transform:translateY(-6px)rotate(-45deg)}._brand_okkyz_22 span{color:var(--rule-custom)}._group_okkyz_72{margin-bottom:24px}._heading_okkyz_76{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:0 0 8px;font-size:11px}._link_okkyz_85{border-radius:var(--radius-sm);color:var(--text-muted);margin:0 -10px;padding:7px 10px;font-size:14px;text-decoration:none;display:block}._link_okkyz_85:hover{background:var(--surface-hover);color:var(--text)}._linkActive_okkyz_100{background:var(--surface-2);color:var(--text);box-shadow:inset 2px 0 0 var(--rule-custom)}._footer_okkyz_106{border-top:1px solid var(--border-soft);align-items:center;gap:8px;margin-top:24px;padding-top:16px;display:flex}@media (width<=800px){._sidebar_okkyz_1{border-right:none;border-bottom:1px solid var(--border-soft);width:100%;height:auto;padding:16px 20px;position:static}._brand_okkyz_22{margin-bottom:0}._menuToggle_okkyz_32{display:flex}._nav_okkyz_133{display:none}._nav_okkyz_133._navOpen_okkyz_137{margin-top:16px;display:block}}._shell_1skga_1{min-height:100vh;display:flex}@media (width<=800px){._shell_1skga_1{flex-direction:column}}._content_1skga_12{flex:1;justify-content:center;padding:56px 48px 120px;display:flex}@media (width<=800px){._content_1skga_12{padding:32px 20px 80px}}._article_1skga_25{width:100%;max-width:720px}._articleWide_1skga_30{width:100%;max-width:1040px}._article_1skga_25 h1,._articleWide_1skga_30 h1{margin-bottom:12px;font-size:32px}._article_1skga_25 h2,._articleWide_1skga_30 h2{color:var(--text);margin-top:40px;margin-bottom:12px;font-size:20px}._article_1skga_25>p:first-of-type,._articleWide_1skga_30>p:first-of-type{font-size:16px}._demo_1w1xp_1{justify-content:center;padding:28px 0 12px;display:flex}._list_1w1xp_7{color:var(--text-muted);flex-direction:column;gap:12px;padding-left:20px;display:flex}._list_1w1xp_7 strong{color:var(--text);font-family:var(--font-mono);font-size:.95em;font-weight:500}._note_1w1xp_22{border-left:2px solid var(--rule-custom);padding-left:14px;font-size:14px}._warning_1mc4q_1{border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning-text);border-radius:var(--radius-sm);margin:20px 0;padding:12px 16px;font-size:13.5px}@keyframes _fadeInUp_1mc4q_1{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes _shimmer_1mc4q_1{0%{background-position:200% 0}to{background-position:-200% 0}}._warning_1mc4q_1 code{font-family:var(--font-mono);color:var(--warning-text-strong)}._layout_1mc4q_36{grid-template-columns:minmax(0,520px) minmax(260px,340px);align-items:start;gap:20px;margin:24px 0 40px;display:grid}@media (width<=880px){._layout_1mc4q_36{grid-template-columns:1fr}}._form_1mc4q_50{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);flex-direction:column;gap:14px;margin:0;padding:22px;display:flex}._field_1mc4q_61{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}._field_1mc4q_61 input{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 12px;font-size:14px}._field_1mc4q_61 input:focus{border-color:var(--rule-custom);outline:none}._cardGrid_1mc4q_84{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}._cardOption_1mc4q_90{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:4px;padding:10px 12px;font-family:inherit;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex}._cardOption_1mc4q_90:hover{border-color:var(--rule-custom)}._cardOption_1mc4q_90:active{transform:scale(.97)}._cardOptionActive_1mc4q_115{border-color:var(--rule-custom);box-shadow:0 0 0 1px var(--rule-custom)}._cardOptionLabel_1mc4q_120{color:var(--text);font-size:13px;font-weight:600}._cardOptionDesc_1mc4q_126{color:var(--text-faint);font-size:11.5px}._colorField_1mc4q_131{align-items:center;gap:8px;min-width:0;display:flex}._colorField_1mc4q_131 input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background:0 0;flex-shrink:0;width:34px;height:34px;padding:0;overflow:hidden}._colorField_1mc4q_131 input[type=color]::-webkit-color-swatch-wrapper{padding:0}._colorField_1mc4q_131 input[type=color]::-webkit-color-swatch{border-radius:var(--radius-sm);border:none}._colorField_1mc4q_131 input[type=color]::-moz-color-swatch{border-radius:var(--radius-sm);border:none}._colorField_1mc4q_131 input[type=text]{flex:1;min-width:0}._colorPair_1mc4q_171{flex-direction:column;gap:10px;display:flex}._colorPairLabel_1mc4q_177{color:var(--text-faint);font-size:11.5px}._checkboxField_1mc4q_182{flex-direction:row;align-items:center;gap:8px}._checkboxField_1mc4q_182 input{width:auto}._fieldError_1mc4q_192{color:var(--danger);font-size:11.5px}._advancedToggle_1mc4q_197{color:var(--rule-custom);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;transition:opacity .12s}._advancedToggle_1mc4q_197:active{opacity:.6}._advancedGrid_1mc4q_212{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;display:grid}._fieldWide_1mc4q_218{grid-column:1/-1}._submit_1mc4q_222{background:var(--rule-custom);color:var(--on-accent);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;margin-top:4px;padding:11px 22px;font-size:14px;font-weight:600;transition:filter .15s,transform .12s}._submit_1mc4q_222:hover{filter:brightness(1.08)}._submit_1mc4q_222:active{transform:scale(.96)}._previewPanel_1mc4q_246{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);position:sticky;top:20px;overflow:hidden}._stack_1mc4q_255{flex-direction:column;gap:20px;display:flex}._rowHeader_1mc4q_261{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}._rowLabel_1mc4q_270{color:var(--text);font-size:14.5px;font-weight:600;display:block}._rowDesc_1mc4q_277{color:var(--text-faint);margin-top:2px;font-size:12.5px;display:block}._download_1mc4q_284{font-family:var(--font-mono);color:var(--rule-custom);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:12px;text-decoration:none;transition:border-color .15s,transform .12s;animation:.3s _fadeInUp_1mc4q_1}._download_1mc4q_284:hover{border-color:var(--rule-custom)}._download_1mc4q_284:active{transform:scale(.95)}._preview_1mc4q_246{background:radial-gradient(circle at 20% 20%, rgba(124, 92, 255, var(--glow-alpha)), transparent 55%), var(--bg);justify-content:center;align-items:center;min-height:160px;padding:16px;display:flex}._preview_1mc4q_246 img{width:100%;max-width:100%;height:auto;box-shadow:var(--shadow-soft);border-radius:10px;margin:0 auto;animation:.35s _fadeInUp_1mc4q_1;display:block}._hint_1mc4q_329{font-family:var(--font-mono);color:var(--text-faint);font-size:12px}._skeleton_1mc4q_335{aspect-ratio:16/9;background:linear-gradient(100deg, var(--surface-2) 40%, var(--surface-hover) 50%, var(--surface-2) 60%);background-size:250% 100%;border-radius:10px;width:100%;animation:1.4s ease-in-out infinite _shimmer_1mc4q_1}._errorText_1mc4q_349{font-family:var(--font-mono);color:var(--danger);text-align:center;padding:0 10px;font-size:12px}._page_125ct_1{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}._code_125ct_11{font-family:var(--font-mono);color:var(--rule-custom);letter-spacing:.08em;margin-bottom:16px;font-size:14px}._page_125ct_1 h1{font-family:var(--font-display);margin:0 0 12px;font-size:clamp(28px,4vw,36px)}._page_125ct_1 p{color:var(--text-muted);max-width:40ch;margin:0 0 28px}._cta_125ct_31{background:var(--rule-custom);color:var(--on-accent);border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none}:root,[data-theme=dark]{--bg:#0b0d14;--surface:#12141f;--surface-2:#191c2b;--surface-hover:#1e2233;--border:#262a3d;--border-soft:#1b1e2c;--text:#edeff7;--text-muted:#8b90a8;--text-faint:#565b78;--rule-custom:#7c5cff;--rule-nitro-1:#ff6b9d;--rule-nitro-2:#ffd66b;--rule-nitro-3:#6bcbff;--rule-role:#4ade80;--rule-fallback:#4b5170;--code-text:#d6d9ec;--danger:#ff8a8a;--on-accent:#0b0d14;--warning-bg:#ffbd5914;--warning-border:#4a3320;--warning-text:#ffbd59;--warning-text-strong:#ffd394;--glow-alpha:.14;--shadow-soft:0 20px 60px -20px #0009}[data-theme=light]{--bg:#f6f6fb;--surface:#fff;--surface-2:#f0f0f7;--surface-hover:#e8e8f2;--border:#e1e1ec;--border-soft:#ebebf3;--text:#14161f;--text-muted:#5a5e73;--text-faint:#9093a8;--rule-custom:#6a3ff2;--rule-nitro-1:#e0517e;--rule-nitro-2:#b8850a;--rule-nitro-3:#1f7fc4;--rule-role:#189a52;--rule-fallback:#9297ac;--code-text:#2b2e3d;--danger:#d1373f;--on-accent:#fff;--warning-bg:#fff4e0;--warning-border:#f0c988;--warning-text:#8a5c09;--warning-text-strong:#6b4707;--glow-alpha:.07;--shadow-soft:0 20px 50px -24px #14161f38}:root{--font-display:"Space Grotesk", ui-sans-serif, sans-serif;--font-body:"Inter", ui-sans-serif, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:22px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 900px 500px at 15% -10%, rgba(124, 92, 255, var(--glow-alpha)), transparent 60%);background-attachment:fixed;margin:0;transition:background-color .2s,color .2s}:focus-visible{outline:2px solid var(--rule-custom);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0}p{color:var(--text-muted);line-height:1.6}a{color:inherit}code,pre{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}