.tKdIdG_layout{background:var(--color-bg);min-height:100dvh;color:var(--color-fg);display:flex}.tKdIdG_sidebar{border-right:1px solid var(--color-border);background:var(--color-bg);width:260px;z-index:var(--z-sticky);flex-direction:column;display:none;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.tKdIdG_sidebarHeader{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.tKdIdG_version{font-size:var(--font-size-xs);color:var(--color-fg-tertiary);background:var(--color-bg-tertiary);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full)}.tKdIdG_nav{padding:var(--space-4) 0;flex:1;overflow-y:auto}.tKdIdG_navSection{margin-bottom:var(--space-4)}.tKdIdG_navTitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-fg);letter-spacing:var(--letter-spacing-wider);padding:0 var(--space-5) var(--space-2)}.tKdIdG_navList{margin:0;padding:0;list-style:none}.tKdIdG_navLink{padding:var(--space-1-5) var(--space-5);font-size:var(--font-size-sm);color:var(--color-fg-secondary);transition:color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default);text-decoration:none;display:block}.tKdIdG_navLink:hover{color:var(--color-fg);background:var(--color-surface-hover)}.tKdIdG_navLinkActive{color:var(--color-fg);font-weight:var(--font-weight-medium);background:var(--color-surface-active);border-right:2px solid var(--color-primary)}.tKdIdG_sidebarFooter{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.tKdIdG_themeToggle{background:var(--color-secondary);color:var(--color-secondary-fg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);border:none}.tKdIdG_themeToggle:hover{background:var(--color-secondary-hover)}.tKdIdG_main{flex:1;min-width:0;min-height:100dvh;margin-left:0}.tKdIdG_content{max-width:860px;padding:var(--space-6) var(--space-4) var(--space-12);margin:0 auto}.tKdIdG_pageTitle{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}.tKdIdG_pageDescription{font-size:var(--font-size-lg);color:var(--color-fg-secondary);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.tKdIdG_pageDescription:has(+.tKdIdG_sourceLink){margin-bottom:var(--space-2)}.tKdIdG_sourceLink{margin-bottom:var(--space-8);font-size:var(--font-size-sm)}.tKdIdG_sourceLink a,.tKdIdG_externalLink{color:var(--color-fg-secondary);text-underline-offset:3px;text-decoration:underline}.tKdIdG_sourceLink a:hover,.tKdIdG_externalLink:hover{color:var(--color-fg)}.tKdIdG_externalLinks{gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);display:flex}.tKdIdG_sectionTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:var(--space-10) 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.tKdIdG_subsectionTitle{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:var(--space-6) 0 var(--space-3)}.tKdIdG_codeBlock{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);white-space:pre;overflow-x:auto}.tKdIdG_inlineCode{background:var(--color-bg-tertiary);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875em}.tKdIdG_preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);background:var(--color-bg);gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.tKdIdG_previewColumn{flex-direction:column;align-items:stretch;}.tKdIdG_previewColumn .tKdIdG_preview{background:0 0;border:0;margin:0;padding:0}.tKdIdG_previewLabel{font-size:var(--font-size-xs);color:var(--color-fg-tertiary);margin-bottom:var(--space-2);font-weight:var(--font-weight-medium)}.tKdIdG_propsTable{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.tKdIdG_propsTable th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--color-border);font-weight:var(--font-weight-semibold);color:var(--color-fg-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.tKdIdG_propsTable td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);vertical-align:top}.tKdIdG_propsTable td:first-child{font-family:var(--font-mono);font-weight:var(--font-weight-medium);color:var(--color-fg);white-space:nowrap}.tKdIdG_propsTable td:nth-child(2){font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-fg-secondary)}.tKdIdG_tokenGrid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.tKdIdG_tokenCard{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.tKdIdG_tokenSwatch{height:64px}.tKdIdG_tokenInfo{padding:var(--space-2) var(--space-3)}.tKdIdG_tokenName{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-fg)}.tKdIdG_tokenValue{font-size:var(--font-size-2xs);color:var(--color-fg-tertiary);font-family:var(--font-mono)}.tKdIdG_paletteRow{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.tKdIdG_paletteHueName{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-fg);flex-shrink:0;min-width:64px}.tKdIdG_paletteStrip{border-radius:var(--radius-md);flex:1;height:40px;display:flex;overflow:hidden}.tKdIdG_paletteSwatch{cursor:default;transition:flex var(--duration-fast) var(--ease-default);flex:1;position:relative}.tKdIdG_paletteSwatch:hover{flex:2}.tKdIdG_paletteLabel{font-size:9px;font-family:var(--font-mono);font-weight:var(--font-weight-medium);opacity:0;transition:opacity var(--duration-fast) var(--ease-default);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tKdIdG_paletteSwatch:hover .tKdIdG_paletteLabel{opacity:1}.tKdIdG_paletteShadeLabels{flex:1;display:flex}.tKdIdG_paletteShadeLabel{text-align:center;font-size:9px;font-family:var(--font-mono);color:var(--color-fg-tertiary);flex:1}.tKdIdG_spacingRow{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.tKdIdG_spacingBar{background:var(--color-primary);border-radius:var(--radius-sm);opacity:.7;height:24px}.tKdIdG_spacingLabel{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-fg-secondary);min-width:100px}.tKdIdG_shadowGrid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.tKdIdG_shadowCard{background:var(--color-surface);border-radius:var(--radius-lg);height:80px;font-size:var(--font-size-xs);color:var(--color-fg-secondary);font-family:var(--font-mono);justify-content:center;align-items:center;display:flex}.tKdIdG_checkList{margin:0 0 var(--space-6);gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.tKdIdG_checkListItem{align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-fg);transition:background var(--duration-fast) var(--ease-default);display:flex}.tKdIdG_checkListItem:hover{background:var(--color-surface-hover)}.tKdIdG_checkListIcon{color:var(--color-fg-tertiary);flex-shrink:0}@media (min-width:769px){.tKdIdG_sidebar{display:flex}.tKdIdG_main{margin-left:260px}.tKdIdG_content{padding:var(--space-10) var(--space-8) var(--space-16)}}.tKdIdG_guideGrid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.tKdIdG_guideCard{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);background:var(--color-bg)}.tKdIdG_guideCard[data-kind=use] .tKdIdG_guideCardTitle{color:var(--color-positive-strong)}.tKdIdG_guideCard[data-kind=avoid] .tKdIdG_guideCardTitle{color:var(--color-negative-strong)}.tKdIdG_guideCardTitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.tKdIdG_guideList{margin:0 0 var(--space-6);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);padding-left:1.25em}.tKdIdG_guideCard .tKdIdG_guideList{margin-bottom:0}.tKdIdG_guideList li+li{margin-top:var(--space-1-5)}.tKdIdG_tableScroll{overflow-x:auto}.tKdIdG_tableNote{margin:calc(-1 * var(--space-4)) 0 var(--space-6);font-size:var(--font-size-xs);color:var(--color-fg-tertiary)}.tKdIdG_requiredMark{margin-left:var(--space-1-5);font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-negative-strong)}.tKdIdG_kbd{padding:0 var(--space-1-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);white-space:nowrap;border-bottom-width:2px;display:inline-block}.tKdIdG_relatedList{gap:var(--space-2);margin:0 0 var(--space-6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tKdIdG_relatedList a{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-fg);text-decoration:none;display:inline-block}.tKdIdG_relatedList a:hover{background:var(--color-bg-secondary)}.tKdIdG_deprecatedMark{margin-left:var(--space-1-5);font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-fg-tertiary)}.tKdIdG_propsTable tr[data-deprecated] td:first-child code{color:var(--color-fg-tertiary);text-decoration:line-through}.tKdIdG_searchRow{padding:var(--space-3) var(--space-5) 0}.tKdIdG_searchTrigger{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-fg-tertiary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;display:flex}.tKdIdG_searchTrigger:hover{border-color:var(--color-border-strong);color:var(--color-fg-secondary)}.tKdIdG_searchTrigger:focus-visible{outline:var(--ring-width) solid var(--color-focus);outline-offset:var(--ring-offset)}.tKdIdG_searchKbd{font-family:var(--font-mono);font-size:var(--font-size-2xs);padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);margin-left:auto}.tKdIdG_mobileBar{z-index:var(--z-sticky);height:var(--topbar-height);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.tKdIdG_mobileBarActions{gap:var(--space-1);display:flex}.tKdIdG_drawerNav{padding:0}.tKdIdG_drawerNav .tKdIdG_nav{overflow:visible}@media (min-width:769px){.tKdIdG_mobileBar{display:none}}