._root_hiusv_1{width:100%;min-width:0;max-width:100%;position:relative}._rootOpen_hiusv_8{z-index:80}._trigger_hiusv_12{box-sizing:border-box;border:1px solid var(--control-border);width:100%;min-width:0;max-width:100%;min-height:50px;color:var(--text-primary);background:var(--control-bg);text-align:left;border-radius:12px;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px 12px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex;overflow:hidden}._trigger_hiusv_12:hover:not(:disabled){border-color:var(--control-border-hover);background:var(--control-bg-hover)}._trigger_hiusv_12:focus-visible,._triggerOpen_hiusv_42{border-color:var(--control-border-focus);box-shadow:0 0 0 3px var(--control-focus-ring)}._trigger_hiusv_12:disabled{cursor:not-allowed;opacity:.52}._value_hiusv_52{overflow-wrap:anywhere;white-space:normal;flex:auto;min-width:0;max-width:100%;padding:1px 0 2px;line-height:1.45}._chevron_hiusv_62{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;color:var(--text-secondary);flex:none;transition:transform .16s}._chevronOpen_hiusv_73{transform:rotate(180deg)}._dropdown_hiusv_77{box-sizing:border-box;z-index:90;overscroll-behavior:contain;border:1px solid var(--dropdown-border);background:var(--dropdown-bg);width:100%;min-width:0;max-width:100%;max-height:270px;box-shadow:var(--dropdown-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto}._dropdown_hiusv_77::-webkit-scrollbar{width:9px}._dropdown_hiusv_77::-webkit-scrollbar-track{background:0 0}._dropdown_hiusv_77::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;min-height:34px}._dropdown_hiusv_77::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}._option_hiusv_121{box-sizing:border-box;color:#f4f7ffe6;text-align:left;background:0 0;border:0;border-radius:9px;outline:none;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 11px 11px;display:flex}._option_hiusv_121:hover:not(:disabled),._optionActive_hiusv_141:not(:disabled){color:var(--text-primary);background:var(--dropdown-option-hover)}._optionSelected_hiusv_146{color:#c4ebfffa;background:var(--dropdown-option-selected)}._option_hiusv_121:disabled{cursor:not-allowed;opacity:.42}._option_hiusv_121>:first-child{overflow-wrap:anywhere;flex:auto;min-width:0;line-height:1.45}._check_hiusv_163{min-height:18px;color:var(--accent);text-align:center;flex:0 0 18px;font-size:14px;font-weight:700}@media (prefers-reduced-motion:reduce){._trigger_hiusv_12,._chevron_hiusv_62{transition:none}}._root_18rec_1{isolation:isolate;border-radius:28px;place-items:center;display:grid;position:relative;overflow:visible}._darkBackground_18rec_10{background:radial-gradient(circle at 50% 28%,#446eff2e,#0000 34%),radial-gradient(circle at 50% 78%,#0a1123db,#040710 70%);border:1px solid #ffffff0d;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 16px 70px #00000057}._stage_18rec_21{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:visible}._root_18rec_1,._stage_18rec_21{min-width:0;max-width:100%;min-height:0;max-height:100%}._stage_18rec_21>canvas{max-width:100%;max-height:100%;display:block}._root_17mb1_1{--core-rgb:27 55 158;--accent-rgb:68 181 255;--halo-rgb:173 244 255;--ring-rgb:91 143 255;--violet-rgb:132 111 255;--pink-rgb:233 116 255;--mint-rgb:108 255 223;--amber-rgb:255 196 112;--noise-opacity:.1;--pointer-x:0;--pointer-y:0;--swirl-duration:12s;--counter-duration:18s;--micro-duration:8s;--breath-duration:5s;--detail-blur:12px;--shell-opacity:.88;--glow-alpha:.88;--flare-x:50%;--flare-y:22%;aspect-ratio:1;isolation:isolate;width:86%;transform-style:preserve-3d;will-change:transform;transform:perspective(1700px) rotateX(calc(var(--pointer-y) * -14deg)) rotateY(calc(var(--pointer-x) * 16deg));place-items:center;transition:transform .14s linear;display:grid;position:relative}._reducedMotion_17mb1_38{transform:none}._reducedMotion_17mb1_38 *{transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}._backMist_17mb1_48,._outerGlow_17mb1_49,._vortexZone_17mb1_50,._swirlA_17mb1_51,._swirlB_17mb1_52,._swirlC_17mb1_53,._swirlD_17mb1_54,._chromaBand_17mb1_55,._tunnelGlow_17mb1_56,._texture_17mb1_57,._centerEye_17mb1_58,._centerCore_17mb1_59,._glassShell_17mb1_60,._shellInner_17mb1_61,._glassHalo_17mb1_62,._refraction_17mb1_63,._frontCaustic_17mb1_64,._specular_17mb1_65,._frontRim_17mb1_66{border-radius:50%;position:absolute}._backMist_17mb1_48{background:radial-gradient(circle, rgb(var(--accent-rgb) / calc(.14 * var(--glow-alpha))) 0%, rgb(var(--halo-rgb) / calc(.08 * var(--glow-alpha))) 34%, transparent 74%);filter:blur(42px);opacity:.84;animation:_backMistPulse_17mb1_1 var(--breath-duration) ease-in-out infinite;inset:-6%}._outerGlow_17mb1_49{background:radial-gradient(circle, rgb(var(--halo-rgb) / calc(.08 * var(--glow-alpha))) 0%, transparent 68%);filter:blur(26px);opacity:.74;animation:_outerGlowPulse_17mb1_1 calc(var(--breath-duration) * 1.1) ease-in-out infinite;inset:6%}._vortexZone_17mb1_50{background:radial-gradient(circle,#080b1a1f 0%,#080c1e5c 38%,#060914b8 100%);inset:18%;overflow:hidden;box-shadow:inset 0 0 34px #ffffff0a,inset 0 -12px 30px #0000003d}._swirlA_17mb1_51,._swirlB_17mb1_52,._swirlC_17mb1_53,._swirlD_17mb1_54,._chromaBand_17mb1_55{mix-blend-mode:screen;filter:blur(var(--detail-blur)) saturate(1.2);transform-origin:50%}._swirlA_17mb1_51{background:conic-gradient(from 0deg, transparent 0deg, rgb(var(--halo-rgb) / .96) 18deg, transparent 50deg, rgb(var(--accent-rgb) / .92) 104deg, transparent 144deg, rgb(var(--violet-rgb) / .94) 188deg, transparent 240deg, rgb(var(--pink-rgb) / .9) 296deg, transparent 342deg, rgb(var(--halo-rgb) / .96) 360deg);animation:_swirlSpin_17mb1_1 var(--swirl-duration) linear infinite;inset:-6%;-webkit-mask-image:radial-gradient(circle,#0000 0 14%,#000 22% 80%,#0000 90%);mask-image:radial-gradient(circle,#0000 0 14%,#000 22% 80%,#0000 90%)}._swirlB_17mb1_52{background:conic-gradient(from 36deg, transparent 0deg, rgb(var(--mint-rgb) / .8) 30deg, transparent 76deg, rgb(var(--halo-rgb) / .72) 126deg, transparent 184deg, rgb(var(--violet-rgb) / .86) 238deg, transparent 296deg, rgb(var(--accent-rgb) / .78) 340deg, transparent 360deg);animation:_swirlSpinReverse_17mb1_1 var(--counter-duration) linear infinite;inset:3%;transform:scale(1.08);-webkit-mask-image:radial-gradient(circle,#0000 0 18%,#000 28% 72%,#0000 84%);mask-image:radial-gradient(circle,#0000 0 18%,#000 28% 72%,#0000 84%)}._swirlC_17mb1_53{background:conic-gradient(from 130deg, transparent 0deg, rgb(var(--pink-rgb) / .92) 24deg, transparent 68deg, rgb(var(--halo-rgb) / .82) 118deg, transparent 178deg, rgb(var(--accent-rgb) / .84) 236deg, transparent 298deg, rgb(var(--mint-rgb) / .8) 336deg, transparent 360deg);animation:_swirlSpin_17mb1_1 calc(var(--swirl-duration) * .86) linear infinite, _swirlBreathe_17mb1_1 calc(var(--breath-duration) * 1.1) ease-in-out infinite;inset:8%;-webkit-mask-image:radial-gradient(circle,#0000 0 10%,#000 24% 64%,#0000 78%);mask-image:radial-gradient(circle,#0000 0 10%,#000 24% 64%,#0000 78%)}._swirlD_17mb1_54{background:conic-gradient(from 70deg, transparent 0deg, rgb(var(--amber-rgb) / .42) 20deg, transparent 54deg, rgb(var(--halo-rgb) / .56) 112deg, transparent 170deg, rgb(var(--pink-rgb) / .48) 232deg, transparent 304deg, rgb(var(--accent-rgb) / .42) 346deg, transparent 360deg);animation:_microSpin_17mb1_1 var(--micro-duration) linear infinite;inset:16%;-webkit-mask-image:radial-gradient(circle,#0000 0 20%,#000 34% 60%,#0000 76%);mask-image:radial-gradient(circle,#0000 0 20%,#000 34% 60%,#0000 76%)}._chromaBand_17mb1_55{background:radial-gradient(circle at 50% 50%, transparent 0 20%, rgb(var(--halo-rgb) / .14) 34%, transparent 44%), conic-gradient(from 0deg, transparent 0deg, rgb(var(--halo-rgb) / .16) 40deg, transparent 88deg, rgb(var(--violet-rgb) / .18) 138deg, transparent 208deg, rgb(var(--pink-rgb) / .16) 272deg, transparent 332deg, rgb(var(--mint-rgb) / .16) 360deg);animation:_swirlSpinReverse_17mb1_1 calc(var(--counter-duration) * .82) linear infinite, _chromaPulse_17mb1_1 calc(var(--breath-duration) * .92) ease-in-out infinite;inset:10%;-webkit-mask-image:radial-gradient(circle,#0000 0 16%,#000 28% 74%,#0000 84%);mask-image:radial-gradient(circle,#0000 0 16%,#000 28% 74%,#0000 84%)}._tunnelGlow_17mb1_56{background:radial-gradient(circle, rgb(var(--halo-rgb) / .22) 0%, rgb(var(--accent-rgb) / .12) 34%, rgb(var(--violet-rgb) / .08) 50%, transparent 74%);filter:blur(18px);animation:_tunnelPulse_17mb1_1 calc(var(--breath-duration) * .92) ease-in-out infinite;inset:14%}._texture_17mb1_57{mix-blend-mode:soft-light;opacity:var(--noise-opacity);animation:_textureDrift_17mb1_1 calc(var(--counter-duration) * 1.08) linear infinite;background-image:radial-gradient(#ffffff1c .65px,#0000 .65px);background-size:8px 8px;inset:0}._centerEye_17mb1_58{background:radial-gradient(circle, #070a19fa 0%, #0a0f22fa 48%, rgb(var(--halo-rgb) / .42) 70%, rgb(var(--accent-rgb) / .2) 82%, transparent 100%);box-shadow:0 0 22px rgb(var(--halo-rgb) / .22), inset 0 0 18px #ffffff0f;animation:_eyeBreathe_17mb1_1 calc(var(--breath-duration) * .88) ease-in-out infinite;inset:34%}._centerCore_17mb1_59{background:radial-gradient(circle, #fff 0%, rgb(var(--halo-rgb) / .98) 22%, rgb(var(--accent-rgb) / .94) 48%, rgb(var(--violet-rgb) / .54) 72%, transparent 100%);box-shadow:0 0 24px rgb(var(--halo-rgb) / .52), 0 0 48px rgb(var(--accent-rgb) / .28);animation:_corePulse_17mb1_1 calc(var(--breath-duration) * .78) ease-in-out infinite;inset:43%}._glassShell_17mb1_60{border:1px solid rgb(255 255 255/calc(.18 * var(--shell-opacity)));background:radial-gradient(circle at 30% 22%, #ffffff38, transparent 20%), radial-gradient(circle at 72% 72%, rgb(var(--halo-rgb) / .09), transparent 22%), radial-gradient(circle at 50% 50%, transparent 58%, #ffffff09 76%, transparent 100%);box-shadow:inset 0 1px 0 #ffffff29, inset 0 -18px 28px #0000002e, 0 0 28px rgb(var(--halo-rgb) / .08);opacity:var(--shell-opacity);inset:9%}._shellInner_17mb1_61{background:radial-gradient(circle at 34% 28%, #ffffff14, transparent 18%), radial-gradient(circle at 66% 74%, rgb(var(--accent-rgb) / .05), transparent 22%);opacity:.82;border:1px solid #ffffff14;inset:14%;box-shadow:inset 0 0 14px #ffffff0a,inset 0 -10px 18px #0000001f}._glassHalo_17mb1_62{border:1px solid rgb(var(--halo-rgb) / .12);box-shadow:0 0 24px rgb(var(--halo-rgb) / calc(.16 * var(--glow-alpha))), inset 0 0 15px rgb(var(--halo-rgb) / .08);opacity:.86;animation:_shellBreathe_17mb1_1 calc(var(--breath-duration) * 1.06) ease-in-out infinite;inset:8%}._refraction_17mb1_63{background:radial-gradient(circle at 70% 70%, rgb(var(--accent-rgb) / .13), transparent 16%), radial-gradient(circle at 26% 60%, rgb(var(--pink-rgb) / .08), transparent 16%), radial-gradient(circle at 62% 26%, rgb(var(--mint-rgb) / .08), transparent 14%);filter:blur(16px);opacity:.88;animation:_refractionShift_17mb1_1 calc(var(--counter-duration) * .92) ease-in-out infinite;inset:10%}._frontCaustic_17mb1_64{background:radial-gradient(circle at 34% 38%, rgb(var(--halo-rgb) / .16), transparent 16%), radial-gradient(circle at 58% 30%, rgb(var(--accent-rgb) / .14), transparent 14%), radial-gradient(circle at 66% 54%, rgb(var(--violet-rgb) / .12), transparent 18%);filter:blur(12px);mix-blend-mode:screen;opacity:.72;animation:_causticShift_17mb1_1 calc(var(--micro-duration) * 1.2) ease-in-out infinite;inset:15%}._specular_17mb1_65{background:radial-gradient(circle at var(--flare-x) var(--flare-y), #ffffffe0, #ffffff61 9%, transparent 18%), linear-gradient(145deg, #ffffff2e, transparent 34%);opacity:.9;transform:translate(calc(var(--pointer-x) * 5%), calc(var(--pointer-y) * 5%));inset:10%}._frontRim_17mb1_66{opacity:.9;border:1px solid #ffffff29;inset:9%;box-shadow:0 0 0 1px #ffffff0a,inset 0 0 0 1px #ffffff08}._modeIdle_17mb1_479 ._swirlA_17mb1_51,._modeIdle_17mb1_479 ._swirlB_17mb1_52,._modeIdle_17mb1_479 ._swirlC_17mb1_53,._modeIdle_17mb1_479 ._swirlD_17mb1_54,._modeIdle_17mb1_479 ._chromaBand_17mb1_55{opacity:.72}._modeIdle_17mb1_479 ._centerCore_17mb1_59{opacity:.82}._modeIdle_17mb1_479 ._outerGlow_17mb1_49{opacity:.62}._modeThinking_17mb1_495 ._swirlA_17mb1_51,._modeThinking_17mb1_495 ._swirlB_17mb1_52,._modeThinking_17mb1_495 ._swirlC_17mb1_53,._modeThinking_17mb1_495 ._swirlD_17mb1_54,._modeThinking_17mb1_495 ._chromaBand_17mb1_55{opacity:1}._modeThinking_17mb1_495 ._centerCore_17mb1_59{box-shadow:0 0 28px rgb(var(--halo-rgb) / .58), 0 0 56px rgb(var(--accent-rgb) / .34)}._modeThinking_17mb1_495 ._glassHalo_17mb1_62{box-shadow:0 0 28px rgb(var(--halo-rgb) / calc(.18 * var(--glow-alpha))), inset 0 0 16px rgb(var(--halo-rgb) / .1)}._modeSearching_17mb1_515 ._swirlA_17mb1_51,._modeSearching_17mb1_515 ._swirlB_17mb1_52,._modeSearching_17mb1_515 ._swirlC_17mb1_53,._modeSearching_17mb1_515 ._swirlD_17mb1_54,._modeSearching_17mb1_515 ._chromaBand_17mb1_55{filter:blur(calc(var(--detail-blur) - 2px)) saturate(1.28)}._modeSearching_17mb1_515 ._glassHalo_17mb1_62{box-shadow:0 0 30px rgb(var(--halo-rgb) / calc(.22 * var(--glow-alpha))), inset 0 0 18px rgb(var(--halo-rgb) / .12)}._modeSearching_17mb1_515 ._centerCore_17mb1_59{box-shadow:0 0 30px rgb(var(--halo-rgb) / .62), 0 0 60px rgb(var(--accent-rgb) / .42)}._modeSearching_17mb1_515 ._outerGlow_17mb1_49{opacity:.9}@keyframes _swirlSpin_17mb1_1{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1)}}@keyframes _swirlSpinReverse_17mb1_1{0%{transform:rotate(36deg)scale(1.08)}to{transform:rotate(-324deg)scale(1.08)}}@keyframes _microSpin_17mb1_1{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1.02)}}@keyframes _swirlBreathe_17mb1_1{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes _chromaPulse_17mb1_1{0%,to{opacity:.58;transform:scale(.98)}50%{opacity:.84;transform:scale(1.03)}}@keyframes _backMistPulse_17mb1_1{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:.96;transform:scale(1.06)}}@keyframes _outerGlowPulse_17mb1_1{0%,to{opacity:.62;transform:scale(.98)}50%{opacity:.82;transform:scale(1.04)}}@keyframes _tunnelPulse_17mb1_1{0%,to{opacity:.48;transform:scale(.94)}50%{opacity:.88;transform:scale(1.05)}}@keyframes _textureDrift_17mb1_1{0%{transform:translate(0)}50%{transform:translate(2.5%,-2%)}to{transform:translate(0)}}@keyframes _eyeBreathe_17mb1_1{0%,to{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes _corePulse_17mb1_1{0%,to{opacity:.9;transform:scale(.94)}50%{opacity:1;transform:scale(1.1)}}@keyframes _shellBreathe_17mb1_1{0%,to{opacity:.8;transform:scale(.995)}50%{opacity:.98;transform:scale(1.012)}}@keyframes _refractionShift_17mb1_1{0%,to{opacity:.74;transform:translate(-1%)scale(1)}50%{opacity:.94;transform:translate(1.5%,-1.5%)scale(1.03)}}@keyframes _causticShift_17mb1_1{0%,to{opacity:.54;transform:translate(-3%,-2%)scale(.98)}50%{opacity:.84;transform:translate(3%,2%)scale(1.05)}}:root{--app-bg:#040710;--panel-bg:#0a0e1cc7;--panel-border:#ffffff14;--text-primary:#f4f7ff;--text-secondary:#e8eeffb8;--text-muted:#e8eeff80;--accent:#59c2ff;--accent-soft:#59c2ff29;--control-bg:#ffffff0f;--control-bg-hover:#ffffff16;--control-border:#ffffff1f;--control-border-hover:#92d7ff4d;--control-border-focus:#59c2ff9e;--control-focus-ring:#59c2ff21;--dropdown-bg:#0a0f1ffa;--dropdown-border:#a4d6ff2e;--dropdown-option-hover:#59c2ff1a;--dropdown-option-selected:#59c2ff29;--dropdown-shadow:0 22px 60px #00000085, inset 0 1px 0 #ffffff0d;--scrollbar-track:transparent;--scrollbar-thumb:#76a6d275;--scrollbar-thumb-hover:#77cbffb3;--shadow-lg:0 20px 80px #00000061;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--container-width:1280px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:999px;min-height:42px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}body{color:var(--text-primary);background:radial-gradient(circle at top,#2d56ff29,#0000 30%),radial-gradient(circle at 20% 20%,#59c2ff1a,#0000 25%),linear-gradient(#070b16 0%,#040710 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.pageShell{min-height:100vh;padding:32px 20px 48px}.pageContainer{width:min(100%, var(--container-width));margin:0 auto}.pageHeader{margin-bottom:28px}.orbitalHeader{margin-top:36px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#e8eeff99;margin:0 0 10px;font-size:12px}.pageTitle{letter-spacing:-.03em;margin:0;font-size:clamp(32px,5vw,58px);line-height:.98}.orbitalTitle{font-size:clamp(28px,4vw,42px)}.pageSubtitle{color:#e8eeffd1;width:min(100%,760px);margin:14px 0 0;font-size:16px;line-height:1.65}.demoAnchor{scroll-margin-top:22px}.demoLayout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.panel{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b101fd6;border:1px solid #ffffff17;box-shadow:0 20px 80px #00000061,inset 0 1px #ffffff0a}.previewPanel{padding:18px}.previewStage{box-sizing:border-box;isolation:isolate;background:#040710;border-radius:24px;place-items:center;min-height:620px;padding:28px;transition:background .32s;display:grid;position:relative;overflow:hidden}.previewStage>:not(.previewStageBackdrop){z-index:2;position:relative}.previewStageBackdrop{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.previewStageBackdrop:before,.previewStageBackdrop:after{content:"";pointer-events:none;position:absolute}.previewStage--studio{background:radial-gradient(circle at 50% 24%,#7c97ff3d,#0000 24%),radial-gradient(circle at 50% 48%,#48beff1a,#0000 34%),linear-gradient(#0a1020 0%,#050914 57%,#03060d 100%)}.previewStage--studio .previewStageBackdrop:before{filter:blur(32px);opacity:.86;background:radial-gradient(circle,#6fb2ff2e,#0000 64%);border-radius:50%;inset:7% 16% 23%}.previewStage--studio .previewStageBackdrop:after{filter:blur(22px);background:radial-gradient(#487ccd29,#0000 68%);border-radius:50%;height:31%;bottom:5%;left:12%;right:12%;transform:scaleX(1.08)}.previewStage--space{background:radial-gradient(circle at 72% 24%,#4c53da33,#0000 24%),radial-gradient(circle at 24% 68%,#2289c921,#0000 30%),linear-gradient(#040817 0%,#02050e 54%,#010309 100%)}.previewStage--space .previewStageBackdrop:before{opacity:.58;background-image:radial-gradient(circle,#ffffffeb 0 1px,#0000 1.5px),radial-gradient(circle,#96d8ffb8 0 1px,#0000 1.7px),radial-gradient(circle,#cabdff8f 0 1.2px,#0000 1.8px);background-position:8px 12px,42px 56px,76px 28px;background-size:74px 74px,112px 112px,148px 148px;animation:22s ease-in-out infinite alternate previewSpaceDrift;inset:-12%;transform:translate(0,0)}.previewStage--space .previewStageBackdrop:after{filter:blur(34px);opacity:.78;background:radial-gradient(at 38% 48%,#3894ff26,#0000 48%),radial-gradient(at 68% 42%,#7e58ff24,#0000 44%);border-radius:50%;inset:4% -10% 12%;transform:rotate(-8deg)}.previewStage--tech{background:radial-gradient(circle at 50% 31%,#22b0ff2e,#0000 23%),linear-gradient(#07101d 0%,#040914 52%,#02050b 100%)}.previewStage--tech .previewStageBackdrop:before{transform-origin:top;opacity:.62;background-image:linear-gradient(#46b9ff29 1px,#0000 1px),linear-gradient(90deg,#46b9ff29 1px,#0000 1px);background-size:46px 46px;inset:45% -20% -38%;transform:perspective(440px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 24% 74%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 24% 74%,#0000 100%)}.previewStage--tech .previewStageBackdrop:after{filter:blur(18px);opacity:.48;background:radial-gradient(#52cbff2b 0%,#3077d614 36%,#0000 72%);border-radius:50%;height:22%;animation:6.2s ease-in-out infinite previewTechPulse;top:58%;left:10%;right:10%;transform:scaleX(1.08)}@keyframes previewSpaceDrift{0%{transform:translate(-.8%,-.5%)scale(1)}to{transform:translate(.8%,.5%)scale(1.018)}}@keyframes previewTechPulse{0%,to{opacity:.3;transform:scaleX(1.02)scaleY(.92)}50%{opacity:.56;transform:scaleX(1.08)scaleY(1)}}.controlPanel{padding:20px}.panelTitle{margin:0 0 8px;font-size:20px;line-height:1.2}.panelText{color:#e8eeffdb;margin:0 0 20px;font-size:14px;line-height:1.68}.controlGroup{gap:8px;margin-bottom:16px;display:grid}.controlLabelRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.controlLabel{color:#f4f7fff5;font-size:14px}.controlValue{color:#e8eeffc7;font-size:13px}.controlSelect,.controlRange{width:100%}.controlSelect{color:#f4f7fff5;appearance:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;outline:none;min-height:46px;padding:10px 12px}.controlSelect:focus{border-color:#59c2ff94;box-shadow:0 0 0 3px #59c2ff1f}.controlSelect option{color:#eef3ff;background:#0d1327}.controlRange{accent-color:#67c8ff}.checkboxRow{align-items:center;gap:10px;min-height:44px;display:flex}.checkboxRow input{width:16px;height:16px}.infoBox{color:#e8eeffdb;background:linear-gradient(#ffffff0b,#ffffff06);border:1px solid #ffffff14;border-radius:16px;margin-top:18px;padding:14px;font-size:13px;line-height:1.65}.miniGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.miniCard{border-radius:var(--radius-md);background:#0a0e1cc7;border:1px solid #ffffff14;padding:16px;box-shadow:0 20px 80px #00000047,inset 0 1px #ffffff0a}.miniCardButton{width:100%;color:inherit;text-align:left;appearance:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:block}.miniCardButton:hover{background:#0c1224eb;border-color:#67c8ff57;transform:translateY(-3px);box-shadow:0 24px 90px #00000057,0 0 0 1px #67c8ff0d,inset 0 1px #ffffff0f}.miniCardButton:focus-visible{border-color:#67c8ffb3;outline:none;box-shadow:0 0 0 3px #67c8ff29,0 24px 90px #00000057}.miniCard--selected{background:linear-gradient(#245da02e,#0000 42%),#0b1122f0;border-color:#67c8ff85;box-shadow:0 22px 90px #00000057,0 0 0 1px #67c8ff14,inset 0 1px #ffffff0f}.miniCardContent{display:block}.miniStaticPreview{--preview-core:#fff;--preview-glow:#77dfff;--preview-accent:#526dff;isolation:isolate;background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--preview-accent) 22%, transparent), transparent 27%), radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--preview-glow) 10%, transparent), transparent 36%), linear-gradient(180deg, #0a0d19f0, #040710);border-radius:18px;place-items:center;min-height:200px;display:grid;position:relative;overflow:hidden}.miniStaticPreview:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0a}.miniPreviewAura{background:radial-gradient(circle, color-mix(in srgb, var(--preview-glow) 22%, transparent), transparent 68%);filter:blur(18px);opacity:.9;border-radius:50%;width:140px;height:140px;position:absolute}.miniPreviewCore{z-index:5;background:var(--preview-core);width:25px;height:25px;box-shadow:0 0 10px var(--preview-core), 0 0 26px var(--preview-glow), 0 0 52px color-mix(in srgb, var(--preview-glow) 68%, transparent);border-radius:50%;position:absolute}.miniPreviewSphereShell{z-index:2;border:1px solid color-mix(in srgb, var(--preview-glow) 70%, white 30%);background:radial-gradient(circle at 38% 30%, #fff3, transparent 18%), radial-gradient(circle, color-mix(in srgb, var(--preview-glow) 18%, transparent), transparent 62%);width:114px;height:114px;box-shadow:inset 0 0 24px color-mix(in srgb, var(--preview-glow) 28%, transparent), 0 0 22px color-mix(in srgb, var(--preview-glow) 30%, transparent);border-radius:50%;position:absolute}.miniPreviewPetal{z-index:3;border:1.5px solid color-mix(in srgb, var(--preview-core) 76%, var(--preview-accent));opacity:.78;width:34px;height:88px;filter:drop-shadow(0 0 5px var(--preview-glow));transform-origin:50%;border-radius:52% 52% 46% 46%;position:absolute}.miniPreviewPetal--1{transform:rotate(0)}.miniPreviewPetal--2{transform:rotate(30deg)}.miniPreviewPetal--3{transform:rotate(60deg)}.miniPreviewPetal--4{transform:rotate(90deg)}.miniPreviewPetal--5{transform:rotate(120deg)}.miniPreviewPetal--6{transform:rotate(150deg)}.miniPreviewOrbit,.miniPreviewGyroRing{z-index:3;border:2px solid color-mix(in srgb, var(--preview-glow) 78%, var(--preview-accent));width:154px;height:74px;box-shadow:0 0 8px color-mix(in srgb, var(--preview-glow) 48%, transparent), inset 0 0 5px color-mix(in srgb, var(--preview-glow) 26%, transparent);border-radius:50%;position:absolute}.miniPreviewOrbit--1{transform:rotate(0)}.miniPreviewOrbit--2{transform:rotate(60deg)}.miniPreviewOrbit--3{transform:rotate(-60deg)}.miniPreviewElectron{z-index:6;background:var(--preview-core);width:9px;height:9px;box-shadow:0 0 8px var(--preview-core), 0 0 16px var(--preview-glow);border-radius:50%;position:absolute}.miniPreviewElectron--1{transform:translate(73px,-5px)}.miniPreviewElectron--2{transform:translate(-47px,55px)}.miniPreviewElectron--3{transform:translate(-34px,-62px)}.miniPreviewPlanet{z-index:4;background:radial-gradient(circle at 34% 26%, #ffffff47, transparent 17%), radial-gradient(circle at 64% 60%, color-mix(in srgb, var(--preview-accent) 44%, transparent), transparent 28%), linear-gradient(135deg, var(--preview-core), var(--preview-accent));width:92px;height:92px;box-shadow:inset -18px -12px 24px #00000047, inset 10px 8px 16px #ffffff14, 0 0 24px color-mix(in srgb, var(--preview-glow) 34%, transparent);border-radius:50%;position:absolute}.miniPreviewPlanetRing{border:4px solid color-mix(in srgb, var(--preview-glow) 74%, var(--preview-accent));width:178px;height:54px;box-shadow:0 0 10px color-mix(in srgb, var(--preview-glow) 28%, transparent);border-radius:50%;position:absolute;transform:rotate(-7deg)}.miniPreviewPlanetRing--back{z-index:3;opacity:.74}.miniPreviewPlanetRing--front{z-index:5;clip-path:inset(50% 0 0)}.miniPreviewPlanetSpark{z-index:6;background:var(--preview-core);width:4px;height:4px;box-shadow:0 0 8px var(--preview-glow);border-radius:50%;position:absolute}.miniPreviewPlanetSpark--1{transform:translate(-68px,13px)}.miniPreviewPlanetSpark--2{transform:translate(61px,-12px)}.miniPreviewPlanetSpark--3{transform:translate(80px,9px)}.miniPreviewGyroRing{border-width:5px;border-color:color-mix(in srgb, var(--preview-accent) 72%, var(--preview-glow));box-shadow:inset 0 0 4px #ffffff2e, 0 0 8px color-mix(in srgb, var(--preview-glow) 25%, transparent)}.miniPreviewGyroRing--1{transform:rotate(0)}.miniPreviewGyroRing--2{transform:rotate(63deg)}.miniPreviewGyroRing--3{width:122px;height:60px;transform:rotate(-72deg)}.miniStaticPreview--portal .miniPreviewAura{opacity:.72;width:176px;height:176px}.miniPreviewPortalHalo,.miniPreviewPortalFrame,.miniPreviewPortalTrack,.miniPreviewPortalMembrane,.miniPreviewPortalAperture{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.miniPreviewPortalHalo{z-index:1;background:radial-gradient(circle, color-mix(in srgb, var(--preview-glow) 18%, transparent) 0%, color-mix(in srgb, var(--preview-accent) 12%, transparent) 42%, transparent 72%);filter:blur(12px);width:172px;height:172px}.miniPreviewPortalFrame{z-index:4;background:repeating-conic-gradient(from 4deg, color-mix(in srgb, var(--preview-accent) 78%, #081022) 0deg 25deg, color-mix(in srgb, var(--preview-glow) 34%, var(--preview-accent)) 25deg 31deg, transparent 31deg 38deg);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--preview-glow) 32%, transparent)) drop-shadow(0 0 8px color-mix(in srgb, var(--preview-accent) 22%, transparent));-webkit-mask:radial-gradient(circle,#0000 0 39%,#000 40% 49%,#0000 50%);mask:radial-gradient(circle,#0000 0 39%,#000 40% 49%,#0000 50%)}.miniPreviewPortalFrame--outer{opacity:.96;width:166px;height:166px;animation:20s linear infinite miniPortalFrameSpin}.miniPreviewPortalFrame--middle{opacity:.82;width:143px;height:143px;animation:15s linear infinite miniPortalFrameSpinReverse}.miniPreviewPortalFrame--inner{opacity:.68;width:122px;height:122px;animation:11s linear infinite miniPortalFrameSpin}.miniPreviewPortalTrack{z-index:6;background:conic-gradient(from 18deg, transparent 0deg 18deg, var(--preview-core) 18deg 36deg, transparent 36deg 72deg, var(--preview-glow) 72deg 104deg, transparent 104deg 148deg, color-mix(in srgb, var(--preview-core) 78%, var(--preview-glow)) 148deg 176deg, transparent 176deg 232deg, var(--preview-glow) 232deg 268deg, transparent 268deg 326deg, var(--preview-core) 326deg 344deg, transparent 344deg 360deg);filter:drop-shadow(0 0 3px var(--preview-core)) drop-shadow(0 0 8px color-mix(in srgb, var(--preview-glow) 72%, transparent));-webkit-mask:radial-gradient(circle,#0000 0 46%,#000 47% 49%,#0000 50%);mask:radial-gradient(circle,#0000 0 46%,#000 47% 49%,#0000 50%)}.miniPreviewPortalTrack--outer{width:151px;height:151px;animation:8s linear infinite miniPortalFrameSpin}.miniPreviewPortalTrack--inner{opacity:.82;width:116px;height:116px;animation:6.4s linear infinite miniPortalFrameSpinReverse}.miniPreviewPortalMembrane{z-index:3;background:radial-gradient(circle, transparent 0 15%, color-mix(in srgb, var(--preview-core) 92%, transparent) 16% 19%, color-mix(in srgb, var(--preview-glow) 46%, transparent) 22%, transparent 30%), repeating-conic-gradient(from 12deg, color-mix(in srgb, var(--preview-core) 58%, transparent) 0deg 7deg, color-mix(in srgb, var(--preview-glow) 74%, transparent) 9deg 18deg, color-mix(in srgb, var(--preview-accent) 48%, transparent) 22deg 30deg, transparent 34deg 43deg), radial-gradient(circle, color-mix(in srgb, var(--preview-glow) 70%, #091126) 0%, color-mix(in srgb, var(--preview-accent) 76%, #07101f) 54%, #02050efa 76%);width:104px;height:104px;box-shadow:inset 0 0 18px #0000009e, 0 0 16px color-mix(in srgb, var(--preview-glow) 46%, transparent);animation:5.2s linear infinite miniPortalMembraneSpin;overflow:hidden}.miniPreviewPortalMembrane:before{content:"";border-radius:inherit;background:conic-gradient(from 20deg, transparent 0deg 20deg, color-mix(in srgb, var(--preview-core) 65%, transparent) 36deg, transparent 66deg 94deg, color-mix(in srgb, var(--preview-glow) 62%, transparent) 118deg, transparent 150deg 188deg, color-mix(in srgb, var(--preview-core) 44%, transparent) 220deg, transparent 252deg 292deg, color-mix(in srgb, var(--preview-glow) 54%, transparent) 326deg, transparent 360deg);filter:blur(2px);mix-blend-mode:screen;position:absolute;inset:7px}.miniPreviewPortalAperture{z-index:8;border:3px solid color-mix(in srgb, var(--preview-core) 88%, var(--preview-glow));width:27px;height:27px;box-shadow:0 0 7px var(--preview-core), 0 0 15px color-mix(in srgb, var(--preview-glow) 72%, transparent), inset 0 0 8px #000000e6;background:#02050d}@keyframes miniPortalFrameSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes miniPortalFrameSpinReverse{0%{transform:translate(-50%,-50%)rotate(360deg)}to{transform:translate(-50%,-50%)rotate(0)}}@keyframes miniPortalMembraneSpin{0%{transform:translate(-50%,-50%)rotate(0)scale(1)}50%{transform:translate(-50%,-50%)rotate(180deg)scale(1.025)}to{transform:translate(-50%,-50%)rotate(360deg)scale(1)}}.miniLabel{margin:14px 0 6px;font-size:15px;font-weight:600;display:block}.miniText{color:#e8eeffd1;margin:0;font-size:13px;line-height:1.62;display:block}.miniAction{color:#67c8ffe6;align-items:center;min-height:24px;margin-top:12px;font-size:12px;font-weight:600;display:inline-flex}.miniCard--selected .miniAction{color:#a6e1fffa}.presetFamilies{gap:34px;margin-top:24px;display:grid}.presetFamilySection{padding-top:4px}.presetFamilySection+.presetFamilySection{border-top:1px solid #ffffff14;padding-top:30px}.presetFamilyHeader{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.presetFamilyEyebrow{letter-spacing:.14em;text-transform:uppercase;color:#67c8ffb8;margin:0 0 7px;font-size:11px}.presetFamilyTitle{letter-spacing:-.02em;margin:0;font-size:clamp(23px,3vw,32px);line-height:1.08}.presetFamilyDescription{color:#e8eeffc2;width:min(100%,720px);margin:9px 0 0;font-size:14px;line-height:1.62}.presetFamilyCount{color:#c2e6ffdb;white-space:nowrap;background:#59c2ff12;border:1px solid #67c8ff29;border-radius:999px;flex:none;padding:8px 11px;font-size:12px}.presetFamilyGrid{margin-top:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.miniCardButton{transition:none}.miniPreviewPortalFrame,.miniPreviewPortalTrack,.miniPreviewPortalMembrane,.previewStage--space .previewStageBackdrop:before,.previewStage--tech .previewStageBackdrop:after{animation:none}.previewStage{transition:none}}@media (width<=980px){.demoLayout{grid-template-columns:1fr}.previewStage{min-height:500px}.miniGrid{grid-template-columns:1fr}.presetFamilyHeader{flex-direction:column;align-items:flex-start;gap:12px}}.previewPanel,.controlPanel,.previewStage,.miniCard,.presetFamilyHeader>*{min-width:0}@media (width<=1180px){.demoLayout{grid-template-columns:minmax(0,1fr) minmax(320px,340px);gap:18px}.previewStage{min-height:560px;padding:22px}.miniGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.pageShell{padding-top:26px}.demoLayout{grid-template-columns:minmax(0,1fr)}.previewStage{min-height:clamp(460px,68vw,560px)}.controlPanel{width:100%}.miniGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.pageShell{padding:22px 12px 38px}.pageHeader{margin-bottom:20px}.orbitalHeader{margin-top:30px}.eyebrow{margin-bottom:8px;font-size:11px}.pageTitle{font-size:clamp(30px,10vw,44px);line-height:1.02}.orbitalTitle{font-size:clamp(27px,8.5vw,38px)}.pageSubtitle{margin-top:12px;font-size:14px;line-height:1.58}.demoLayout{gap:14px}.panel{border-radius:21px}.previewPanel{padding:8px}.previewStage{border-radius:16px;min-height:clamp(330px,92vw,440px);padding:12px}.previewStage--tech .previewStageBackdrop:before{background-size:36px 36px;top:48%}.previewStage--tech .previewStageBackdrop:after{top:61%;left:4%;right:4%}.controlPanel{padding:16px}.panelTitle{font-size:19px}.panelText{margin-bottom:18px;font-size:13px}.controlGroup{margin-bottom:14px}.miniGrid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}.miniCard{border-radius:17px;padding:12px}.miniStaticPreview{border-radius:14px;min-height:180px}.presetFamilies{gap:26px;margin-top:20px}.presetFamilySection+.presetFamilySection{padding-top:24px}.presetFamilyHeader{gap:10px;margin-bottom:13px}.presetFamilyDescription{font-size:13px}.presetFamilyCount{white-space:normal}}@media (width<=420px){.pageShell{padding-left:8px;padding-right:8px}.previewPanel{padding:6px}.previewStage{border-radius:15px;min-height:clamp(300px,96vw,390px);padding:9px}.controlPanel{padding:14px}.controlLabelRow{flex-wrap:wrap;align-items:flex-start;row-gap:4px}.infoBox{padding:12px}}.orbitalVisualPlaceholder{color:#cbe1ffb8;text-align:center;align-content:center;place-items:center;gap:18px;width:100%;height:100%;min-height:240px;display:grid}.orbitalVisualPlaceholderGraphic{aspect-ratio:1;filter:drop-shadow(0 0 24px #59c2ff2e);place-items:center;width:clamp(128px,28vw,190px);display:grid;position:relative}.orbitalVisualPlaceholderRing,.orbitalVisualPlaceholderCore{border-radius:50%;position:absolute}.orbitalVisualPlaceholderRing{border:1px solid #79c7ff4d;width:100%;height:46%;animation:2.8s ease-in-out infinite alternate orbitalPlaceholderDrift;box-shadow:0 0 12px #59c2ff1a}.orbitalVisualPlaceholderRing--one{transform:rotate(0)}.orbitalVisualPlaceholderRing--two{animation-delay:-.8s;transform:rotate(60deg)}.orbitalVisualPlaceholderRing--three{animation-delay:-1.6s;transform:rotate(-60deg)}.orbitalVisualPlaceholderCore{aspect-ratio:1;background:#e2f4ffb8;width:18%;animation:1.8s ease-in-out infinite orbitalPlaceholderPulse;box-shadow:0 0 14px #e2f4ff8f,0 0 34px #59c2ff57}.orbitalVisualPlaceholderText{letter-spacing:.04em;font-size:13px}@keyframes orbitalPlaceholderDrift{0%{opacity:.38}to{opacity:.78}}@keyframes orbitalPlaceholderPulse{0%,to{opacity:.58;transform:scale(.92)}50%{opacity:.9;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.orbitalVisualPlaceholderRing,.orbitalVisualPlaceholderCore{animation:none}}