.hZJeFq_page{min-height:100vh}.hZJeFq_topbar{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-14) var(--space-32);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9fbfed9;display:flex;position:sticky;top:0}.hZJeFq_brand{align-items:center;gap:var(--space-10);text-decoration:none;display:flex}.hZJeFq_badge{padding:3px var(--space-10);border-radius:var(--radius-pill);background:var(--color-primary-50);color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:500}.hZJeFq_layout{gap:var(--space-40);max-width:1120px;padding:var(--space-40) var(--space-32) 96px;grid-template-columns:180px minmax(0,1fr);margin:0 auto;display:grid}.hZJeFq_nav{gap:var(--space-4);flex-direction:column;align-self:start;display:flex;position:sticky;top:90px}.hZJeFq_nav a{padding:var(--space-8) var(--space-14);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;text-decoration:none}.hZJeFq_nav a:hover{background:var(--color-surface);color:var(--color-text)}.hZJeFq_content{gap:var(--space-56);flex-direction:column;min-width:0;display:flex}.hZJeFq_section{gap:var(--space-16);flex-direction:column;scroll-margin-top:90px;display:flex}.hZJeFq_panel{gap:var(--space-16);padding:var(--space-24);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.hZJeFq_panelHeader{justify-content:space-between;align-items:baseline;gap:var(--space-4) var(--space-16);flex-wrap:wrap;display:flex}.hZJeFq_scale{gap:var(--space-8);grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.hZJeFq_swatchGrid{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.hZJeFq_semantic{gap:var(--space-4);flex-direction:column;display:flex}.hZJeFq_swatch{align-items:flex-start;gap:var(--space-2);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.hZJeFq_swatch:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:4px;border-radius:var(--radius-sm)}.hZJeFq_chipColor{width:100%;height:56px;margin-bottom:var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-hairline);transition:transform var(--duration-base) var(--ease-standard)}.hZJeFq_swatch:hover .hZJeFq_chipColor{transform:translateY(-2px)}.hZJeFq_fontSpecimen{align-items:center;gap:var(--space-32);display:flex}.hZJeFq_glyph{border-radius:var(--radius-xl);background:var(--color-primary-50);width:140px;height:140px;color:var(--color-primary-500);letter-spacing:-.04em;flex:none;place-items:center;font-size:4rem;font-weight:700;display:grid}.hZJeFq_typeList{flex-direction:column;display:flex}.hZJeFq_typeRow{align-items:center;gap:var(--space-24);padding:var(--space-16) 0;border-top:1px solid var(--color-border);grid-template-columns:200px minmax(0,1fr) 150px;display:grid}.hZJeFq_typeMeta{gap:var(--space-2);flex-direction:column;display:flex}.hZJeFq_tokenGrid{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.hZJeFq_tokenItem{align-items:flex-start;gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.hZJeFq_radiusSample{width:var(--space-56);height:var(--space-56);border:2px solid var(--color-primary-300);background:var(--color-primary-50)}.hZJeFq_shadowSample{width:100%;height:var(--space-56);border-radius:var(--radius-lg);background:var(--color-surface)}.hZJeFq_spaceList{gap:var(--space-8);flex-direction:column;margin:0;display:flex}.hZJeFq_spaceRow{align-items:center;gap:var(--space-12);grid-template-columns:120px minmax(0,1fr) 56px;display:grid}.hZJeFq_spaceBar{height:var(--space-8);border-radius:var(--radius-pill);background:var(--color-primary-400);display:block}.hZJeFq_tokenColumns{gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.hZJeFq_tokenColumn{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.hZJeFq_tokenList{flex-direction:column;margin:0;display:flex}.hZJeFq_tokenRow{justify-content:space-between;align-items:baseline;gap:var(--space-12);padding:var(--space-8) 0;border-top:1px solid var(--color-border);display:flex}.hZJeFq_tokenRow dt,.hZJeFq_tokenRow dd{margin:0}.hZJeFq_buttonTable{flex-direction:column;display:flex}.hZJeFq_buttonRow{align-items:center;gap:var(--space-24);padding:var(--space-16) 0;border-top:1px solid var(--color-border);grid-template-columns:220px minmax(0,1fr);display:grid}.hZJeFq_buttonRowItems{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}@media (max-width:900px){.hZJeFq_layout{gap:var(--space-24);padding:var(--space-24) var(--space-16) 64px;grid-template-columns:minmax(0,1fr)}.hZJeFq_topbar{padding:var(--space-12) var(--space-16)}.hZJeFq_nav{flex-direction:row;position:static;overflow-x:auto}.hZJeFq_scale{grid-template-columns:repeat(5,minmax(0,1fr))}.hZJeFq_typeRow,.hZJeFq_buttonRow{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.hZJeFq_fontSpecimen{flex-direction:column;align-items:flex-start}}.hZJeFq_nav{scrollbar-width:thin;max-height:calc(100vh - 110px);overflow-y:auto}.hZJeFq_navGroup{margin-top:var(--space-14);padding:0 var(--space-14) var(--space-4);color:var(--color-text-subtle);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.hZJeFq_divider{gap:var(--space-6);padding-top:var(--space-40);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.hZJeFq_sectionHead{gap:var(--space-4);flex-direction:column;max-width:640px;display:flex}.hZJeFq_specimens{flex-direction:column;display:flex}.hZJeFq_specimen{align-items:center;gap:var(--space-24);padding:var(--space-14) 0;border-top:1px solid var(--color-border);grid-template-columns:220px minmax(0,1fr);display:grid}.hZJeFq_specimen:first-child{border-top:0;padding-top:0}.hZJeFq_specimen:last-child{padding-bottom:0}.hZJeFq_specimenMeta{gap:var(--space-2);flex-direction:column;display:flex}.hZJeFq_specimenItems{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.hZJeFq_code{padding:var(--space-14) var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-neutral-50);color:var(--color-neutral-800);font-family:var(--font-mono);font-size:var(--font-size-md);margin:0;line-height:1.6;overflow-x:auto}.hZJeFq_cardGrid{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.hZJeFq_cardPad{padding:var(--space-20)}.hZJeFq_fieldStack{gap:var(--space-12);flex-direction:column;max-width:420px;display:flex}.hZJeFq_progressDemo,.hZJeFq_legendDemo{width:260px;max-width:100%}.hZJeFq_demoLabel{gap:var(--space-2);flex-direction:column;margin-bottom:-4px;display:flex}.hZJeFq_pageHeaderDemo{padding:var(--space-20);border:1px dashed var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-bg)}.hZJeFq_tabsDemo{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:420px;overflow:hidden}.hZJeFq_tabsPanel{padding:var(--space-14) var(--space-16)}.hZJeFq_checkboxDemo{gap:var(--space-8);flex-direction:column;display:flex}.hZJeFq_checkboxDemo label{align-items:center;gap:var(--space-10);cursor:pointer;display:flex}.hZJeFq_checkboxChild{margin-left:26px}@media (max-width:900px){.hZJeFq_specimen{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.hZJeFq_nav{max-height:none}.hZJeFq_navGroup{display:none}}.hZJeFq_usageTable{flex-direction:column;display:flex}.hZJeFq_usageHead,.hZJeFq_usageRow{align-items:center;gap:var(--space-16);padding:var(--space-10) 0;border-top:1px solid var(--color-border);grid-template-columns:90px 100px 100px minmax(0,1fr);display:grid}.hZJeFq_usageHead{color:var(--color-text-subtle);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;border-top:0;padding-top:0;font-weight:600}.hZJeFq_usageStep{align-items:center;gap:var(--space-10);display:flex}.hZJeFq_usageChip{border-radius:var(--radius-sm);width:28px;height:28px;box-shadow:var(--shadow-hairline)}.hZJeFq_usageRow [data-pass]{color:var(--color-success-700);font-weight:600}@media (max-width:720px){.hZJeFq_usageHead{display:none}.hZJeFq_usageRow{grid-template-columns:80px 70px minmax(0,1fr)}.hZJeFq_usageRow>:last-child{grid-column:1/-1}}.hZJeFq_onPage{padding:var(--space-12);border-radius:var(--radius-lg);background:var(--color-bg)}.hZJeFq_formDemo{gap:var(--space-20);flex-direction:column;max-width:460px;display:flex}.hZJeFq_stepperDemo{gap:var(--space-16);flex-direction:column;width:340px;max-width:100%;display:flex}.hZJeFq_stepperDemoActions{gap:var(--space-8);display:flex}.hZJeFq_uploadDemo{width:240px}.hZJeFq_noticeDemo{align-items:flex-start;gap:var(--space-12);flex-direction:column;display:flex}.hZJeFq_noticeDemo>:first-child{align-self:stretch}.hZJeFq_toolbarDemo{gap:var(--space-16);flex-direction:column;display:flex}.hZJeFq_splitBox{border:1px dashed var(--color-primary-300);border-radius:var(--radius-lg);background:var(--color-primary-50);min-height:96px;color:var(--color-primary-700);place-items:center;display:grid}.hZJeFq_bannerDemo{container-type:inline-size}