@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--bg-dark:#0f1015;--bg-card:#181920;--bg-card-hover:#21232d;--border-color:#2a2c38;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}._cardWrapper_tqszm_2{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#181920;border:1px solid #2a2c38;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040}._cardWrapper_tqszm_2:hover{border-color:var(--theme-primary);background-color:#21232d;transform:translateY(-6px);box-shadow:0 16px 48px #00000073}._cardWrapper_tqszm_2:hover ._browserHeader_tqszm_25{background-color:#ffffff0d}._cardWrapper_tqszm_2:hover ._mockTitle_tqszm_28{color:var(--theme-primary-light)}._cardWrapper_tqszm_2._active_tqszm_31{border-color:var(--theme-primary);box-shadow:0 0 0 2px var(--theme-primary), 0 20px 50px #00000080;background-color:#21232d}._cardWrapper_tqszm_2._active_tqszm_31 ._browserHeader_tqszm_25{background-color:#ffffff14}._browserHeader_tqszm_25{background-color:#0003;border-bottom:1px solid #ffffff0d;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;margin:-18px -18px 12px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}._windowControls_tqszm_53{gap:6px;display:flex}._dot_tqszm_58{border-radius:50%;width:8px;height:8px;display:inline-block}._dot_tqszm_58._red_tqszm_64{background-color:#ff5f56}._dot_tqszm_58._yellow_tqszm_67{background-color:#ffbd2e}._dot_tqszm_58._green_tqszm_70{background-color:#27c93f}._browserUrl_tqszm_74{color:#6b7280;letter-spacing:.5px;background-color:#00000026;border:1px solid #ffffff08;border-radius:20px;padding:2px 16px;font-size:10px;font-weight:500}._previewContainer_tqszm_86{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--theme-primary) 32%, transparent) 0%, transparent 55%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--theme-secondary) 30%, transparent) 0%, transparent 55%), linear-gradient(135deg, color-mix(in srgb, var(--theme-primary-dark) 30%, #15161d), color-mix(in srgb, var(--theme-secondary-dark) 26%, #15161d));border:1px solid color-mix(in srgb, var(--theme-primary) 22%, transparent);border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}._variantBadge_tqszm_100{z-index:2;letter-spacing:.8px;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;border:1px solid #ffffff2e;border-radius:20px;padding:3px 8px;font-size:8px;font-weight:700;position:absolute;top:8px;right:8px}._previewContainer_tqszm_86._v_flat_tqszm_118{background:var(--theme-secondary-light);box-shadow:6px 6px 0 var(--theme-primary-dark);border:2px solid #14151b;border-radius:0}._previewContainer_tqszm_86._v_flat_tqszm_118 ._mockLogo_tqszm_124{color:var(--theme-primary-dark)}._previewContainer_tqszm_86._v_flat_tqszm_118 ._mockNavLink_tqszm_127{background-color:var(--theme-primary-dark)}._previewContainer_tqszm_86._v_flat_tqszm_118 ._mockTitle_tqszm_28{color:var(--theme-primary-dark)}._previewContainer_tqszm_86._v_flat_tqszm_118 ._mockDesc_tqszm_133{color:color-mix(in srgb, var(--theme-primary-dark) 78%, transparent)}._previewContainer_tqszm_86._v_flat_tqszm_118 ._gradientButton_tqszm_136{background:var(--theme-primary);color:var(--theme-secondary-light);box-shadow:3px 3px 0 var(--theme-primary-dark);border:2px solid #14151b;border-radius:0}._previewContainer_tqszm_86._v_flat_tqszm_118 ._outlineButton_tqszm_143{border:2px solid var(--theme-primary-dark);color:var(--theme-primary-dark);border-radius:0}._previewContainer_tqszm_86._v_glass_tqszm_150{background:linear-gradient(135deg, color-mix(in srgb, var(--theme-primary) 38%, #11131a), color-mix(in srgb, var(--theme-secondary) 30%, #11131a));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff2e;position:relative;box-shadow:inset 0 1px #ffffff38,0 10px 32px #00000059}._previewContainer_tqszm_86._v_glass_tqszm_150:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff24,#0000 42%);position:absolute;inset:0}._previewContainer_tqszm_86._v_neu_tqszm_167{background:#e2e5ec;border:none;border-radius:20px;box-shadow:8px 8px 18px #b9bdc6,-8px -8px 18px #fff}._previewContainer_tqszm_86._v_neu_tqszm_167 ._mockLogo_tqszm_124,._previewContainer_tqszm_86._v_neu_tqszm_167 ._mockTitle_tqszm_28{color:var(--theme-primary-dark)}._previewContainer_tqszm_86._v_neu_tqszm_167 ._mockDesc_tqszm_133{color:#5a5f6a}._previewContainer_tqszm_86._v_neu_tqszm_167 ._mockNavLink_tqszm_127{background-color:#c6cad3}._previewContainer_tqszm_86._v_neu_tqszm_167 ._gradientButton_tqszm_136{color:var(--theme-primary-dark);background:#e2e5ec;border:none;box-shadow:4px 4px 10px #b9bdc6,-4px -4px 10px #fff}._previewContainer_tqszm_86._v_neu_tqszm_167 ._outlineButton_tqszm_143{color:#5a5f6a;border:none;box-shadow:inset 2px 2px 6px #b9bdc6,inset -2px -2px 6px #fff}._previewContainer_tqszm_86._v_outline_tqszm_196{border:1px dashed color-mix(in srgb, var(--theme-primary) 60%, transparent);background:#0e0f15;border-radius:12px}._previewContainer_tqszm_86._v_outline_tqszm_196 ._mockTitle_tqszm_28{color:var(--theme-primary-light)}._previewContainer_tqszm_86._v_outline_tqszm_196 ._mockNavLink_tqszm_127{border:1px solid color-mix(in srgb, var(--theme-primary) 50%, transparent);background:0 0}._previewContainer_tqszm_86._v_outline_tqszm_196 ._gradientButton_tqszm_136{border:1px dashed var(--theme-primary);background:0 0}._previewContainer_tqszm_86._v_mesh_tqszm_214{background:radial-gradient(at 18% 20%, var(--theme-primary) 0, transparent 50%), radial-gradient(at 82% 0%, var(--theme-secondary) 0, transparent 45%), radial-gradient(at 0% 100%, var(--theme-primary-dark) 0, transparent 52%), radial-gradient(at 100% 100%, var(--theme-secondary-dark) 0, transparent 50%), #11131a;border:none}._previewContainer_tqszm_86._v_mesh_tqszm_214 ._mockTitle_tqszm_28,._previewContainer_tqszm_86._v_mesh_tqszm_214 ._mockDesc_tqszm_133{text-shadow:0 1px 4px #00000080}._previewContainer_tqszm_86._v_grid_tqszm_224{background-color:color-mix(in srgb, var(--theme-primary-dark) 55%, #0c1018);background-image:linear-gradient(color-mix(in srgb, var(--theme-primary) 32%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--theme-primary) 32%, transparent) 1px, transparent 1px);border:1px solid color-mix(in srgb, var(--theme-primary) 38%, transparent);background-size:18px 18px}._previewContainer_tqszm_86._v_duotone_tqszm_232{background:linear-gradient(125deg, var(--theme-primary) 0%, var(--theme-primary) 50%, var(--theme-secondary) 50%, var(--theme-secondary) 100%);border:none}._previewContainer_tqszm_86._v_duotone_tqszm_232 ._mockTitle_tqszm_28,._previewContainer_tqszm_86._v_duotone_tqszm_232 ._mockDesc_tqszm_133,._previewContainer_tqszm_86._v_duotone_tqszm_232 ._mockLogo_tqszm_124{text-shadow:0 1px 4px #00000073}._previewContainer_tqszm_86._v_scanline_tqszm_243{border:1px solid color-mix(in srgb, var(--theme-primary) 30%, transparent);background:repeating-linear-gradient(0deg, #00000047 0, #00000047 1px, transparent 2px, transparent 4px), linear-gradient(135deg, color-mix(in srgb, var(--theme-primary-dark) 62%, #07080c), color-mix(in srgb, var(--theme-secondary-dark) 55%, #07080c))}._previewContainer_tqszm_86._v_scanline_tqszm_243 ._mockTitle_tqszm_28{color:var(--theme-primary-light);text-shadow:0 0 8px color-mix(in srgb, var(--theme-primary) 70%, transparent)}._previewContainer_tqszm_86._v_spotlight_tqszm_253{border:1px solid color-mix(in srgb, var(--theme-secondary) 25%, transparent);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--theme-primary) 58%, transparent) 0%, transparent 58%), #0b0d13}._mockHeader_tqszm_258{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}._mockLogo_tqszm_124{color:var(--theme-primary);letter-spacing:-.5px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1)}._mockNav_tqszm_127{gap:8px;display:flex}._mockNavLink_tqszm_127{background-color:#ffffff1a;border-radius:2px;width:24px;height:4px}._mockHero_tqszm_285{flex-direction:column;flex:1;justify-content:center;margin-bottom:16px;display:flex}._mockTitle_tqszm_28{color:#f3f4f6;font-size:16px;font-weight:700;line-height:1.25;font-family:var(--theme-font-family);margin-bottom:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}._mockDesc_tqszm_133{color:#9ca3af;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}._mockButtons_tqszm_314{gap:8px;display:flex}._gradientButton_tqszm_136{color:#f3f4f6;cursor:pointer;background:linear-gradient(#181920, #181920) padding-box, linear-gradient(to right, var(--theme-primary), var(--theme-secondary)) border-box;border:1px solid #0000;border-radius:6px;outline:none;padding:6px 14px;font-size:10px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}._gradientButton_tqszm_136:hover{background:linear-gradient(#21232d, #21232d) padding-box, linear-gradient(to right, var(--theme-primary-light), var(--theme-secondary-light)) border-box;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}._gradientButton_tqszm_136:active{transform:translateY(0)}._outlineButton_tqszm_143{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}._outlineButton_tqszm_143:hover{color:#9ca3af;border-color:#fff3}._cardFooter_tqszm_358{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-top:10px;display:flex}._themeNameSection_tqszm_366{flex-direction:column;display:flex}._themeNameLabel_tqszm_371{color:#f3f4f6;font-size:11px;font-weight:600}._fontFamilyName_tqszm_377{color:#6b7280;margin-top:1px;font-size:9px}._colorPalette_tqszm_383{gap:4px;display:flex}._colorDot_tqszm_388{border:1px solid #0003;border-radius:50%;width:10px;height:10px;transition:all .2s cubic-bezier(.4,0,.2,1)}._colorDot_tqszm_388:hover{z-index:10;transform:scale(1.3)}._carouselContainer_1gang_2{--carousel-spacing-x:320px;--carousel-spacing-z:-160px;--carousel-rotate-y:-35deg;flex-direction:column;align-items:center;width:100%;margin:20px 0;display:flex;position:relative}@media (width<=960px){._carouselContainer_1gang_2{--carousel-spacing-x:200px;--carousel-spacing-z:-120px;--carousel-rotate-y:-25deg}}@media (width<=600px){._carouselContainer_1gang_2{--carousel-spacing-x:80px;--carousel-spacing-z:-90px;--carousel-rotate-y:-20deg}}._scene_1gang_28{perspective:1200px;perspective-origin:50%;justify-content:center;align-items:center;width:100%;height:460px;display:flex;overflow:visible}@media (width<=600px){._scene_1gang_28{height:380px}}._carouselTrack_1gang_44{width:320px;height:320px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}@media (width<=600px){._carouselTrack_1gang_44{width:260px;height:260px}}._carouselItem_1gang_60{width:320px;height:320px;transform-style:preserve-3d;transform:translate3d(calc(var(--diff) * var(--carousel-spacing-x)), 0, calc(var(--diff-abs) * var(--carousel-spacing-z))) rotateY(calc(var(--diff) * var(--carousel-rotate-y)));transition:transform .6s cubic-bezier(.25,1,.5,1),opacity .6s cubic-bezier(.25,1,.5,1),z-index .6s step-end;position:absolute}@media (width<=600px){._carouselItem_1gang_60{width:260px;height:260px}}._carouselItem_1gang_60._activeItem_1gang_74{z-index:10}._navButton_1gang_79{color:#f3f4f6;cursor:pointer;z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#18192099;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}._navButton_1gang_79:hover{color:#fff;background-color:#ffffff14;border-color:#fff3;box-shadow:0 4px 16px #0000004d}._navButton_1gang_79._prev_1gang_103{left:calc(50% - 280px)}@media (width<=960px){._navButton_1gang_79._prev_1gang_103{left:20px}}._navButton_1gang_79._next_1gang_111{right:calc(50% - 280px)}@media (width<=960px){._navButton_1gang_79._next_1gang_111{right:20px}}@media (width<=600px){._navButton_1gang_79{width:36px;height:36px}._navButton_1gang_79 svg{width:18px;height:18px}._navButton_1gang_79._prev_1gang_103{left:10px}._navButton_1gang_79._next_1gang_111{right:10px}}._indicatorViewport_1gang_137{z-index:200;width:144px;margin-top:24px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%)}@media (width<=600px){._indicatorViewport_1gang_137{margin-top:12px}}._indicatorTrack_1gang_151{will-change:transform;gap:8px;width:max-content;transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex}._indicatorDot_1gang_159{cursor:pointer;width:8px;height:8px;transform:scale(var(--dot-scale,1));background-color:#ffffff2e;border:none;border-radius:50%;flex-shrink:0;transition:transform .45s cubic-bezier(.25,1,.5,1),background-color .3s}._indicatorDot_1gang_159:hover{background-color:#ffffff73}._indicatorDot_1gang_159._activeDot_1gang_173{background-color:#fff;transform:scale(1.6);box-shadow:0 0 8px #fff9}._panel_rzqrc_2{width:100%;max-width:880px;margin:40px auto 8px;animation:.5s ease-out _fadeIn_rzqrc_1}._panelHeader_rzqrc_9{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}@media (width<=600px){._panelHeader_rzqrc_9{flex-direction:column;gap:12px}}._panelTitleGroup_rzqrc_23{color:var(--theme-primary);align-items:flex-start;gap:8px;display:inline-flex}._panelTitleGroup_rzqrc_23 svg{flex-shrink:0;margin-top:3px}._panelTitle_rzqrc_23{color:#f3f4f6;font-size:18px;font-weight:700}._panelSubtitle_rzqrc_40{color:#9ca3af;max-width:520px;margin-top:6px;font-size:13px;line-height:1.5}._techSelect_rzqrc_49{flex-direction:column;flex-shrink:0;gap:6px;display:inline-flex}._techSelect_rzqrc_49 select{color:#f3f4f6;border:1px solid color-mix(in srgb, var(--theme-primary) 55%, transparent);cursor:pointer;background-color:#11131a;border-radius:6px;outline:none;padding:9px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}._techSelect_rzqrc_49 select:hover,._techSelect_rzqrc_49 select:focus{border-color:var(--theme-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-primary) 22%, transparent)}._techSelect_rzqrc_49 select option{color:#f3f4f6;background-color:#181920}._techLabel_rzqrc_76{letter-spacing:.8px;text-transform:uppercase;color:#6b7280;font-size:10px;font-weight:700}._editor_rzqrc_85{background-color:#11131a;background-image:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--theme-primary) 18%, transparent) 0%, transparent 40%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--theme-secondary) 18%, transparent) 0%, transparent 45%);border:1px solid #2a2c38;border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #0006}._tabBar_rzqrc_95{background-color:#00000059;border-bottom:1px solid #2a2c38;align-items:stretch;gap:2px;padding:0 8px;display:flex;overflow-x:auto}._tabBar_rzqrc_95::-webkit-scrollbar{height:0}._tab_rzqrc_95{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-top:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-family:SF Mono,Fira Code,monospace;font-size:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}._tab_rzqrc_95:hover{color:#9ca3af;background-color:#ffffff05}._tab_rzqrc_95._activeTab_rzqrc_127{color:#f3f4f6;border-top-color:var(--theme-primary);background-color:#11131a}._tabDot_rzqrc_133{border-radius:2px;flex-shrink:0;width:8px;height:8px}._tabName_rzqrc_140{letter-spacing:.2px}._copyButton_rzqrc_144{color:#f3f4f6;cursor:pointer;background:linear-gradient(#11131a, #11131a) padding-box, linear-gradient(to right, var(--theme-primary), var(--theme-secondary)) border-box;border:1px solid #0000;border-radius:6px;align-self:center;align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}._copyButton_rzqrc_144 svg{flex-shrink:0}._copyButton_rzqrc_144:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000059}._copyButton_rzqrc_144._copied_rzqrc_167{color:#34d399;background:#34d39914;border-color:#34d399}._pathBar_rzqrc_174{color:#6b7280;background-color:#0003;border-bottom:1px solid #ffffff0a;align-items:center;gap:6px;padding:8px 16px;font-family:SF Mono,Fira Code,monospace;font-size:11px;display:flex}._pathSep_rzqrc_186{opacity:.5}._pathCurrent_rzqrc_190{color:#9ca3af}._langBadge_rzqrc_194{text-transform:uppercase;letter-spacing:.5px;color:var(--theme-primary);background-color:color-mix(in srgb, var(--theme-primary) 14%, transparent);border-radius:20px;margin-left:auto;padding:2px 8px;font-size:10px}._codeBody_rzqrc_207{max-height:320px;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:12.5px;line-height:1.7;display:flex;overflow:hidden auto}._gutter_rzqrc_217{text-align:right;-webkit-user-select:none;user-select:none;color:#6b7280;background-color:#0003;border-right:1px solid #ffffff0a;flex-direction:column;flex-shrink:0;margin:0;padding:16px 0;display:flex}._lineNo_rzqrc_230{opacity:.5;padding:0 14px}._code_rzqrc_207{color:#d7dae0;white-space:pre;flex:1;margin:0;padding:16px 20px;overflow-x:auto}._code_rzqrc_207 code{font-family:inherit}@keyframes _fadeIn_rzqrc_1{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}._pageContainer_1udwa_1{background-color:#0f1015;background-image:radial-gradient(circle at 15% -5%, color-mix(in srgb, var(--app-primary) 22%, transparent) 0%, transparent 45%), radial-gradient(circle at 90% 110%, color-mix(in srgb, var(--app-secondary) 20%, transparent) 0%, transparent 45%);color:#f3f4f6;min-height:100vh;font-family:var(--app-font-family), "Inter", sans-serif;border-top:4px solid #0000;border-image:linear-gradient(to right, var(--app-primary), var(--app-secondary)) 1;flex-direction:column;padding-bottom:90px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}._pageContainer_1udwa_1:before{content:"";background:radial-gradient(circle, rgba(var(--app-primary), .08) 0%, transparent 70%);background:radial-gradient(circle, var(--app-primary) 0%, transparent 65%);opacity:.15;pointer-events:none;z-index:-1;width:800px;height:800px;transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute;top:-300px;left:50%;transform:translate(-50%)}._navbar_1udwa_33{border-bottom:1px solid color-mix(in srgb, var(--app-primary) 35%, #2a2c38);z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0f1015cc;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}@media (width<=600px){._navbar_1udwa_33{flex-direction:column;gap:12px;padding:12px 20px}}._logoGroup_1udwa_53{align-items:center;gap:16px;display:flex}@media (width<=600px){._logoGroup_1udwa_53{justify-content:space-between;width:100%}}._brandLogo_1udwa_65{color:var(--app-primary);letter-spacing:-.8px;font-size:20px;font-weight:800;transition:all .5s cubic-bezier(.4,0,.2,1)}._logoLabel_1udwa_73{color:#6b7280;background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;padding:4px 10px;font-size:11px}._controlsGroup_1udwa_82{align-items:center;gap:16px;display:flex}@media (width<=600px){._controlsGroup_1udwa_82{justify-content:space-between;width:100%}}._segmentControl_1udwa_95{background-color:#00000040;border:1px solid #ffffff0a;border-radius:12px;padding:3px;display:flex}._segmentBtn_1udwa_103{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}._segmentBtn_1udwa_103 svg{transition:transform .3s}._segmentBtn_1udwa_103:hover{color:#f3f4f6}._segmentBtn_1udwa_103._activeSegment_1udwa_123{color:var(--app-primary);background-color:#181920;box-shadow:0 4px 12px #0003}._segmentBtn_1udwa_103._activeSegment_1udwa_123 svg{color:var(--app-primary);transform:rotate(45deg)}@media (width<=600px){._segmentBtn_1udwa_103{padding:6px 12px;font-size:11px}}._docsBtn_1udwa_140{border:1px solid color-mix(in srgb, var(--app-primary) 30%, #ffffff14);color:#9ca3af;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}._docsBtn_1udwa_140:hover{color:#f3f4f6;border-color:var(--app-primary);background-color:#ffffff08}._languageToggleBtn_1udwa_161{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}._languageToggleBtn_1udwa_161:hover{color:#f3f4f6;background-color:#ffffff08;border-color:#fff3}._languageToggleBtn_1udwa_161 ._langCode_1udwa_178{letter-spacing:.5px;font-size:11px;font-weight:700}._mainContent_1udwa_185{flex-direction:column;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:40px;display:flex}@media (width<=600px){._mainContent_1udwa_185{padding:24px 20px}}._heroHeader_1udwa_200{text-align:center;margin-bottom:24px}._pageTitle_1udwa_205{letter-spacing:-1px;background:linear-gradient(135deg, #fff 40%, var(--app-primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:36px;font-weight:800;transition:all .5s cubic-bezier(.4,0,.2,1)}@media (width<=600px){._pageTitle_1udwa_205{font-size:26px}}._pageSubtitle_1udwa_221{color:#9ca3af;max-width:600px;margin:0 auto;font-size:14px;line-height:1.6}@media (width<=600px){._pageSubtitle_1udwa_221{font-size:12px}}._jukeboxWrapper_1udwa_235{flex-direction:column;align-items:center;display:flex}._themeDetailsShowcase_1udwa_242{background-color:#181920;border:1px solid #2a2c38;border-radius:20px;width:100%;max-width:680px;margin-top:10px;padding:24px;animation:.6s cubic-bezier(.16,1,.3,1) _slideUp_1udwa_1;box-shadow:0 12px 40px #00000040}@media (width<=600px){._themeDetailsShowcase_1udwa_242{padding:16px}}._detailsHeader_1udwa_259{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:baseline;margin-bottom:20px;padding-bottom:16px;display:flex}._detailsHeader_1udwa_259 h2{color:#fff;font-size:20px;font-weight:700}._detailsHeader_1udwa_259 ._fontFamilyValue_1udwa_272{color:#6b7280;font-family:monospace;font-size:12px}@media (width<=600px){._detailsHeader_1udwa_259{flex-direction:column;gap:4px}._detailsHeader_1udwa_259 h2{font-size:18px}}._colorPaletteGrid_1udwa_287{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=600px){._colorPaletteGrid_1udwa_287{grid-template-columns:1fr;gap:20px}}._colorGroup_1udwa_299{flex-direction:column;gap:12px;display:flex}._colorGroupLabel_1udwa_305{text-transform:uppercase;letter-spacing:1px;color:#6b7280;font-size:11px;font-weight:700}._colorList_1udwa_313{flex-direction:column;gap:8px;display:flex}._colorItem_1udwa_319{align-items:center;gap:12px;display:flex}._swatch_1udwa_325{border:1px solid #ffffff14;border-radius:6px;width:28px;height:28px}._colorCodeLabel_1udwa_332{color:#9ca3af;font-family:monospace;font-size:12px}._gridWrapper_1udwa_339{width:100%;animation:.5s ease-out _fadeIn_1udwa_1}._themeGrid_1udwa_344{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:16px;padding:8px;display:grid}@media (width<=960px){._themeGrid_1udwa_344{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){._themeGrid_1udwa_344{grid-template-columns:1fr;gap:20px}}._themeGrid_1udwa_344:hover ._gridItem_1udwa_362:not(:hover){opacity:.55;transform:scale(.97)}._gridItem_1udwa_362{cursor:pointer;will-change:transform;justify-content:center;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s;display:flex}._gridItem_1udwa_362:hover{z-index:10;transform:translateY(-10px)scale(1.04)}@media (width<=600px){._gridItem_1udwa_362:hover{transform:translateY(-4px)scale(1.01)}}._appBanner_1udwa_385{background-image:linear-gradient(#181920e6, #181920e6), linear-gradient(120deg, var(--app-primary), var(--app-secondary));border:1px solid color-mix(in srgb, var(--app-primary) 45%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:calc(100% - 80px);max-width:1280px;box-shadow:0 10px 40px #00000080, 0 0 24px color-mix(in srgb, var(--app-primary) 18%, transparent);z-index:1100;border-radius:20px;padding:16px 32px;transition:all .5s cubic-bezier(.4,0,.2,1);position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=600px){._appBanner_1udwa_385{width:calc(100% - 32px);padding:16px 20px;bottom:16px}}._bannerContent_1udwa_409{justify-content:space-between;align-items:center;gap:20px;display:flex}@media (width<=600px){._bannerContent_1udwa_409{flex-direction:column;align-items:flex-start}}._bannerText_1udwa_422{flex-direction:column;gap:4px;display:flex}._bannerText_1udwa_422 h3{color:#fff;font-size:16px;font-weight:700;transition:all .5s cubic-bezier(.4,0,.2,1)}._bannerText_1udwa_422 p{color:#9ca3af;font-size:12px;line-height:1.4}._bannerActionButton_1udwa_439{color:#fff;cursor:pointer;background:linear-gradient(#181920, #181920) padding-box, linear-gradient(to right, var(--app-primary), var(--app-secondary)) border-box;border:1px solid #0000;border-radius:6px;outline:none;flex-shrink:0;padding:10px 22px;font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}._bannerActionButton_1udwa_439:hover{background:linear-gradient(#21232d, #21232d) padding-box, linear-gradient(to right, var(--app-primary-light), var(--app-secondary-light)) border-box;transform:translateY(-1px);box-shadow:0 4px 16px #0006}._bannerActionButton_1udwa_439:active{transform:translateY(0)}@media (width<=600px){._bannerActionButton_1udwa_439{text-align:center;width:100%}}@keyframes _slideUp_1udwa_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _fadeIn_1udwa_1{0%{opacity:0}to{opacity:1}}._docs_1v9wf_1{color:#f3f4f6;background-color:#0f1015;background-image:radial-gradient(circle at 12% -5%,#6366f11f 0%,#0000 42%),radial-gradient(circle at 92% 108%,#22d3ee1a 0%,#0000 42%);min-height:100vh}._header_1v9wf_8{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background-color:#0f1015d1;border-bottom:1px solid #2a2c38;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}@media (width<=600px){._header_1v9wf_8{padding:12px 20px}}._backBtn_1v9wf_26{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}._backBtn_1v9wf_26:hover{color:#f3f4f6;background-color:#ffffff08;border-color:#ffffff40}._pkgPill_1v9wf_46{color:#9ca3af;background-color:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-family:SF Mono,Fira Code,monospace;font-size:12px;display:inline-flex}._body_1v9wf_59{max-width:820px;margin:0 auto;padding:48px 40px 100px}@media (width<=600px){._body_1v9wf_59{padding:28px 20px 80px}}._hero_1v9wf_70{text-align:center;margin-bottom:48px}._hero_1v9wf_70 h1{letter-spacing:-1px;background:linear-gradient(135deg,#fff 40%,#8b8cf0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:40px;font-weight:800}@media (width<=600px){._hero_1v9wf_70 h1{font-size:30px}}._hero_1v9wf_70 p{color:#9ca3af;max-width:620px;margin:0 auto;font-size:15px;line-height:1.7}._hero_1v9wf_70 p strong{color:#f3f4f6;font-weight:600}._statRow_1v9wf_101{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px;display:flex}._stat_1v9wf_101{background-color:#181920;border:1px solid #2a2c38;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:110px;padding:16px 20px;display:flex}._stat_1v9wf_101 svg{color:#8b8cf0;margin-bottom:4px}._stat_1v9wf_101 span{font-size:24px;font-weight:800}._stat_1v9wf_101 small{color:#6b7280;text-transform:uppercase;letter-spacing:.6px;font-size:11px}._section_1v9wf_135{margin-bottom:40px}._section_1v9wf_135 h2{align-items:center;gap:10px;margin-bottom:12px;font-size:19px;font-weight:700;display:flex}._section_1v9wf_135 h2 svg{color:#8b8cf0}._section_1v9wf_135 p{color:#9ca3af;margin-bottom:14px;font-size:14px;line-height:1.7}._section_1v9wf_135 code{color:#c9b6ff;background-color:#8b8cf01f;border-radius:5px;padding:1px 6px;font-family:SF Mono,Fira Code,monospace;font-size:12.5px}._code_1v9wf_164{background-color:#11131a;border:1px solid #2a2c38;border-radius:12px;margin:0;padding:18px 20px;overflow-x:auto;box-shadow:0 10px 30px #0000004d}._code_1v9wf_164 code{color:#d7dae0;white-space:pre;background:0 0;padding:0;font-family:SF Mono,Fira Code,monospace;font-size:12.5px;line-height:1.7}._tagRow_1v9wf_183{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}._tag_1v9wf_183{color:#9ca3af;background-color:#ffffff0a;border:1px solid #ffffff12;border-radius:20px;padding:5px 12px;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:600}._api_1v9wf_201{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}._api_1v9wf_201 li{color:#9ca3af;padding-left:16px;font-size:14px;line-height:1.5;position:relative}._api_1v9wf_201 li:before{content:"";background-color:#8b8cf0;border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}