.ds_container___DimJ{display:flex;min-height:100vh;background-color:var(--surface-page)}.ds_sidebar__cVZap{width:260px;height:100vh;position:-webkit-sticky;position:sticky;top:0;padding:var(--space-6) var(--space-4);border-right:1px solid var(--border-subtle);background-color:var(--surface-panel);overflow-y:auto}.ds_title__uZrD_{font-size:1.5rem;font-weight:var(--font-weight-extrabold);letter-spacing:-.5px;color:var(--color-brand);margin-bottom:var(--space-8);display:block;text-decoration:none}.ds_nav__LNxMH{display:flex;flex-direction:column;gap:var(--space-1)}.ds_navLink__4Rh2x{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.ds_navLink__4Rh2x:hover{background-color:var(--surface-control);color:var(--text-primary)}.ds_activeNavLink__PNSkH{background-color:var(--surface-control-active);color:var(--color-brand)}.ds_content__poYH_{flex:1 1;padding:var(--space-8);max-width:1200px}.ds_section__92Sjq{margin-bottom:var(--space-10)}.ds_sectionTitle__RROyR{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);border-bottom:2px solid var(--border-subtle);padding-bottom:var(--space-2);letter-spacing:-.02em}.ds_grid___6W8p{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-5)}.ds_card__Lalsm{background-color:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.ds_cardTitle__Zl8L_{font-size:var(--text-md);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.ds_demo__cN_UF{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.ds_tokenList__QOCZT{display:flex;flex-direction:column;gap:var(--space-2)}.ds_tokenRow__Vd5ax{display:flex;align-items:center;gap:var(--space-4)}.ds_colorSwatch__rCq05{width:48px;height:48px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.ds_tokenName__0mzxn{font-family:monospace;font-size:var(--text-sm);color:var(--text-secondary);min-width:150px}.ds_tokenValue__JcDsc{font-family:monospace;font-size:var(--text-xs);color:var(--text-muted)}.ds_spacingStrip__Ff3RL{background-color:var(--color-brand);height:24px;border-radius:2px}.ds_radiusPreview__FVUxi{background-color:var(--surface-control);border:2px solid var(--color-brand);width:64px;height:64px}.ds_radiusBlock__fk0dC{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.ds_typographyTable__jNrHy{display:flex;flex-direction:column;gap:var(--space-6);width:100%}.ds_typographyRow__3bADZ{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-muted)}.ds_typographyPreview__DH_26{color:var(--text-primary)}.ds_typographyMeta__YyhiB{display:flex;justify-content:space-between;align-items:center}.ds_transitionPreview__yYXTx{padding:var(--space-2) var(--space-4);background-color:var(--surface-control);border-radius:var(--radius-md);cursor:pointer;min-width:120px;text-align:center;transition:all var(--transition-base)}.ds_transitionPreview__yYXTx:hover{background-color:var(--color-brand);color:var(--color-white);transform:scale(1.05)}.ds_glassDemo__LI4lc{width:100%;height:120px;position:relative;border-radius:var(--radius-md);overflow:hidden}.ds_glassBackground__cQQJs{width:100%;height:100%;background:linear-gradient(45deg,var(--color-brand),var(--color-success))}.ds_glassBackground__cQQJs,.ds_glassBox__xQiYL{display:flex;align-items:center;justify-content:center}.ds_glassBox__xQiYL{width:80%;height:60%;background-color:hsla(var(--white-hsl),.1);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid hsla(var(--white-hsl),.2);border-radius:var(--radius-md)}.Button_button__Pm_4n{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);transition:all var(--transition-base);border:1px solid transparent;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent}.Button_button__Pm_4n:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.Button_fullWidth__h8Fxk{width:100%}.Button_primary__uZnHB{background-color:var(--color-brand);color:var(--color-white)}.Button_primary__uZnHB:hover{background-color:var(--color-brand-dim);transform:scale(.98);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.Button_primary__uZnHB:active{transform:scale(.96)}.Button_outline__Fuf3U{background-color:var(--surface-control);color:var(--text-primary);border-color:var(--border-subtle)}.Button_outline__Fuf3U,.Button_outline__Fuf3U:hover{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.Button_outline__Fuf3U:hover{background-color:var(--surface-control-hover);color:var(--color-brand)}.Button_ghost__B_0p8{background-color:transparent;color:var(--text-secondary);border-color:var(--border-muted);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.Button_ghost__B_0p8:hover{background-color:var(--surface-control-hover);border-color:var(--border-subtle)}.Button_ghost__B_0p8:hover,.Button_secondary__MzvLB{color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.Button_secondary__MzvLB{background-color:var(--border-subtle);border-color:transparent}.Button_secondary__MzvLB:hover{background-color:var(--surface-control-hover);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transform:scale(.98)}.Button_sm__spo5W{height:32px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.Button_md__9LTV_{height:48px;padding:0 var(--space-5);font-size:var(--text-md);border-radius:var(--radius-full)}.Button_lg__67U9_{height:56px;padding:0 var(--space-7);font-size:var(--text-lg);border-radius:var(--radius-full)}.Button_shape-circle__2uo9s{border-radius:var(--radius-full);padding:0;aspect-ratio:1/1;display:inline-flex;justify-content:center;align-items:center}.Button_shape-circle__2uo9s.Button_sm__spo5W{width:32px;height:32px}.Button_shape-circle__2uo9s.Button_md__9LTV_{width:48px;height:48px}.Button_shape-circle__2uo9s.Button_lg__67U9_{width:56px;height:56px}.Button_shape-square__IdBIZ{border-radius:var(--radius-sm);padding:0;aspect-ratio:1/1;display:inline-flex;justify-content:center;align-items:center}.Button_shape-square__IdBIZ.Button_sm__spo5W{width:32px;height:32px}.Button_shape-square__IdBIZ.Button_md__9LTV_{width:48px;height:48px}.Button_shape-square__IdBIZ.Button_lg__67U9_{width:56px;height:56px}.Button_icon__qUpJl{width:32px;height:32px;padding:0;aspect-ratio:1/1;border-radius:var(--radius-sm)}.Chip_chip__4PFXE{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-3);border-radius:var(--radius-sm);background-color:var(--surface-control);color:var(--text-secondary);border:1px solid var(--border-subtle);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Chip_chip__4PFXE,.Chip_chip__4PFXE:hover{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.Chip_chip__4PFXE:hover{background-color:var(--surface-control-hover);color:var(--text-primary)}.Chip_active__iS4qO{background-color:var(--color-brand);color:var(--text-primary);border-color:var(--color-brand)}.Chip_active__iS4qO,.Chip_active__iS4qO:hover{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.Chip_active__iS4qO:hover{background-color:var(--color-brand-dim)}.Chip_sm__uM1sM{height:24px;padding:0 var(--space-2);font-size:var(--text-xs)}.Chip_md__I1FNX{height:32px}.Card_card__Aicrs{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:transform var(--transition-base),border-color var(--transition-base);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.Card_card__Aicrs:hover{border-color:var(--border-muted)}.Card_icon__q9rj2{font-size:2rem;margin-bottom:var(--space-2)}.Card_title__NXkeD{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.Card_content__QHxb5{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6}.PanelToggle_panelToggle__zfoyd{position:relative;width:48px;height:24px;cursor:pointer;z-index:100;margin-top:-1px;display:flex;align-items:center;justify-content:center;opacity:.25;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.PanelToggle_panelToggle__zfoyd:hover{opacity:1}.PanelToggle_panelToggle__zfoyd:after,.PanelToggle_panelToggle__zfoyd:before{content:"";position:absolute;width:14px;height:6px;background-color:var(--text-primary);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.PanelToggle_panelToggle__zfoyd:before{left:12px;transform-origin:calc(100% - 2px) center;border-radius:var(--radius-xs) 0 0 var(--radius-xs)}.PanelToggle_panelToggle__zfoyd:after{right:12px;transform-origin:2px center;border-radius:0 var(--radius-xs) var(--radius-xs) 0}.PanelToggle_panelToggle__zfoyd:hover:after,.PanelToggle_panelToggle__zfoyd:hover:before{background-color:var(--color-brand,#f36);border-radius:var(--radius-xs)}.PanelToggle_panelToggle__zfoyd:not(.PanelToggle_expanded__WP5_M):hover{transform:translateY(3px)}.PanelToggle_panelToggle__zfoyd:not(.PanelToggle_expanded__WP5_M):hover:before{transform:rotate(25deg) scaleX(1.4) scaleY(1.2)}.PanelToggle_panelToggle__zfoyd:not(.PanelToggle_expanded__WP5_M):hover:after{transform:rotate(-25deg) scaleX(1.4) scaleY(1.2)}.PanelToggle_expanded__WP5_M:hover{transform:translateY(-3px)}.PanelToggle_expanded__WP5_M:hover:before{transform:rotate(-25deg) scaleX(1.4) scaleY(1.2)}.PanelToggle_expanded__WP5_M:hover:after{transform:rotate(25deg) scaleX(1.4) scaleY(1.2)}
/*# sourceMappingURL=938a1a33335c2404.css.map*/