.page-module__9zEhMq__docsLayout{gap:20px;max-width:1200px;display:flex}.page-module__9zEhMq__sidebar{overscroll-behavior:contain;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;width:200px;max-height:calc(100vh - 16px);padding:12px;position:sticky;top:0;overflow-y:auto}.page-module__9zEhMq__sidebar::-webkit-scrollbar{width:6px}.page-module__9zEhMq__sidebar::-webkit-scrollbar-track{background:0 0}.page-module__9zEhMq__sidebar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:999px}.page-module__9zEhMq__sidebar::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.page-module__9zEhMq__navTitle{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;padding:0 8px;font-size:10px;font-weight:700}.page-module__9zEhMq__navGroup{flex-direction:column;gap:2px;display:flex}.page-module__9zEhMq__navItem{width:100%;font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.page-module__9zEhMq__navItem span{min-width:0}.page-module__9zEhMq__navChevron{color:var(--text-muted);transition:transform var(--transition-fast), color var(--transition-fast);flex:none}.page-module__9zEhMq__navChevronOpen{color:var(--primary-active);transform:rotate(180deg)}.page-module__9zEhMq__navItem:hover{background:var(--gray-100);color:var(--text-primary)}.page-module__9zEhMq__navItem.page-module__9zEhMq__active{background:var(--primary-subtle);color:var(--primary-active);font-weight:500}.page-module__9zEhMq__navSubItems{border-left:1px solid var(--border);flex-direction:column;gap:1px;margin:0 0 6px 10px;padding-left:8px;animation:.12s ease-out page-module__9zEhMq__navExpand;display:flex}.page-module__9zEhMq__navSubItem{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:5px 6px;font-size:11px;line-height:1.2}.page-module__9zEhMq__navSubItem:hover{background:var(--gray-100);color:var(--text-primary)}@keyframes page-module__9zEhMq__navExpand{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.page-module__9zEhMq__content{flex:1;min-width:0}.page-module__9zEhMq__content section{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:32px}.page-module__9zEhMq__content section:last-child{border-bottom:none}.page-module__9zEhMq__anchor{height:1px;display:block;position:relative;top:-10px;overflow:hidden}.page-module__9zEhMq__sectionTitle{font-size:var(--text-xl);color:var(--text-primary);margin:0 0 8px;font-weight:700}.page-module__9zEhMq__sectionDesc{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 16px}.page-module__9zEhMq__code{background:var(--gray-900);color:#e5e7eb;font-family:var(--font-mono);border-radius:var(--radius-sm);white-space:pre;margin:0;padding:12px;font-size:11px;line-height:1.6;overflow-x:auto}.page-module__9zEhMq__text{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 12px}.page-module__9zEhMq__docWithPreview{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:start;gap:14px;display:grid}.page-module__9zEhMq__docCopy{min-width:0}.page-module__9zEhMq__docCopy>:last-child{margin-bottom:0}.page-module__9zEhMq__previewPanel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);min-width:0;box-shadow:var(--shadow-sm);overflow:hidden}.page-module__9zEhMq__previewHeader{border-bottom:1px solid var(--border);background:var(--gray-50);color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-size:11px;font-weight:800;display:flex}.page-module__9zEhMq__previewSurface{background-color:#fff;background-image:linear-gradient(90deg,#94a3b814 1px,#0000 1px),linear-gradient(#94a3b814 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding:12px}.page-module__9zEhMq__previewText{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:1.6}.page-module__9zEhMq__miniShell{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden}.page-module__9zEhMq__miniHeader,.page-module__9zEhMq__miniStatus{color:#fff;background:#0f172a;justify-content:space-between;gap:8px;padding:8px 10px;font-size:11px;display:flex}.page-module__9zEhMq__miniBody{grid-template-columns:92px minmax(0,1fr);min-height:170px;display:grid}.page-module__9zEhMq__miniSidebar{border-right:1px solid var(--border);background:var(--gray-50);color:var(--text-muted);flex-direction:column;gap:6px;padding:10px;font-size:11px;display:flex}.page-module__9zEhMq__miniSidebar span{border-radius:var(--radius-sm);padding:6px 7px}.page-module__9zEhMq__miniNavActive{background:var(--primary-subtle);color:var(--primary-active);font-weight:700}.page-module__9zEhMq__miniContent{flex-direction:column;gap:10px;min-width:0;padding:10px;display:flex}.page-module__9zEhMq__miniBreadcrumb{color:var(--text-muted);font-size:10px}.page-module__9zEhMq__miniToolbar,.page-module__9zEhMq__buttonPreview{flex-wrap:wrap;gap:8px;display:flex}.page-module__9zEhMq__miniRows{flex-direction:column;gap:7px;display:flex}.page-module__9zEhMq__miniRows span{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(90deg,#eff6ff,#fff);height:28px}.page-module__9zEhMq__miniLoader{background:linear-gradient(90deg,#0000,#f97316 25%,#f59e0b 58%,#0000);height:3px}.page-module__9zEhMq__miniStatus{color:#d1d5db;min-height:26px;font-family:var(--font-mono);background:#111827;align-items:center;font-size:9px}.page-module__9zEhMq__loaderDemo{flex-direction:column;gap:10px;display:flex}.page-module__9zEhMq__loaderTrack{background:#fed7aa;border-radius:999px;height:5px;overflow:hidden}.page-module__9zEhMq__loaderTrack span{border-radius:inherit;background:linear-gradient(90deg,#fb923c,#f97316,#fdba74);width:52%;height:100%;display:block;box-shadow:0 0 12px #f973168c}.page-module__9zEhMq__loaderFooter{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--gray-50);color:var(--text-secondary);padding:8px 10px;font-size:12px}.page-module__9zEhMq__recoveryDemo{border-radius:var(--radius-md);color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;flex-direction:column;gap:8px;padding:12px;display:flex}.page-module__9zEhMq__recoveryDemo strong{color:#7c2d12}.page-module__9zEhMq__recoveryDemo span{color:#9a3412;font-size:12px;line-height:1.5}.page-module__9zEhMq__iconGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.page-module__9zEhMq__iconGrid span{border:1px solid var(--border);border-radius:var(--radius-md);min-height:70px;color:var(--primary-active);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.page-module__9zEhMq__iconGrid small{color:var(--text-secondary);font-size:10px}.page-module__9zEhMq__tilePreview,.page-module__9zEhMq__reportPreview,.page-module__9zEhMq__formPreview,.page-module__9zEhMq__moduleGridPreview,.page-module__9zEhMq__kpiCardPreview,.page-module__9zEhMq__foundationPreview,.page-module__9zEhMq__paginationTabsPreview{gap:10px;display:grid}.page-module__9zEhMq__foundationActions{flex-wrap:wrap;gap:8px;display:flex}.page-module__9zEhMq__statePreviewGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.page-module__9zEhMq__viewPreviewBox{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--gray-50);flex-direction:column;justify-content:center;gap:4px;min-height:72px;padding:12px;display:flex}.page-module__9zEhMq__viewPreviewBox strong{color:var(--text-primary);font-size:var(--text-sm)}.page-module__9zEhMq__viewPreviewBox span{color:var(--text-muted);font-size:12px}.page-module__9zEhMq__badgePreview{flex-wrap:wrap;gap:8px;display:flex}.page-module__9zEhMq__multiLevelPreview{gap:10px;display:grid}.page-module__9zEhMq__levelSource{border:1px solid var(--border);border-radius:var(--radius-md);background:#f8fafc;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px;display:grid}.page-module__9zEhMq__levelSource span{color:var(--text-muted);text-transform:uppercase;grid-column:1/-1;font-size:10px}.page-module__9zEhMq__levelSource strong{color:var(--text-primary)}.page-module__9zEhMq__levelTrail{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;grid-template-columns:repeat(3,1fr);font-size:11px;display:grid;overflow:hidden}.page-module__9zEhMq__levelTrail span{text-align:center;color:var(--text-muted);padding:7px}.page-module__9zEhMq__levelActive{background:var(--primary-subtle);font-weight:800;color:var(--primary-active)!important}.page-module__9zEhMq__levelGrid{gap:6px;display:grid}.page-module__9zEhMq__levelGrid div{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 9px;display:grid}.page-module__9zEhMq__levelGrid span{color:var(--text-muted);font-size:11px}.page-module__9zEhMq__levelSource kbd,.page-module__9zEhMq__levelGrid kbd{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--gray-50);color:var(--text-primary);font-family:var(--font-mono);padding:3px 6px;font-size:10px;font-weight:700}.page-module__9zEhMq__documentPreview{border:1px solid var(--border);border-radius:var(--radius-md);background:#e2e8f0;max-height:430px;overflow:auto}.page-module__9zEhMq__itemsMasterPreview{gap:10px;display:grid}.page-module__9zEhMq__itemsMasterHeader,.page-module__9zEhMq__itemsMasterMetrics,.page-module__9zEhMq__itemsMasterGrid div,.page-module__9zEhMq__itemsMasterDetail,.page-module__9zEhMq__coveragePreview div{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff}.page-module__9zEhMq__itemsMasterHeader{justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.page-module__9zEhMq__itemsMasterHeader div{gap:3px;display:grid}.page-module__9zEhMq__itemsMasterHeader span,.page-module__9zEhMq__itemsMasterMetrics small{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.page-module__9zEhMq__itemsMasterHeader strong,.page-module__9zEhMq__itemsMasterMetrics strong{color:var(--text-primary)}.page-module__9zEhMq__itemsMasterMetrics{background:var(--gray-50);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;display:grid}.page-module__9zEhMq__itemsMasterMetrics span{border-radius:var(--radius-sm);background:#fff;gap:2px;padding:8px;display:grid}.page-module__9zEhMq__itemsMasterGrid{gap:6px;display:grid}.page-module__9zEhMq__itemsMasterGrid div{grid-template-columns:74px minmax(0,1fr) 58px auto;align-items:center;gap:8px;padding:8px;display:grid}.page-module__9zEhMq__itemsMasterGrid code,.page-module__9zEhMq__errorPreviewCard code{font-family:var(--font-mono);font-size:10px}.page-module__9zEhMq__itemsMasterGrid strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.page-module__9zEhMq__itemsMasterGrid span,.page-module__9zEhMq__itemsMasterDetail span{color:var(--text-muted);font-size:11px}.page-module__9zEhMq__itemsMasterDetail{background:#f8fafc;gap:4px;padding:10px;display:grid}.page-module__9zEhMq__itemsMasterDetail strong{color:var(--text-primary)}.page-module__9zEhMq__errorPagesPreview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.page-module__9zEhMq__errorPreviewCard{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;gap:5px;padding:10px;display:grid}.page-module__9zEhMq__errorPreviewCard strong{font-family:var(--font-mono);font-size:20px;line-height:1}.page-module__9zEhMq__errorPreviewCard span{color:var(--text-primary);font-size:12px;font-weight:700}.page-module__9zEhMq__errorPreviewCard code{color:var(--text-muted)}.page-module__9zEhMq__danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.page-module__9zEhMq__warning{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.page-module__9zEhMq__info{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.page-module__9zEhMq__coveragePreview{gap:8px;display:grid}.page-module__9zEhMq__coveragePreview div{color:var(--text-primary);justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:12px;font-weight:700;display:flex}.page-module__9zEhMq__propsTable{flex-direction:column;gap:1px;display:flex}.page-module__9zEhMq__propRow{font-size:var(--text-sm);background:var(--gray-50);grid-template-columns:140px 140px 1fr;gap:12px;padding:8px 12px;display:grid}.page-module__9zEhMq__propRow:nth-child(odd){background:#fff}.page-module__9zEhMq__propRow code{font-family:var(--font-mono);color:var(--purple);font-size:11px}.page-module__9zEhMq__propRow span:nth-child(2){font-family:var(--font-mono);color:var(--info);font-size:10px}.page-module__9zEhMq__propRow span:nth-child(3){color:var(--text-muted)}.page-module__9zEhMq__shortcutTable{flex-direction:column;gap:8px;display:flex}.page-module__9zEhMq__shortcutRow{font-size:var(--text-sm);align-items:center;gap:16px;padding:8px 12px;display:flex}.page-module__9zEhMq__shortcutRow kbd{min-width:80px;font-family:var(--font-mono);color:var(--text-primary);background:var(--gray-100);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:4px 8px;font-size:11px;font-weight:600}.page-module__9zEhMq__shortcutRow span{color:var(--text-secondary)}.page-module__9zEhMq__featureList{font-size:var(--text-sm);color:var(--text-secondary);margin:0;padding-left:20px;line-height:2}.page-module__9zEhMq__featureList strong{color:var(--text-primary)}@media (max-width:900px){.page-module__9zEhMq__docsLayout{flex-direction:column}.page-module__9zEhMq__sidebar{flex-wrap:wrap;gap:4px;width:100%;max-height:none;display:flex;position:static;overflow:visible}.page-module__9zEhMq__navTitle{width:100%;margin-bottom:4px}.page-module__9zEhMq__navItem{width:auto}.page-module__9zEhMq__navGroup{min-width:150px}.page-module__9zEhMq__navSubItems{margin-left:4px}.page-module__9zEhMq__docWithPreview{grid-template-columns:1fr}.page-module__9zEhMq__miniBody{grid-template-columns:78px minmax(0,1fr)}}@media (max-width:560px){.page-module__9zEhMq__previewSurface{padding:10px}.page-module__9zEhMq__iconGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-module__9zEhMq__statePreviewGrid,.page-module__9zEhMq__levelGrid div,.page-module__9zEhMq__itemsMasterMetrics,.page-module__9zEhMq__itemsMasterGrid div,.page-module__9zEhMq__errorPagesPreview,.page-module__9zEhMq__miniBody{grid-template-columns:1fr}.page-module__9zEhMq__miniSidebar{border-right:none;border-bottom:1px solid var(--border)}}