.cheat-sheet-module__eoL2Nq__cheatSheet{max-width:var(--content-wide);padding:var(--space-8)var(--container-padding);margin:0 auto}.cheat-sheet-module__eoL2Nq__cheatSheet h2{margin-bottom:var(--space-2)}.cheat-sheet-module__eoL2Nq__toc{background:var(--bg-muted);padding:var(--space-4)var(--space-5);margin:var(--space-6)0;border-left:4px solid var(--color-primary)}.cheat-sheet-module__eoL2Nq__toc h3{margin-top:0;margin-bottom:var(--space-3);font-size:var(--text-lg)}.cheat-sheet-module__eoL2Nq__tocGrid{gap:var(--space-2)var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0;padding:0;list-style:none;display:grid}.cheat-sheet-module__eoL2Nq__tocGrid li{margin:0}.cheat-sheet-module__eoL2Nq__tocGrid a{font-size:var(--text-sm);color:var(--text-link);text-decoration:none}.cheat-sheet-module__eoL2Nq__tocGrid a:hover{text-decoration:underline}.cheat-sheet-module__eoL2Nq__table{border-collapse:collapse;width:100%;margin:var(--space-4)0;font-size:var(--text-sm)}.cheat-sheet-module__eoL2Nq__table th,.cheat-sheet-module__eoL2Nq__table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-default)}.cheat-sheet-module__eoL2Nq__table th{font-weight:var(--weight-bold);background-color:var(--bg-muted)}.cheat-sheet-module__eoL2Nq__table tbody tr:hover{background-color:var(--bg-muted)}.cheat-sheet-module__eoL2Nq__tableWrapper{margin:var(--space-4)0;overflow-x:auto}.cheat-sheet-module__eoL2Nq__tableWrapper table{min-width:720px}.cheat-sheet-module__eoL2Nq__spacingGrid{gap:var(--space-4);margin:var(--space-4)0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.cheat-sheet-module__eoL2Nq__buttonDemo{gap:var(--space-3);margin:var(--space-3)0 var(--space-6);flex-wrap:wrap;display:flex}.cheat-sheet-module__eoL2Nq__colorGrid{gap:var(--space-2);margin:var(--space-3)0 var(--space-5);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));display:grid}.cheat-sheet-module__eoL2Nq__colorSwatch{min-height:90px;padding:var(--space-2);border:1px solid var(--border-default);color:var(--color-white);font-weight:var(--weight-semibold);text-align:center;cursor:pointer;transition:transform var(--duration-fast)var(--ease-default);justify-content:center;align-items:flex-end;display:flex;position:relative}.cheat-sheet-module__eoL2Nq__colorSwatch:hover{z-index:1;transform:scale(1.05)}.cheat-sheet-module__eoL2Nq__colorSwatch span{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);background:#ffffff26}.cheat-sheet-module__eoL2Nq__colorDot{border-radius:var(--radius-circle);border:1px solid var(--color-gray-950);width:1.75rem;height:1.75rem;display:inline-block}.cheat-sheet-module__eoL2Nq__previewButton{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);color:var(--text-link);background:var(--bg-muted);border:1px solid var(--border-default);cursor:pointer;margin-left:var(--space-2);display:inline-flex}.cheat-sheet-module__eoL2Nq__previewButton:hover{background:var(--bg-accent);border-color:var(--color-primary)}.cheat-sheet-module__eoL2Nq__modalOverlay{z-index:var(--z-modal);padding:var(--space-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cheat-sheet-module__eoL2Nq__modal{background:var(--bg-surface);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-xl);position:relative;overflow-y:auto}.cheat-sheet-module__eoL2Nq__modalHeader{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-default);background:var(--bg-muted);justify-content:space-between;align-items:center;display:flex}.cheat-sheet-module__eoL2Nq__modalHeader h4{font-size:var(--text-lg);margin:0}.cheat-sheet-module__eoL2Nq__modalClose{font-size:var(--text-xl);cursor:pointer;padding:var(--space-1);color:var(--text-secondary);background:0 0;border:none;line-height:1}.cheat-sheet-module__eoL2Nq__modalClose:hover{color:var(--text-primary)}.cheat-sheet-module__eoL2Nq__modalBody{padding:var(--space-5)}.cheat-sheet-module__eoL2Nq__previewCard{background:var(--bg-muted);border:1px solid var(--border-default);padding:var(--space-4);margin:var(--space-3)0}.cheat-sheet-module__eoL2Nq__previewCardLabel{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.cheat-sheet-module__eoL2Nq__typographyPreview{gap:var(--space-4);flex-direction:column;display:flex}.cheat-sheet-module__eoL2Nq__typographyRow{align-items:baseline;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.cheat-sheet-module__eoL2Nq__typographyLabel{width:80px;font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.cheat-sheet-module__eoL2Nq__grayGrid{gap:var(--space-2);margin:var(--space-3)0 var(--space-5);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.cheat-sheet-module__eoL2Nq__graySwatch{min-height:80px;padding:var(--space-2);border:1px solid var(--border-default);text-align:center;font-size:var(--text-xs);flex-direction:column;justify-content:flex-end;align-items:center;display:flex}.cheat-sheet-module__eoL2Nq__graySwatch span{margin-top:var(--space-1)}.cheat-sheet-module__eoL2Nq__inlineDemo{align-items:center;gap:var(--space-2);background:var(--bg-muted);padding:var(--space-2)var(--space-3);margin:var(--space-2)0;display:inline-flex}.cheat-sheet-module__eoL2Nq__demoGrid{gap:var(--space-4);margin:var(--space-4)0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.cheat-sheet-module__eoL2Nq__demoItem{background:var(--bg-muted);padding:var(--space-4);border:1px solid var(--border-default)}.cheat-sheet-module__eoL2Nq__demoItem h5{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.cheat-sheet-module__eoL2Nq__alertsDemo{gap:var(--space-3);margin:var(--space-4)0;flex-direction:column;display:flex}.cheat-sheet-module__eoL2Nq__alertDemo{padding:var(--space-3)var(--space-4);border-left:4px solid}.cheat-sheet-module__eoL2Nq__alertDemo.cheat-sheet-module__eoL2Nq__success{background:var(--color-success-light);border-color:var(--color-success)}.cheat-sheet-module__eoL2Nq__alertDemo.cheat-sheet-module__eoL2Nq__warning{background:var(--color-warning-light);border-color:var(--color-warning)}.cheat-sheet-module__eoL2Nq__alertDemo.cheat-sheet-module__eoL2Nq__error{background:var(--color-error-light);border-color:var(--color-error)}.cheat-sheet-module__eoL2Nq__alertDemo.cheat-sheet-module__eoL2Nq__info{background:var(--color-info-light);border-color:var(--color-info)}.cheat-sheet-module__eoL2Nq__spacingVisual{gap:var(--space-2);margin:var(--space-4)0;flex-direction:column;display:flex}.cheat-sheet-module__eoL2Nq__spacingBar{align-items:center;gap:var(--space-3);display:flex}.cheat-sheet-module__eoL2Nq__spacingBarValue{width:80px;font-size:var(--text-xs);font-family:var(--font-mono);flex-shrink:0}.cheat-sheet-module__eoL2Nq__spacingBarFill{background:var(--color-primary-300);border:1px solid var(--color-primary);height:16px}.cheat-sheet-module__eoL2Nq__focusDemo{padding:var(--space-3)var(--space-4);background:var(--color-gold);color:var(--color-gray-950);font-weight:var(--weight-bold);outline:3px solid var(--color-gray-950);margin:var(--space-3)0;display:inline-block}.cheat-sheet-module__eoL2Nq__copyButton{align-items:center;gap:var(--space-1);padding:var(--space-0-5)var(--space-2);font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration-fast)var(--ease-default);background:0 0;display:inline-flex}.cheat-sheet-module__eoL2Nq__copyButton:hover{background:var(--bg-muted);color:var(--text-primary);border-color:var(--border-default)}.cheat-sheet-module__eoL2Nq__copyButton.cheat-sheet-module__eoL2Nq__copied{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.cheat-sheet-module__eoL2Nq__sectionHeader{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cheat-sheet-module__eoL2Nq__inputDemo{margin:var(--space-3)0}.cheat-sheet-module__eoL2Nq__inputDemo input,.cheat-sheet-module__eoL2Nq__inputDemo select,.cheat-sheet-module__eoL2Nq__inputDemo textarea{margin-bottom:var(--space-2)}.cheat-sheet-module__eoL2Nq__transitionDemo{gap:var(--space-3);margin:var(--space-4)0;display:flex}.cheat-sheet-module__eoL2Nq__transitionBox{background:var(--color-primary);width:80px;height:80px;color:var(--color-white);font-size:var(--text-xs);cursor:pointer;justify-content:center;align-items:center;display:flex}.cheat-sheet-module__eoL2Nq__transitionBox:hover{background:var(--color-primary-800);transform:scale(1.1)}.cheat-sheet-module__eoL2Nq__transitionBox.cheat-sheet-module__eoL2Nq__fast{transition:all var(--duration-fast)var(--ease-default)}.cheat-sheet-module__eoL2Nq__transitionBox.cheat-sheet-module__eoL2Nq__normal{transition:all var(--duration-normal)var(--ease-default)}.cheat-sheet-module__eoL2Nq__transitionBox.cheat-sheet-module__eoL2Nq__slow{transition:all var(--duration-slow)var(--ease-default)}.cheat-sheet-module__eoL2Nq__shadowDemo{gap:var(--space-4);margin:var(--space-4)0;flex-wrap:wrap;display:flex}.cheat-sheet-module__eoL2Nq__shadowBox{background:var(--bg-surface);width:100px;height:80px;font-size:var(--text-xs);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.cheat-sheet-module__eoL2Nq__twoColumn{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.cheat-sheet-module__eoL2Nq__twoColumn{grid-template-columns:1fr}}