._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}._92Syha_extensionBanner{font-size:var(--text-body);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-weight:500;transition:background .2s,color .2s,border-color .2s;display:flex}._92Syha_extensionBanner[data-detected=true]{color:#15803d;background:#22c55e1a;border-color:#22c55e59}._92Syha_extensionBannerWrap{justify-content:center;width:100%;padding-top:.25rem;display:flex}._92Syha_extensionDot{background:color-mix(in oklch, var(--foreground) 25%, transparent);border-radius:50%;flex-shrink:0;width:8px;height:8px}._92Syha_extensionBanner[data-detected=true] ._92Syha_extensionDot{background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}._92Syha_sideNav{align-self:start;padding-right:.5rem;position:sticky;top:1.5rem}._92Syha_sideNavList{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}._92Syha_sideNavItem{position:relative}._92Syha_sideNavLink{font-size:var(--text-body);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-weight:500;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:flex}._92Syha_sideNavLink:hover{background:color-mix(in oklch, var(--foreground) 4%, transparent);color:color-mix(in oklch, var(--foreground) 90%, transparent);text-decoration:none}._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}._92Syha_sideNavNumber{width:20px;height:20px;font-size:var(--text-body);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-weight:600;display:inline-flex}._92Syha_sideNavLink[data-active=true] ._92Syha_sideNavNumber{background:var(--hyperlink-color);color:var(--card)}._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}._92Syha_sideNavSubLink{font-size:var(--text-body);color:color-mix(in oklch, var(--foreground) 55%, transparent);border-radius:.25rem;align-items:center;gap:.5rem;margin-left:.5rem;padding:.375rem .625rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}._92Syha_sideNavSubLink:hover{background:color-mix(in oklch, var(--foreground) 4%, transparent);color:color-mix(in oklch, var(--foreground) 85%, transparent);text-decoration:none}._92Syha_sideNavSubLink[data-active=true]{color:var(--hyperlink-color);font-weight:600}._92Syha_sideNavSubLetter{width:16px;height:16px;font-size:var(--text-body);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-weight:600;display:inline-flex}._92Syha_sideNavSubLink[data-active=true] ._92Syha_sideNavSubLetter{background:var(--hyperlink-color);color:var(--card)}._92Syha_content{flex-direction:column;gap:3rem;min-width:0;display:flex}._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}._92Syha_step:last-child{border-bottom:0}._92Syha_stepChild{border-bottom:1px dashed color-mix(in oklch, var(--foreground) 6%, transparent);margin-left:1.25rem;padding-bottom:1.5rem}._92Syha_stepTitle{letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600}._92Syha_stepBody{flex-direction:column;gap:.625rem;display:flex}._92Syha_stepBody p{color:color-mix(in oklch, var(--foreground) 78%, transparent);font-size:var(--text-body);margin:0;line-height:1.6}._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}._92Syha_tryItLabel{font-size:var(--text-body);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-weight:700;display:inline-flex}._92Syha_tryItBody{flex:1}._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}._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}._92Syha_targetCard h3{margin:0 0 .5rem;font-size:1rem}._92Syha_targetCard p{color:color-mix(in oklch, var(--foreground) 70%, transparent);margin:0;font-size:.875rem;line-height:1.55}._92Syha_targetList{flex-direction:column;gap:.375rem;width:100%;max-width:320px;margin:0;padding:0;list-style:none;display:flex}._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}._92Syha_targetIndicatorRow{align-items:center;gap:1.25rem;display:flex}._92Syha_targetPhoto{object-fit:cover;border-radius:.5rem;width:160px;height:120px;display:block}._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}._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}._92Syha_targetPositionCard strong{margin-bottom:.25rem;font-size:.875rem;display:block}._92Syha_targetPositionCard p{color:color-mix(in oklch, var(--foreground) 70%, transparent);margin:0;font-size:.75rem}._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}._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}._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}._92Syha_targetAppearanceCard{background:color-mix(in oklch, var(--card) 92%, transparent);text-align:center;border-radius:.5rem;padding:1rem 1.25rem;font-size:.875rem}._92Syha_targetTypography{width:100%;max-width:480px}._92Syha_targetTypography h3{margin:0 0 .5rem;font-size:1.125rem}._92Syha_targetTypography p{color:color-mix(in oklch, var(--foreground) 78%, transparent);margin:0 0 .5rem;font-size:.9375rem;line-height:1.55}._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}._92Syha_targetFillHero{background:var(--hyperlink-color);width:100%;max-width:360px;color:var(--card);border-radius:.5rem;padding:1.75rem 1.5rem}._92Syha_targetFillHero strong{margin-bottom:.375rem;font-size:1.125rem;display:block}._92Syha_targetFillHero p{opacity:.9;margin:0;font-size:.875rem}._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}._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}._92Syha_targetEffectsCard{background:var(--card);border-radius:.375rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500}._92Syha_targetMotionStage{background:var(--muted);border-radius:.5rem;justify-content:center;align-items:center;width:100%;max-width:360px;padding:1.25rem;display:flex}._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}._92Syha_targetMotionCard:hover{box-shadow:0 6px 16px color-mix(in oklch, var(--foreground) 12%, transparent);transform:translateY(-2px)}._92Syha_targetMotionCard strong{margin-bottom:.25rem;font-size:.95rem;display:block}._92Syha_targetMotionCard p{color:color-mix(in oklch, var(--foreground) 65%, transparent);margin:0;font-size:.8125rem}._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}._92Syha_targetLayoutGuideHint{color:color-mix(in oklch, var(--foreground) 55%, transparent);text-align:center;font-size:.8125rem}._92Syha_targetActionStage{justify-content:center;align-items:center;width:100%;max-width:360px;padding:1.5rem;display:flex}._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 _92Syha_demoPulse;display:inline-flex}@keyframes _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)}}._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}._92Syha_targetActionLabel{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in oklch, var(--foreground) 45%, transparent);font-size:.6875rem}._92Syha_targetActionSibling{color:color-mix(in oklch, var(--foreground) 55%, transparent);font-size:.8125rem}._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}._92Syha_targetPresetCard strong{margin-bottom:.375rem;font-size:1rem;display:block}._92Syha_targetPresetCard p{color:color-mix(in oklch, var(--foreground) 65%, transparent);margin:0;font-size:.8125rem}._92Syha_targetMultiRow{gap:.5rem;width:100%;max-width:480px;display:flex}._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}._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}._92Syha_targetTokensSwatch{background:var(--hyperlink-color);border-radius:.5rem;flex:none;width:48px;height:48px}._92Syha_targetTokensHint{color:color-mix(in oklch, var(--foreground) 60%, transparent);font-size:.8125rem}@media (max-width:980px){._92Syha_demoLayout{grid-template-columns:1fr;gap:1.25rem;padding:1rem 1.25rem 2.5rem}._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}._92Syha_sideNavList{flex-flow:row;gap:.375rem}._92Syha_sideNavLink{white-space:nowrap;border-bottom:2px solid #0000;border-left:0;padding:.4rem .625rem}._92Syha_sideNavLink[data-active=true]{border-bottom-color:var(--hyperlink-color);border-left-color:#0000}._92Syha_sideNavSubList{display:none}._92Syha_stepChild{margin-left:0}}@media (max-width:640px){._92Syha_stepTitle{font-size:1.125rem}._92Syha_stepBody p{font-size:.875rem}._92Syha_stepTarget{padding:.875rem}}