.ProjectVisuals-module__cSnzuq__dashboardVisual,.ProjectVisuals-module__cSnzuq__figmaVisual,.ProjectVisuals-module__cSnzuq__patternVisual{justify-content:center;align-items:center;width:100%;height:100%;min-height:220px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.ProjectVisuals-module__cSnzuq__dashboardVisual{background:radial-gradient(circle at 0 0,#0e122b,#060815)}.ProjectVisuals-module__cSnzuq__perspectiveWrapper{perspective:1200px;justify-content:center;align-items:center;width:100%;max-width:320px;height:140px;display:flex;position:relative}.ProjectVisuals-module__cSnzuq__dashboardCard{background:#12162e;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;width:240px;height:110px;padding:10px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;transform:rotateY(-14deg)rotateX(10deg)translateZ(0);box-shadow:0 12px 36px #00000073}.ProjectVisuals-module__cSnzuq__dashboardVisual:hover .ProjectVisuals-module__cSnzuq__dashboardCard{border-color:#1f40e766;transform:rotateY(-6deg)rotateX(4deg)translateZ(10px)}.ProjectVisuals-module__cSnzuq__dashHeader{align-items:center;gap:6px;display:flex}.ProjectVisuals-module__cSnzuq__dashDot{background:var(--background-primary);border-radius:50%;width:6px;height:6px}.ProjectVisuals-module__cSnzuq__dashTitle{font-family:var(--font-display);color:#a5b4fc;flex:1;font-size:10px;font-weight:700}.ProjectVisuals-module__cSnzuq__statusBadge{color:#818cf8;background:#1f40e726;border:1px solid #1f40e74d;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:8px;font-weight:700;display:flex}.ProjectVisuals-module__cSnzuq__statusPulse{background-color:#818cf8;border-radius:50%;width:4px;height:4px;animation:1.5s infinite ProjectVisuals-module__cSnzuq__pulseLight}.ProjectVisuals-module__cSnzuq__chartWrapper{width:100%;height:65px;position:relative}.ProjectVisuals-module__cSnzuq__svgChart{width:100%;height:100%}.ProjectVisuals-module__cSnzuq__focusRing{transform-origin:160px 25px;animation:1.8s ease-in-out infinite ProjectVisuals-module__cSnzuq__chartDotPulse}.ProjectVisuals-module__cSnzuq__chartTooltip{border:1px solid var(--line-primary);box-shadow:var(--drop-3);pointer-events:none;z-index:10;background:#fff;border-radius:6px;flex-direction:column;padding:3px 6px;animation:3s ease-in-out infinite ProjectVisuals-module__cSnzuq__tooltipFloat;display:flex;position:absolute;top:0;right:15px}.ProjectVisuals-module__cSnzuq__tooltipKey{text-transform:uppercase;color:var(--foreground-on-page-subtle);font-size:7px;font-weight:700;line-height:1}.ProjectVisuals-module__cSnzuq__tooltipVal{color:var(--foreground-on-page);white-space:nowrap;font-size:8px;font-weight:700}.ProjectVisuals-module__cSnzuq__contrastAuditor{border:1px solid var(--line-primary);background:#fff;border-radius:8px;flex-direction:column;gap:4px;width:105px;padding:8px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:-12px;right:10px;transform:translateZ(30px)rotateY(-5deg);box-shadow:0 10px 25px #141f7614}.ProjectVisuals-module__cSnzuq__dashboardVisual:hover .ProjectVisuals-module__cSnzuq__contrastAuditor{transform:translateZ(50px)translateY(-4px)rotateY(-2deg)}.ProjectVisuals-module__cSnzuq__panelTitleRow{text-transform:uppercase;color:var(--foreground-on-page-subtle);align-items:center;gap:4px;font-size:7px;font-weight:700;display:flex}.ProjectVisuals-module__cSnzuq__panelIconBlue{color:var(--background-primary)}.ProjectVisuals-module__cSnzuq__contrastScoreRow{justify-content:space-between;align-items:baseline;display:flex}.ProjectVisuals-module__cSnzuq__contrastRatio{font-family:var(--font-display);color:var(--foreground-on-page);font-size:14px;font-weight:700}.ProjectVisuals-module__cSnzuq__contrastLabel{color:#10b981;font-size:7px;font-weight:700}.ProjectVisuals-module__cSnzuq__contrastSample{background:var(--background-primary);text-align:center;border-radius:4px;padding:4px 6px}.ProjectVisuals-module__cSnzuq__contrastTextActive{color:#fff;letter-spacing:.02em;font-size:8px;font-weight:700}.ProjectVisuals-module__cSnzuq__screenReaderSynth{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12162ed9;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;width:170px;padding:8px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:-10px;left:10px;transform:translateZ(40px)rotateY(-8deg)rotateX(5deg);box-shadow:0 12px 30px #00000059}.ProjectVisuals-module__cSnzuq__dashboardVisual:hover .ProjectVisuals-module__cSnzuq__screenReaderSynth{transform:translateZ(65px)translateY(2px)rotateY(-3deg)rotateX(2deg)}.ProjectVisuals-module__cSnzuq__synthHeader{color:#818cf8;text-transform:uppercase;align-items:center;gap:4px;font-size:7px;font-weight:700;display:flex}.ProjectVisuals-module__cSnzuq__audioBar{background:#818cf8;border-radius:1px;width:2px;height:6px}.ProjectVisuals-module__cSnzuq__audioBar:first-child{animation:.8s ease-in-out infinite alternate ProjectVisuals-module__cSnzuq__voiceBounce}.ProjectVisuals-module__cSnzuq__audioBar:nth-child(2){animation:1.2s ease-in-out infinite alternate ProjectVisuals-module__cSnzuq__voiceBounce}.ProjectVisuals-module__cSnzuq__audioBar:nth-child(3){animation:1s ease-in-out infinite alternate ProjectVisuals-module__cSnzuq__voiceBounce}.ProjectVisuals-module__cSnzuq__synthText{color:#cbd5e1;font-family:monospace;font-size:8px;line-height:1.3}.ProjectVisuals-module__cSnzuq__figmaVisual{background:linear-gradient(135deg,#f5eaff,#ebf3ff)}.ProjectVisuals-module__cSnzuq__figmaCanvas{justify-content:space-between;align-items:center;width:100%;max-width:320px;height:140px;display:flex;position:relative}.ProjectVisuals-module__cSnzuq__connectorSvg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ProjectVisuals-module__cSnzuq__pipelinePulse{animation:2s linear infinite ProjectVisuals-module__cSnzuq__svgDotScroll}.ProjectVisuals-module__cSnzuq__figmaPanel,.ProjectVisuals-module__cSnzuq__codePanel{border:1px solid var(--line-primary);z-index:2;background:#fff;border-radius:10px;flex-direction:column;height:96px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 8px 24px #141f760d}.ProjectVisuals-module__cSnzuq__figmaTiltedLeft{width:120px;transform:rotate(-4deg)translateY(4px)}.ProjectVisuals-module__cSnzuq__codeTiltedRight{background:#0f172a;border-color:#ffffff0a;width:120px;transform:rotate(3deg)translateY(-4px)}.ProjectVisuals-module__cSnzuq__figmaVisual:hover .ProjectVisuals-module__cSnzuq__figmaTiltedLeft{transform:rotate(-1deg)translateY(0)scale(1.02);box-shadow:0 12px 28px #141f7614}.ProjectVisuals-module__cSnzuq__figmaVisual:hover .ProjectVisuals-module__cSnzuq__codeTiltedRight{transform:rotate(.5deg)translateY(0)scale(1.02);box-shadow:0 12px 28px #0003}.ProjectVisuals-module__cSnzuq__panelHeader{border-bottom:1px solid var(--line-primary);color:var(--foreground-on-page-subtle);background:#00000005;align-items:center;gap:4px;padding:5px 8px;font-size:8px;font-weight:700;display:flex}.ProjectVisuals-module__cSnzuq__codePanel .ProjectVisuals-module__cSnzuq__panelHeader{color:#94a3b8;background:#ffffff05;border-bottom-color:#ffffff0f}.ProjectVisuals-module__cSnzuq__rightIcon{opacity:.5;margin-left:auto}.ProjectVisuals-module__cSnzuq__panelCodeIcon{color:#38bdf8}.ProjectVisuals-module__cSnzuq__varList{flex-direction:column;flex:1;display:flex}.ProjectVisuals-module__cSnzuq__variableRow{border-bottom:1px solid #00000008;flex:1;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.ProjectVisuals-module__cSnzuq__varName{color:var(--foreground-on-page);font-family:monospace;font-size:9px;font-weight:700}.ProjectVisuals-module__cSnzuq__varChip{border:1px solid var(--line-primary);background:#1f40e70a;border-radius:4px;align-items:center;gap:3px;padding:1px 4px;display:flex}.ProjectVisuals-module__cSnzuq__colorPill{border-radius:1px;width:6px;height:6px}.ProjectVisuals-module__cSnzuq__varVal{color:var(--foreground-on-page-subtle);font-family:monospace;font-size:8px}.ProjectVisuals-module__cSnzuq__syncBadge{background:var(--background-primary);color:#fff;z-index:3;letter-spacing:.05em;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:7px;font-weight:700;transition:transform .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #1f40e740}.ProjectVisuals-module__cSnzuq__figmaVisual:hover .ProjectVisuals-module__cSnzuq__syncBadge{transform:translate(-50%,-50%)scale(1.1)}.ProjectVisuals-module__cSnzuq__cssPre{flex:1;margin:0;padding:6px;overflow:hidden}.ProjectVisuals-module__cSnzuq__cssPre code{color:#38bdf8;font-family:monospace;font-size:8px;line-height:1.3}.ProjectVisuals-module__cSnzuq__floatingSwatchCard{border:1px solid var(--line-primary);box-shadow:var(--drop-2);z-index:4;background:#fff;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:-6px;left:20px;transform:translateY(0)}.ProjectVisuals-module__cSnzuq__figmaVisual:hover .ProjectVisuals-module__cSnzuq__floatingSwatchCard{transform:translateY(-4px)}.ProjectVisuals-module__cSnzuq__swatchPreview{border-radius:2px;width:8px;height:8px}.ProjectVisuals-module__cSnzuq__swatchLabel{color:var(--foreground-on-page);font-family:monospace;font-size:8px;font-weight:700}.ProjectVisuals-module__cSnzuq__patternVisual{background:#1e293b}.ProjectVisuals-module__cSnzuq__blueprintFrame{background-color:#0f172a;background-image:linear-gradient(#60a5fa0a 1px,#0000 1px),linear-gradient(90deg,#60a5fa0a 1px,#0000 1px);background-size:10px 10px;border:1px solid #60a5fa26;border-radius:8px;width:100%;max-width:320px;height:140px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0006}.ProjectVisuals-module__cSnzuq__horizontalRuler{color:#60a5fa66;background:#0f172ab3;border-bottom:1px solid #60a5fa26;width:100%;height:12px;padding:2px 0;font-family:monospace;font-size:6px;position:absolute;top:0;left:0}.ProjectVisuals-module__cSnzuq__horizontalRuler span{position:absolute;transform:translate(-50%)}.ProjectVisuals-module__cSnzuq__verticalRuler{color:#60a5fa66;text-align:center;background:#0f172ab3;border-right:1px solid #60a5fa26;width:12px;height:calc(100% - 12px);padding-top:4px;font-family:monospace;font-size:6px;position:absolute;top:12px;left:0}.ProjectVisuals-module__cSnzuq__verticalRuler span{width:12px;display:block;position:absolute;transform:translateY(-50%)}.ProjectVisuals-module__cSnzuq__blueprintGrid{grid-template-columns:64px 1fr;gap:8px;display:grid;position:absolute;inset:24px 12px 12px 24px}.ProjectVisuals-module__cSnzuq__bpSidebar{background:#60a5fa08;border:1px dashed #60a5fa59;border-radius:4px;flex-direction:column;justify-content:space-between;padding:6px;display:flex;position:relative;overflow:hidden}.ProjectVisuals-module__cSnzuq__hatchLines{background:repeating-linear-gradient(45deg,#0000,#0000 6px,#60a5fa05 6px 12px);width:100%;height:100%;position:absolute;top:0;left:0}.ProjectVisuals-module__cSnzuq__bpMainContent{flex-direction:column;gap:6px;display:flex}.ProjectVisuals-module__cSnzuq__bpRow{background:#60a5fa0f;border:1px solid #60a5fa4d;border-radius:4px;flex-direction:column;flex:1;justify-content:space-between;padding:6px;display:flex}.ProjectVisuals-module__cSnzuq__bpRowFlex{gap:6px;height:24px;display:flex}.ProjectVisuals-module__cSnzuq__bpMiniButton,.ProjectVisuals-module__cSnzuq__bpMiniButtonAccent{font-family:var(--font-display);text-transform:uppercase;border-radius:3px;flex:1;justify-content:center;align-items:center;font-size:7px;font-weight:700;display:flex}.ProjectVisuals-module__cSnzuq__bpMiniButton{color:#60a5fa;background:#60a5fa05;border:1px solid #60a5fa40}.ProjectVisuals-module__cSnzuq__bpMiniButtonAccent{color:#e7a9ff;background:#e7a9ff14;border:1px solid #e7a9ff59}.ProjectVisuals-module__cSnzuq__bpItemTitle{font-family:var(--font-display);color:#60a5fa;text-transform:uppercase;z-index:1;font-size:7px;font-weight:700}.ProjectVisuals-module__cSnzuq__bpMetric{color:#60a5fa99;z-index:1;font-family:monospace;font-size:6px}.ProjectVisuals-module__cSnzuq__floatingPropsOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border:1px solid #60a5fa33;border-radius:6px;flex-direction:column;gap:2px;padding:4px 6px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(0);box-shadow:0 4px 12px #0000004d}.ProjectVisuals-module__cSnzuq__patternVisual:hover .ProjectVisuals-module__cSnzuq__floatingPropsOverlay{transform:translateY(-2px)}.ProjectVisuals-module__cSnzuq__overlayHeader{text-transform:uppercase;color:#a5b4fc;align-items:center;gap:3px;font-size:6px;font-weight:700;display:flex}.ProjectVisuals-module__cSnzuq__overlayIcon{color:#60a5fa}.ProjectVisuals-module__cSnzuq__overlayCode{color:#38bdf8;white-space:pre;font-family:monospace;font-size:7px;line-height:1.2}@keyframes ProjectVisuals-module__cSnzuq__pulseLight{0%,to{opacity:.5}50%{opacity:1}}@keyframes ProjectVisuals-module__cSnzuq__chartDotPulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:.3;transform:scale(1.4)}to{opacity:.8;transform:scale(.9)}}@keyframes ProjectVisuals-module__cSnzuq__tooltipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ProjectVisuals-module__cSnzuq__voiceBounce{to{height:14px}}@keyframes ProjectVisuals-module__cSnzuq__svgDotScroll{0%{cx:110px;cy:60px;opacity:0}10%{opacity:1}50%{cx:160px;cy:60px}90%{opacity:1}to{cx:210px;cy:60px;opacity:0}}
.InteractiveSandbox-module__2sM_9q__sandbox{border:1px solid var(--line-primary);background:#fff;border-radius:18px;flex-direction:column;height:100%;display:flex;overflow:hidden}.InteractiveSandbox-module__2sM_9q__playground{background:var(--background-surface-stop-1);flex:1;justify-content:center;align-items:center;min-height:200px;padding:32px;transition:background-color .2s,color .2s;display:flex}.InteractiveSandbox-module__2sM_9q__previewCard{background:#fff;flex-direction:column;gap:12px;width:100%;max-width:320px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.InteractiveSandbox-module__2sM_9q__cardHeader{align-items:center;gap:8px;display:flex}.InteractiveSandbox-module__2sM_9q__dot{border-radius:50%;width:8px;height:8px;transition:background-color .2s}.InteractiveSandbox-module__2sM_9q__cardTitle{font-family:var(--font-display);color:var(--foreground-on-page);font-size:14px;font-weight:700}.InteractiveSandbox-module__2sM_9q__cardText{color:var(--foreground-on-page-subtle);font-size:13px;line-height:1.4}.InteractiveSandbox-module__2sM_9q__previewAction{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.InteractiveSandbox-module__2sM_9q__systemBtn{color:#fff;font-family:var(--font-display);cursor:pointer;border:none;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s}.InteractiveSandbox-module__2sM_9q__systemBtn:hover{opacity:.9;transform:translateY(-1px)}.InteractiveSandbox-module__2sM_9q__toggleRow{align-items:center;gap:8px;display:flex}.InteractiveSandbox-module__2sM_9q__toggleLabel{opacity:.8;font-size:11px;font-weight:700}.InteractiveSandbox-module__2sM_9q__toggleSwitch{cursor:pointer;border:none;border-radius:10px;width:32px;height:18px;padding:0;transition:background-color .2s;position:relative}.InteractiveSandbox-module__2sM_9q__toggleThumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.InteractiveSandbox-module__2sM_9q__active .InteractiveSandbox-module__2sM_9q__toggleThumb{transform:translate(14px)}.InteractiveSandbox-module__2sM_9q__controls{border-top:1px solid var(--line-primary);background:#fff;flex-direction:column;gap:20px;padding:24px;display:flex}.InteractiveSandbox-module__2sM_9q__headerRow{justify-content:space-between;align-items:center;display:flex}.InteractiveSandbox-module__2sM_9q__panelTitle{font-family:var(--font-display);color:var(--foreground-on-page);letter-spacing:-.01em;font-size:14px;font-weight:700}.InteractiveSandbox-module__2sM_9q__utilityButtons{gap:6px;display:flex}.InteractiveSandbox-module__2sM_9q__utilityBtn{background:var(--background-primary-container);color:var(--foreground-on-primary-container);border:1px solid var(--line-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.InteractiveSandbox-module__2sM_9q__utilityBtn:hover{background:var(--background-primary-container-hover);transform:scale(1.05)}.InteractiveSandbox-module__2sM_9q__copiedIcon{color:#007a5e}.InteractiveSandbox-module__2sM_9q__sliders{flex-direction:column;gap:14px;display:flex}.InteractiveSandbox-module__2sM_9q__controlGroup{flex-direction:column;gap:6px;display:flex}.InteractiveSandbox-module__2sM_9q__label{color:var(--foreground-on-page-subtle);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.InteractiveSandbox-module__2sM_9q__tokenVal{color:var(--background-primary);font-family:monospace}.InteractiveSandbox-module__2sM_9q__slider{appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.InteractiveSandbox-module__2sM_9q__slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--background-primary);width:14px;height:14px;box-shadow:var(--drop-1);background:#fff;border-radius:50%;transition:transform .1s}.InteractiveSandbox-module__2sM_9q__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.InteractiveSandbox-module__2sM_9q__colorSwatches{gap:10px;display:flex}.InteractiveSandbox-module__2sM_9q__colorBtn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .2s,border-color .2s}.InteractiveSandbox-module__2sM_9q__colorBtnActive{border-color:var(--foreground-on-page);transform:scale(1.15)}.InteractiveSandbox-module__2sM_9q__codeBlock{background:#111322;border:1px solid #ffffff0d;border-radius:12px;padding:16px;display:none;overflow-x:auto}.InteractiveSandbox-module__2sM_9q__codeBlock pre{margin:0}.InteractiveSandbox-module__2sM_9q__codeBlock code{color:#a5b4fc;font-family:monospace;font-size:11px;line-height:1.5}.InteractiveSandbox-module__2sM_9q__mobileCodeToggle{background:var(--background-primary-container);color:var(--foreground-on-primary-container);border:1px solid var(--line-primary);font-family:var(--font-display);cursor:pointer;text-align:center;border-radius:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:700;transition:all .2s;display:block}.InteractiveSandbox-module__2sM_9q__mobileCodeToggle:hover{background:var(--background-primary-container-hover)}.InteractiveSandbox-module__2sM_9q__showMobile{display:block!important}@media (min-width:768px){.InteractiveSandbox-module__2sM_9q__sandbox{flex-direction:row;height:420px}.InteractiveSandbox-module__2sM_9q__playground{min-height:auto}.InteractiveSandbox-module__2sM_9q__controls{border-top:none;border-left:1px solid var(--line-primary);width:320px}.InteractiveSandbox-module__2sM_9q__mobileCodeToggle{display:none}.InteractiveSandbox-module__2sM_9q__codeBlock{display:block}}
.InteractiveSwatches-module__dRzULG__container{flex-direction:column;gap:16px;width:100%;display:flex}.InteractiveSwatches-module__dRzULG__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.InteractiveSwatches-module__dRzULG__paletteRow{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;display:grid}.InteractiveSwatches-module__dRzULG__swatchCard{border:1px solid var(--line-primary);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:120px;padding:12px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.InteractiveSwatches-module__dRzULG__swatchCard:hover{box-shadow:var(--drop-2);transform:translateY(-4px)scale(1.02)}.InteractiveSwatches-module__dRzULG__swatchLabel{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;opacity:.9;font-size:11px;font-weight:700}.InteractiveSwatches-module__dRzULG__swatchValue{opacity:.8;margin-top:4px;font-family:monospace;font-size:10px}.InteractiveSwatches-module__dRzULG__contrastTag{border-radius:6px;margin-top:8px;padding:2px 6px;font-size:9px;font-weight:700}.InteractiveSwatches-module__dRzULG__copyOverlay{opacity:0;transition:opacity .2s;position:absolute;top:8px;right:8px}.InteractiveSwatches-module__dRzULG__swatchCard:hover .InteractiveSwatches-module__dRzULG__copyOverlay{opacity:.7}.InteractiveSwatches-module__dRzULG__checkIcon{color:#10b981}.InteractiveSwatches-module__dRzULG__controls{background:var(--background-surface-stop-1);border:1px solid var(--line-primary);border-radius:12px;flex-direction:column;gap:10px;padding:12px 16px;display:flex}.InteractiveSwatches-module__dRzULG__sliderHeader{color:var(--foreground-on-page-subtle);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.InteractiveSwatches-module__dRzULG__titleGroup{align-items:center;gap:6px;display:flex}.InteractiveSwatches-module__dRzULG__icon{color:var(--background-primary)}.InteractiveSwatches-module__dRzULG__hueVal{color:var(--background-primary);font-family:monospace}.InteractiveSwatches-module__dRzULG__hueSlider{appearance:none;cursor:pointer;border-radius:4px;outline:none;width:100%;height:8px}.InteractiveSwatches-module__dRzULG__hueSlider::-webkit-slider-thumb{appearance:none;border:3px solid var(--foreground-on-page);width:18px;height:18px;box-shadow:var(--drop-1);background:#fff;border-radius:50%;transition:transform .15s cubic-bezier(.16,1,.3,1)}.InteractiveSwatches-module__dRzULG__hueSlider::-webkit-slider-thumb:hover{transform:scale(1.2)}@media (max-width:600px){.InteractiveSwatches-module__dRzULG__paletteRow{grid-template-columns:1fr;gap:6px}.InteractiveSwatches-module__dRzULG__swatchCard{flex-direction:row;justify-content:space-between;align-items:center;height:72px}.InteractiveSwatches-module__dRzULG__contrastTag,.InteractiveSwatches-module__dRzULG__swatchValue{margin-top:0}}
.MermaidRenderer-module__hK2IBq__container{width:100%;font-family:var(--font-body);margin:24px 0}.MermaidRenderer-module__hK2IBq__subgraphGrid{grid-template-columns:1fr 1fr;gap:32px;width:100%;display:grid}@media (max-width:768px){.MermaidRenderer-module__hK2IBq__subgraphGrid{grid-template-columns:1fr;gap:24px}}.MermaidRenderer-module__hK2IBq__subgraphCard{background:var(--background-surface-stop-0);border:1px solid var(--line-primary);border-radius:var(--radius-card);box-shadow:var(--drop-2);padding:24px;transition:transform .2s,box-shadow .2s}.MermaidRenderer-module__hK2IBq__subgraphCard:hover{box-shadow:var(--drop-3)}.MermaidRenderer-module__hK2IBq__subgraphCardLegacy{background:linear-gradient(180deg, var(--background-surface-stop-0) 0%, #ef444405 100%);border-color:#ef444426}.MermaidRenderer-module__hK2IBq__subgraphCardLegacy .MermaidRenderer-module__hK2IBq__subgraphHeader{color:#ef4444}.MermaidRenderer-module__hK2IBq__subgraphHeader{font-family:var(--font-display);font-weight:700;font-size:var(--text-body-lg);color:var(--background-primary);align-items:center;gap:8px;margin-bottom:20px;display:flex}.MermaidRenderer-module__hK2IBq__nodeStack{flex-direction:column;align-items:center;gap:16px;display:flex}.MermaidRenderer-module__hK2IBq__verticalArrow{color:var(--foreground-on-page-subtle);font-size:var(--text-caption);opacity:.6;flex-direction:column;align-items:center;gap:4px;animation:2s ease-in-out infinite MermaidRenderer-module__hK2IBq__pulseArrow;display:flex}@keyframes MermaidRenderer-module__hK2IBq__pulseArrow{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.8;transform:translateY(3px)}}.MermaidRenderer-module__hK2IBq__arrowLabel{background:var(--background-primary-container);color:var(--foreground-on-primary-container);border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:600}.MermaidRenderer-module__hK2IBq__node{background:var(--background-surface-stop-0);border:1px solid var(--line-primary);border-radius:var(--radius-button);width:100%;max-width:280px;color:var(--foreground-on-page);font-weight:600;font-size:var(--text-body);cursor:default;z-index:2;align-items:center;gap:12px;padding:14px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.MermaidRenderer-module__hK2IBq__node:hover{border-color:var(--background-primary);transform:translateY(-2px);box-shadow:0 8px 16px #1f40e714}.MermaidRenderer-module__hK2IBq__nodeIcon{background:var(--background-primary-container);width:32px;height:32px;color:var(--foreground-on-primary-container);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.MermaidRenderer-module__hK2IBq__node:hover .MermaidRenderer-module__hK2IBq__nodeIcon{background:var(--background-primary);color:var(--foreground-on-primary)}.MermaidRenderer-module__hK2IBq__nodeLegacy{border-color:#ef444426}.MermaidRenderer-module__hK2IBq__nodeLegacy:hover{border-color:#ef4444;box-shadow:0 8px 16px #ef444414}.MermaidRenderer-module__hK2IBq__nodeLegacy .MermaidRenderer-module__hK2IBq__nodeIcon{color:#ef4444;background:#ef44441a}.MermaidRenderer-module__hK2IBq__nodeLegacy:hover .MermaidRenderer-module__hK2IBq__nodeIcon{color:#fff;background:#ef4444}.MermaidRenderer-module__hK2IBq__canvasWrapper{border:1px solid var(--line-primary);border-radius:var(--radius-card);background:linear-gradient(180deg, var(--background-surface-stop-0) 0%, var(--background-surface-stop-1) 100%);width:100%;box-shadow:var(--drop-2);overflow-x:auto}.MermaidRenderer-module__hK2IBq__canvas{position:relative}.MermaidRenderer-module__hK2IBq__canvasSvg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.MermaidRenderer-module__hK2IBq__connectionLine{stroke:var(--foreground-on-page-subtle);stroke-opacity:.15;stroke-width:2.5px;fill:none;transition:stroke .3s,stroke-width .3s}.MermaidRenderer-module__hK2IBq__flowingLine{stroke:var(--background-primary);stroke-opacity:.45;stroke-width:2.5px;fill:none;stroke-dasharray:6 4;transition:stroke-opacity .3s;animation:1.5s linear infinite MermaidRenderer-module__hK2IBq__flowLine}@keyframes MermaidRenderer-module__hK2IBq__flowLine{to{stroke-dashoffset:-20px}}.MermaidRenderer-module__hK2IBq__canvas:hover .MermaidRenderer-module__hK2IBq__connectionLine{stroke-opacity:.1}.MermaidRenderer-module__hK2IBq__canvas:hover .MermaidRenderer-module__hK2IBq__flowingLine{stroke-opacity:.3}.MermaidRenderer-module__hK2IBq__edgeHovered .MermaidRenderer-module__hK2IBq__connectionLine{stroke-width:3.5px;stroke:var(--background-primary)!important;stroke-opacity:.6!important}.MermaidRenderer-module__hK2IBq__edgeHovered .MermaidRenderer-module__hK2IBq__flowingLine{stroke-width:3.5px;stroke:var(--background-primary)!important;stroke-opacity:.9!important}.MermaidRenderer-module__hK2IBq__canvasNode{z-index:2;width:170px;position:absolute;transform:translate(-50%,-50%)}.MermaidRenderer-module__hK2IBq__canvasNode .MermaidRenderer-module__hK2IBq__node{background:var(--background-surface-stop-0);width:100%;max-width:none;box-shadow:var(--drop-1);padding:10px 12px;font-size:13px}.MermaidRenderer-module__hK2IBq__edgeLabelGroup{pointer-events:auto;cursor:default}.MermaidRenderer-module__hK2IBq__edgeLabelRect{fill:var(--background-surface-stop-0);stroke:var(--line-primary);stroke-width:1px}.MermaidRenderer-module__hK2IBq__edgeLabelText{font-family:var(--font-body);fill:var(--foreground-on-page-subtle);font-size:10px;font-weight:700}.MermaidRenderer-module__hK2IBq__edgeLabelGroup:hover .MermaidRenderer-module__hK2IBq__edgeLabelRect{stroke:var(--background-primary);fill:var(--background-primary-container)}.MermaidRenderer-module__hK2IBq__edgeLabelGroup:hover .MermaidRenderer-module__hK2IBq__edgeLabelText{fill:var(--foreground-on-primary-container)}
.MDXImage-module__YU7M_W__wrapper{border-radius:var(--radius-card);border:1px solid var(--line-primary);background:var(--background-surface-stop-0);box-shadow:var(--drop-3);cursor:zoom-in;margin:40px auto;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .3s;display:block;position:relative;overflow:hidden}.MDXImage-module__YU7M_W__wrapper:hover{box-shadow:var(--drop-5);border-color:var(--background-primary);transform:translateY(-3px)}.MDXImage-module__YU7M_W__image{width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.MDXImage-module__YU7M_W__wrapper:hover .MDXImage-module__YU7M_W__image{transform:scale(1.015)}.MDXImage-module__YU7M_W__zoomBadge{-webkit-backdrop-filter:blur(12px);color:#fff;font-family:var(--font-display);letter-spacing:.04em;opacity:0;pointer-events:none;z-index:2;background:#0f121ebf;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:opacity .25s,transform .25s,background .2s;display:inline-flex;position:absolute;top:14px;right:14px;transform:translateY(-4px);box-shadow:0 4px 12px #0003}.MDXImage-module__YU7M_W__wrapper:hover .MDXImage-module__YU7M_W__zoomBadge,.MDXImage-module__YU7M_W__wrapper:focus-visible .MDXImage-module__YU7M_W__zoomBadge{opacity:1;transform:translateY(0)}.MDXImage-module__YU7M_W__wrapper:focus-visible{outline:3px solid var(--background-primary);outline-offset:4px}
.Figure-module__gYF0UW__figure{margin:48px 0}.Figure-module__gYF0UW__figure .mdx-image-wrapper{margin:0}.Figure-module__gYF0UW__animated{border-radius:var(--radius-card);border:1px solid var(--line-primary);background:#fff;display:block;overflow:hidden}.Figure-module__gYF0UW__animated img{width:100%;height:auto;display:block}.Figure-module__gYF0UW__caption{font-family:var(--font-body);font-size:var(--text-caption);color:var(--foreground-on-page-subtle);max-width:68ch;margin-top:14px;line-height:1.5}.Figure-module__gYF0UW__caption a{color:inherit;text-underline-offset:2px;text-decoration:underline}.Figure-module__gYF0UW__caption a:hover{color:var(--background-primary)}.Figure-module__gYF0UW__row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:20px;margin:48px 0;display:grid}.Figure-module__gYF0UW__row .Figure-module__gYF0UW__figure{margin:0}.Figure-module__gYF0UW__sources{border-top:1px solid var(--line-primary);margin-top:80px;padding-top:24px}.Figure-module__gYF0UW__sourcesTitle{font-family:var(--font-display);font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-on-page-subtle);margin:0 0 16px;font-weight:700}.Figure-module__gYF0UW__sources .mdx-li{margin-bottom:8px;font-size:15px}
.ThemeTuner-module__4DBDgW__tunerContainer{z-index:990;font-family:var(--font-body);position:fixed;bottom:24px;right:24px}@media (max-width:768px){.ThemeTuner-module__4DBDgW__tunerContainer{bottom:16px;right:16px}}.ThemeTuner-module__4DBDgW__triggerButton{-webkit-backdrop-filter:blur(16px);border:1px solid var(--line-primary);color:#fff;font-family:var(--font-display);cursor:pointer;background:#101426d9;border-radius:9999px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:600;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;display:inline-flex;box-shadow:0 8px 24px #00000040,0 2px 6px #00000026}.ThemeTuner-module__4DBDgW__triggerButton:hover{border-color:var(--background-primary);transform:translateY(-2px)scale(1.02);box-shadow:0 12px 28px #00000059}.ThemeTuner-module__4DBDgW__colorDot{width:10px;height:10px;box-shadow:0 0 8px var(--background-primary);border-radius:50%;flex-shrink:0}.ThemeTuner-module__4DBDgW__triggerText{letter-spacing:.02em}.ThemeTuner-module__4DBDgW__triggerBadge{color:#f1f5f9;letter-spacing:.06em;text-transform:uppercase;background:#ffffff1f;border-radius:6px;padding:2px 6px;font-size:10px}.ThemeTuner-module__4DBDgW__panel{-webkit-backdrop-filter:blur(24px);border:1px solid var(--line-primary);color:#e2e8f0;background:#0f121ef0;border-radius:18px;flex-direction:column;gap:16px;width:320px;padding:18px;animation:.25s cubic-bezier(.16,1,.3,1) ThemeTuner-module__4DBDgW__panelSlideIn;display:flex;box-shadow:0 24px 48px #0006,0 4px 12px #0003}@keyframes ThemeTuner-module__4DBDgW__panelSlideIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.ThemeTuner-module__4DBDgW__panelHeader{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.ThemeTuner-module__4DBDgW__panelTitleGroup{align-items:center;gap:8px;display:flex}.ThemeTuner-module__4DBDgW__panelTitle{font-family:var(--font-display);color:#fff;letter-spacing:.02em;font-size:13px;font-weight:700}.ThemeTuner-module__4DBDgW__closeButton{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex}.ThemeTuner-module__4DBDgW__closeButton:hover{color:#fff;background:#ffffff14}.ThemeTuner-module__4DBDgW__section{flex-direction:column;gap:8px;display:flex}.ThemeTuner-module__4DBDgW__sectionLabel{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-size:11px;font-weight:700}.ThemeTuner-module__4DBDgW__presetGrid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ThemeTuner-module__4DBDgW__presetButton{color:#cbd5e1;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.ThemeTuner-module__4DBDgW__presetButton:hover{color:#fff;background:#ffffff14;border-color:#fff3}.ThemeTuner-module__4DBDgW__presetButtonActive{border-color:var(--background-primary);color:#fff;background:#ffffff1f}.ThemeTuner-module__4DBDgW__presetDot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ThemeTuner-module__4DBDgW__tokenRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.ThemeTuner-module__4DBDgW__tokenLabel{color:#cbd5e1;font-size:12px}.ThemeTuner-module__4DBDgW__colorInputWrap{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.ThemeTuner-module__4DBDgW__colorPicker{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:4px;width:20px;height:20px}.ThemeTuner-module__4DBDgW__colorPicker::-webkit-color-swatch-wrapper{padding:0}.ThemeTuner-module__4DBDgW__colorPicker::-webkit-color-swatch{border:1px solid #fff3;border-radius:4px}.ThemeTuner-module__4DBDgW__hexInput{color:#fff;font-family:var(--font-mono);background:0 0;border:none;outline:none;width:65px;font-size:11px}.ThemeTuner-module__4DBDgW__fontSelect{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:12px}.ThemeTuner-module__4DBDgW__fontSelect option{color:#fff;background:#111424}.ThemeTuner-module__4DBDgW__actions{border-top:1px solid #ffffff14;gap:8px;margin-top:4px;padding-top:12px;display:flex}.ThemeTuner-module__4DBDgW__copyButton{background:var(--background-primary);color:var(--foreground-on-primary);cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex}.ThemeTuner-module__4DBDgW__copyButton:hover{opacity:.9;transform:translateY(-1px)}.ThemeTuner-module__4DBDgW__resetButton{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;transition:background-color .2s,color .2s;display:inline-flex}.ThemeTuner-module__4DBDgW__resetButton:hover{color:#fff;background:#ffffff1a}