.demo-module-scss-module__92Syha__demoLayout{--hyperlink-color:#2480ed;--body-bg:var(--background);grid-template-columns:240px 1fr;align-items:start;gap:2.5rem;max-width:1024px;margin:0 auto;padding:1.25rem 1.5rem 3rem;display:grid}.demo-module-scss-module__92Syha__extensionBanner{border:1px solid color-mix(in oklch, var(--foreground) 10%, transparent);background:color-mix(in oklch, var(--foreground) 3%, transparent);color:color-mix(in oklch, var(--foreground) 60%, transparent);border-radius:999px;align-items:center;gap:.5rem;width:fit-content;margin:1rem auto 0;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:flex}.demo-module-scss-module__92Syha__extensionBanner[data-detected=true]{color:#15803d;background:#22c55e1a;border-color:#22c55e59}.demo-module-scss-module__92Syha__extensionBannerWrap{justify-content:center;width:100%;padding-top:.25rem;display:flex}.demo-module-scss-module__92Syha__extensionDot{background:color-mix(in oklch, var(--foreground) 25%, transparent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.demo-module-scss-module__92Syha__extensionBanner[data-detected=true] .demo-module-scss-module__92Syha__extensionDot{background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.demo-module-scss-module__92Syha__sideNav{align-self:start;padding-right:.5rem;position:sticky;top:1.5rem}.demo-module-scss-module__92Syha__sideNavList{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.demo-module-scss-module__92Syha__sideNavItem{position:relative}.demo-module-scss-module__92Syha__sideNavLink{color:color-mix(in oklch, var(--foreground) 65%, transparent);border-left:2px solid #0000;border-radius:.375rem;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:flex}.demo-module-scss-module__92Syha__sideNavLink:hover{background:color-mix(in oklch, var(--foreground) 4%, transparent);color:color-mix(in oklch, var(--foreground) 90%, transparent);text-decoration:none}.demo-module-scss-module__92Syha__sideNavLink[data-active=true]{background:color-mix(in oklch, var(--hyperlink-color) 8%, transparent);color:var(--hyperlink-color);border-left-color:var(--hyperlink-color);font-weight:600}.demo-module-scss-module__92Syha__sideNavNumber{width:20px;height:20px;color:color-mix(in oklch, var(--foreground) 40%, transparent);background:color-mix(in oklch, var(--foreground) 5%, transparent);border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:inline-flex}.demo-module-scss-module__92Syha__sideNavLink[data-active=true] .demo-module-scss-module__92Syha__sideNavNumber{background:var(--hyperlink-color);color:var(--card)}.demo-module-scss-module__92Syha__sideNavSubList{border-left:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);flex-direction:column;gap:.0625rem;margin:.125rem 0 .25rem .875rem;padding:0;list-style:none;display:flex}.demo-module-scss-module__92Syha__sideNavSubLink{color:color-mix(in oklch, var(--foreground) 55%, transparent);border-radius:.25rem;align-items:center;gap:.5rem;margin-left:.5rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.demo-module-scss-module__92Syha__sideNavSubLink:hover{background:color-mix(in oklch, var(--foreground) 4%, transparent);color:color-mix(in oklch, var(--foreground) 85%, transparent);text-decoration:none}.demo-module-scss-module__92Syha__sideNavSubLink[data-active=true]{color:var(--hyperlink-color);font-weight:600}.demo-module-scss-module__92Syha__sideNavSubLetter{width:16px;height:16px;color:color-mix(in oklch, var(--foreground) 35%, transparent);background:color-mix(in oklch, var(--foreground) 4%, transparent);border-radius:.1875rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:600;display:inline-flex}.demo-module-scss-module__92Syha__sideNavSubLink[data-active=true] .demo-module-scss-module__92Syha__sideNavSubLetter{background:var(--hyperlink-color);color:var(--card)}.demo-module-scss-module__92Syha__content{flex-direction:column;gap:3rem;min-width:0;display:flex}.demo-module-scss-module__92Syha__step{border-bottom:1px solid color-mix(in oklch, var(--foreground) 6%, transparent);flex-direction:column;gap:1rem;padding-bottom:2rem;scroll-margin-top:80px;display:flex}.demo-module-scss-module__92Syha__step:last-child{border-bottom:0}.demo-module-scss-module__92Syha__stepChild{border-bottom:1px dashed color-mix(in oklch, var(--foreground) 6%, transparent);margin-left:1.25rem;padding-bottom:1.5rem}.demo-module-scss-module__92Syha__stepTitle{letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600}.demo-module-scss-module__92Syha__stepBody{flex-direction:column;gap:.625rem;display:flex}.demo-module-scss-module__92Syha__stepBody p{color:color-mix(in oklch, var(--foreground) 78%, transparent);margin:0;font-size:.9375rem;line-height:1.6}.demo-module-scss-module__92Syha__tryIt{background:color-mix(in oklch, var(--primary) 10%, transparent);border:1px solid color-mix(in oklch, var(--primary) 35%, transparent);color:color-mix(in oklch, var(--foreground) 80%, transparent);border-radius:.5rem;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;font-size:.875rem;line-height:1.5;display:flex}.demo-module-scss-module__92Syha__tryItLabel{letter-spacing:.04em;text-transform:uppercase;background:color-mix(in oklch, var(--primary) 45%, transparent);color:var(--primary-foreground);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.demo-module-scss-module__92Syha__tryItBody{flex:1}.demo-module-scss-module__92Syha__stepTarget{background:color-mix(in oklch, var(--foreground) 2%, transparent);border:1px dashed color-mix(in oklch, var(--foreground) 12%, transparent);border-radius:.625rem;justify-content:center;align-items:center;min-height:80px;margin-top:.5rem;padding:1.25rem;display:flex}.demo-module-scss-module__92Syha__targetCard{background:var(--card);border:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);box-shadow:0 1px 2px color-mix(in oklch, var(--foreground) 4%, transparent);border-radius:.5rem;max-width:360px;padding:1.25rem 1.5rem}.demo-module-scss-module__92Syha__targetCard h3{margin:0 0 .5rem;font-size:1rem}.demo-module-scss-module__92Syha__targetCard p{color:color-mix(in oklch, var(--foreground) 70%, transparent);margin:0;font-size:.875rem;line-height:1.55}.demo-module-scss-module__92Syha__targetList{flex-direction:column;gap:.375rem;width:100%;max-width:320px;margin:0;padding:0;list-style:none;display:flex}.demo-module-scss-module__92Syha__targetList li{background:var(--card);border:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:.375rem;padding:.625rem .875rem;font-size:.875rem}.demo-module-scss-module__92Syha__targetIndicatorRow{align-items:center;gap:1.25rem;display:flex}.demo-module-scss-module__92Syha__targetPhoto{object-fit:cover;border-radius:.5rem;width:160px;height:120px;display:block}.demo-module-scss-module__92Syha__targetStage{background:var(--card);border:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:.5rem;width:100%;max-width:480px;height:200px;position:relative}.demo-module-scss-module__92Syha__targetPositionCard{background:color-mix(in oklch, var(--hyperlink-color) 8%, transparent);border:1px solid color-mix(in oklch, var(--hyperlink-color) 40%, transparent);border-radius:.375rem;max-width:200px;padding:.625rem .875rem;position:absolute;top:12px;left:12px}.demo-module-scss-module__92Syha__targetPositionCard strong{margin-bottom:.25rem;font-size:.875rem;display:block}.demo-module-scss-module__92Syha__targetPositionCard p{color:color-mix(in oklch, var(--foreground) 70%, transparent);margin:0;font-size:.75rem}.demo-module-scss-module__92Syha__targetLayoutContainer{background:var(--card);border:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:.5rem;gap:.5rem;width:100%;max-width:480px;padding:.75rem;display:flex}.demo-module-scss-module__92Syha__targetLayoutChild{text-align:center;background:color-mix(in oklch, var(--hyperlink-color) 8%, transparent);color:var(--hyperlink-color);border:1px solid color-mix(in oklch, var(--hyperlink-color) 25%, transparent);border-radius:.375rem;flex:1;padding:1rem;font-weight:600}.demo-module-scss-module__92Syha__targetAppearanceStage{background:linear-gradient(135deg, color-mix(in oklch, var(--destructive) 35%, var(--card)) 0%, color-mix(in oklch, var(--primary) 45%, var(--card)) 100%);border-radius:.5rem;width:100%;max-width:360px;padding:1.5rem}.demo-module-scss-module__92Syha__targetAppearanceCard{background:color-mix(in oklch, var(--card) 92%, transparent);text-align:center;border-radius:.5rem;padding:1rem 1.25rem;font-size:.875rem}.demo-module-scss-module__92Syha__targetTypography{width:100%;max-width:480px}.demo-module-scss-module__92Syha__targetTypography h3{margin:0 0 .5rem;font-size:1.125rem}.demo-module-scss-module__92Syha__targetTypography p{color:color-mix(in oklch, var(--foreground) 78%, transparent);margin:0 0 .5rem;font-size:.9375rem;line-height:1.55}.demo-module-scss-module__92Syha__targetTypography ul{color:color-mix(in oklch, var(--foreground) 70%, transparent);margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.6}.demo-module-scss-module__92Syha__targetFillHero{background:var(--hyperlink-color);width:100%;max-width:360px;color:var(--card);border-radius:.5rem;padding:1.75rem 1.5rem}.demo-module-scss-module__92Syha__targetFillHero strong{margin-bottom:.375rem;font-size:1.125rem;display:block}.demo-module-scss-module__92Syha__targetFillHero p{opacity:.9;margin:0;font-size:.875rem}.demo-module-scss-module__92Syha__targetStrokeSquare{background:var(--card);width:140px;height:140px;color:color-mix(in oklch, var(--foreground) 40%, transparent);border-radius:.375rem;justify-content:center;align-items:center;font-size:.75rem;display:flex}.demo-module-scss-module__92Syha__targetEffectsStage{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 55%, var(--card)), color-mix(in oklch, var(--destructive) 45%, var(--card)));border-radius:.5rem;justify-content:center;align-items:center;width:100%;max-width:360px;height:180px;display:flex}.demo-module-scss-module__92Syha__targetEffectsCard{background:var(--card);border-radius:.375rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500}.demo-module-scss-module__92Syha__targetMotionStage{background:var(--muted);border-radius:.5rem;justify-content:center;align-items:center;width:100%;max-width:360px;padding:1.25rem;display:flex}.demo-module-scss-module__92Syha__targetMotionCard{background:var(--card);box-shadow:0 1px 2px color-mix(in oklch, var(--foreground) 6%, transparent);text-align:center;border-radius:.5rem;padding:1rem 1.25rem;transition:transform .2s,box-shadow .2s}.demo-module-scss-module__92Syha__targetMotionCard:hover{box-shadow:0 6px 16px color-mix(in oklch, var(--foreground) 12%, transparent);transform:translateY(-2px)}.demo-module-scss-module__92Syha__targetMotionCard strong{margin-bottom:.25rem;font-size:.95rem;display:block}.demo-module-scss-module__92Syha__targetMotionCard p{color:color-mix(in oklch, var(--foreground) 65%, transparent);margin:0;font-size:.8125rem}.demo-module-scss-module__92Syha__targetLayoutGuideContainer{background:var(--muted);border:1px dashed color-mix(in oklch, var(--foreground) 15%, transparent);border-radius:.5rem;justify-content:center;align-items:center;width:100%;max-width:520px;height:200px;padding:1rem;display:flex}.demo-module-scss-module__92Syha__targetLayoutGuideHint{color:color-mix(in oklch, var(--foreground) 55%, transparent);text-align:center;font-size:.8125rem}.demo-module-scss-module__92Syha__targetActionStage{justify-content:center;align-items:center;width:100%;max-width:360px;padding:1.5rem;display:flex}.demo-module-scss-module__92Syha__targetPulse{background:var(--hyperlink-color);color:var(--card);border-radius:999px;justify-content:center;align-items:center;padding:.5rem .875rem;font-size:.875rem;font-weight:500;animation:1.6s ease-in-out infinite demo-module-scss-module__92Syha__demoPulse;display:inline-flex}@keyframes demo-module-scss-module__92Syha__demoPulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--hyperlink-color) 40%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 12px color-mix(in oklch, var(--hyperlink-color) 0%, transparent);transform:scale(1.06)}}.demo-module-scss-module__92Syha__targetActionGroup{background:var(--card);border:1px dashed color-mix(in oklch, var(--foreground) 18%, transparent);border-radius:.5rem;flex-direction:column;align-items:center;gap:.625rem;padding:1rem 1.25rem;display:flex}.demo-module-scss-module__92Syha__targetActionLabel{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in oklch, var(--foreground) 45%, transparent);font-size:.6875rem}.demo-module-scss-module__92Syha__targetActionSibling{color:color-mix(in oklch, var(--foreground) 55%, transparent);font-size:.8125rem}.demo-module-scss-module__92Syha__targetPresetCard{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 30%, var(--card)) 0%, color-mix(in oklch, var(--primary) 55%, var(--card)) 100%);border:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:.75rem;width:100%;max-width:360px;padding:1.5rem 1.25rem}.demo-module-scss-module__92Syha__targetPresetCard strong{margin-bottom:.375rem;font-size:1rem;display:block}.demo-module-scss-module__92Syha__targetPresetCard p{color:color-mix(in oklch, var(--foreground) 65%, transparent);margin:0;font-size:.8125rem}.demo-module-scss-module__92Syha__targetMultiRow{gap:.5rem;width:100%;max-width:480px;display:flex}.demo-module-scss-module__92Syha__targetMultiCard{text-align:center;background:color-mix(in oklch, var(--hyperlink-color) 8%, transparent);color:var(--hyperlink-color);border:1px solid color-mix(in oklch, var(--hyperlink-color) 25%, transparent);border-radius:.375rem;flex:1;padding:1.25rem 1rem;font-weight:600}.demo-module-scss-module__92Syha__targetTokensStage{background:var(--card);border:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:.5rem;align-items:center;gap:.875rem;width:100%;max-width:360px;padding:1rem 1.25rem;display:flex}.demo-module-scss-module__92Syha__targetTokensSwatch{background:var(--hyperlink-color);border-radius:.5rem;flex:none;width:48px;height:48px}.demo-module-scss-module__92Syha__targetTokensHint{color:color-mix(in oklch, var(--foreground) 60%, transparent);font-size:.8125rem}@media (max-width:980px){.demo-module-scss-module__92Syha__demoLayout{grid-template-columns:1fr;gap:1.25rem;padding:1rem 1.25rem 2.5rem}.demo-module-scss-module__92Syha__sideNav{z-index:5;background:var(--body-bg);border-bottom:1px solid color-mix(in oklch, var(--foreground) 6%, transparent);max-height:none;padding:.5rem 0;position:sticky;top:0;overflow:auto hidden}.demo-module-scss-module__92Syha__sideNavList{flex-flow:row;gap:.375rem}.demo-module-scss-module__92Syha__sideNavLink{white-space:nowrap;border-bottom:2px solid #0000;border-left:0;padding:.4rem .625rem}.demo-module-scss-module__92Syha__sideNavLink[data-active=true]{border-bottom-color:var(--hyperlink-color);border-left-color:#0000}.demo-module-scss-module__92Syha__sideNavSubList{display:none}.demo-module-scss-module__92Syha__stepChild{margin-left:0}}@media (max-width:640px){.demo-module-scss-module__92Syha__stepTitle{font-size:1.125rem}.demo-module-scss-module__92Syha__stepBody p{font-size:.875rem}.demo-module-scss-module__92Syha__stepTarget{padding:.875rem}}