.page-module-scss-module__Vkb2Fq__spacingPage{flex-direction:column;gap:32px;width:100%;max-width:1000px;margin:0 auto;padding:24px 32px;display:flex}.page-module-scss-module__Vkb2Fq__header{border-bottom:1px solid var(--color-border);flex-direction:column;gap:8px;padding-bottom:24px;display:flex}.page-module-scss-module__Vkb2Fq__title{color:var(--color-foreground);letter-spacing:-.02em;margin:0;font-size:2.25rem;font-weight:700}.page-module-scss-module__Vkb2Fq__description{color:var(--color-muted-foreground);max-width:600px;margin:0;font-size:1.125rem;line-height:1.6}.page-module-scss-module__Vkb2Fq__content{flex-direction:column;gap:40px;display:flex}.page-module-scss-module__Vkb2Fq__section{flex-direction:column;gap:24px;display:flex}.page-module-scss-module__Vkb2Fq__sectionHeader{flex-direction:column;gap:4px;display:flex}.page-module-scss-module__Vkb2Fq__sectionTitle{color:var(--color-foreground);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:600;display:flex}.page-module-scss-module__Vkb2Fq__sectionTitle:before{content:"";background:var(--color-primary);border-radius:9999px;width:4px;height:20px;display:inline-block}.page-module-scss-module__Vkb2Fq__sectionDescription{color:var(--color-muted-foreground);margin:0;font-size:.875rem;line-height:1.5}.page-module-scss-module__Vkb2Fq__spacingList{flex-direction:column;gap:8px;display:flex}.page-module-scss-module__Vkb2Fq__spacingItem{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:12px 16px;transition:border-color .15s;display:grid}.page-module-scss-module__Vkb2Fq__spacingItem:hover{border-color:var(--color-primary)}.page-module-scss-module__Vkb2Fq__spacingVisual{align-items:center;min-width:0;display:flex}.page-module-scss-module__Vkb2Fq__spacingBar{background:var(--color-primary);opacity:.8;border-radius:4px;min-width:4px;max-width:100%;height:24px}.page-module-scss-module__Vkb2Fq__spacingMeta{flex-shrink:0;align-items:center;gap:12px;display:flex}.page-module-scss-module__Vkb2Fq__spacingName{color:var(--color-primary);min-width:100px;font-family:Fira Code,Courier New,monospace;font-size:.875rem;font-weight:600}.page-module-scss-module__Vkb2Fq__spacingValue{color:var(--color-muted-foreground);text-align:right;min-width:60px;font-family:Fira Code,Courier New,monospace;font-size:.75rem}.page-module-scss-module__Vkb2Fq__radiusGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.page-module-scss-module__Vkb2Fq__radiusCard{background:var(--color-card);border:1px solid var(--color-border);flex-direction:column;align-items:center;gap:12px;padding:16px;transition:border-color .15s;display:flex}.page-module-scss-module__Vkb2Fq__radiusCard:hover{border-color:var(--color-primary)}.page-module-scss-module__Vkb2Fq__radiusVisual{background:var(--color-primary);opacity:.8;width:64px;height:64px}.page-module-scss-module__Vkb2Fq__radiusInfo{flex-direction:column;align-items:center;gap:2px;display:flex}.page-module-scss-module__Vkb2Fq__radiusName{color:var(--color-foreground);font-size:.875rem;font-weight:400}.page-module-scss-module__Vkb2Fq__radiusValue{color:var(--color-muted-foreground);font-family:Fira Code,Courier New,monospace;font-size:.75rem}.page-module-scss-module__Vkb2Fq__breakpointList{flex-direction:column;gap:12px;display:flex}.page-module-scss-module__Vkb2Fq__breakpointItem{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.page-module-scss-module__Vkb2Fq__breakpointHeader{align-items:baseline;gap:8px;display:flex}.page-module-scss-module__Vkb2Fq__breakpointName{color:var(--color-foreground);text-transform:capitalize;font-size:.875rem;font-weight:600}.page-module-scss-module__Vkb2Fq__breakpointValue{color:var(--color-primary);font-family:Fira Code,Courier New,monospace;font-size:.75rem}.page-module-scss-module__Vkb2Fq__breakpointBar{background:var(--color-muted);border-radius:9999px;height:8px;overflow:hidden}.page-module-scss-module__Vkb2Fq__breakpointFill{background:var(--color-primary);opacity:.8;border-radius:9999px;min-width:8px;height:100%}.page-module-scss-module__Vkb2Fq__zIndexList{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.page-module-scss-module__Vkb2Fq__zIndexItem{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.page-module-scss-module__Vkb2Fq__zIndexVisual{background:var(--color-muted);border-radius:4px;justify-content:center;align-items:center;height:32px;display:flex}.page-module-scss-module__Vkb2Fq__zIndexLabel{color:var(--color-foreground);text-transform:capitalize;font-size:.75rem;font-weight:500}.page-module-scss-module__Vkb2Fq__zIndexMeta{align-items:baseline;gap:8px;display:flex}.page-module-scss-module__Vkb2Fq__zIndexName{color:var(--color-primary);font-family:Fira Code,Courier New,monospace;font-size:.875rem;font-weight:600}.page-module-scss-module__Vkb2Fq__zIndexValue{color:var(--color-muted-foreground);font-family:Fira Code,Courier New,monospace;font-size:.75rem}.page-module-scss-module__Vkb2Fq__usageExample{background:var(--color-muted);border-radius:12px;flex-direction:column;gap:12px;margin-top:8px;padding:16px;display:flex}.page-module-scss-module__Vkb2Fq__usageTitle{color:var(--color-foreground);font-size:.875rem;font-weight:600}.page-module-scss-module__Vkb2Fq__codeBlock{background:var(--color-gray-900);color:var(--color-gray-100);border-radius:8px;padding:16px;font-family:Fira Code,Courier New,monospace;font-size:.875rem;overflow-x:auto}.page-module-scss-module__Vkb2Fq__codeBlock code{white-space:pre;display:block}