._colorSwatch_9k1tp_1{align-items:center;gap:var(--space-md);padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);display:flex}._swatch_9k1tp_11{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);flex-shrink:0;width:60px;height:60px}._info_9k1tp_19{flex:1}._name_9k1tp_23{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-base);color:var(--text-primary);font-weight:600}._var_9k1tp_30{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);margin-bottom:var(--space-xs);display:block}._description_9k1tp_41{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}._typographySample_1uvhq_1{align-items:center;gap:var(--space-lg);padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);margin-bottom:var(--space-sm);display:flex}._sampleText_1uvhq_12{flex:2}._sampleText_1uvhq_12 h1,._sampleText_1uvhq_12 h2,._sampleText_1uvhq_12 h3,._sampleText_1uvhq_12 h4,._sampleText_1uvhq_12 h5,._sampleText_1uvhq_12 p{color:var(--text-primary);line-height:var(--line-height-base);margin:0}._sampleText_1uvhq_12 h1,._sampleText_1uvhq_12 h2,._sampleText_1uvhq_12 h3,._sampleText_1uvhq_12 h4,._sampleText_1uvhq_12 h5{font-family:Lora,serif;line-height:var(--line-height-tight)}._sampleInfo_1uvhq_36{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}._tag_1uvhq_43,._var_1uvhq_44{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}._tag_1uvhq_43{background:var(--accent);color:var(--accent);font-weight:600}._var_1uvhq_44{background:var(--bg-secondary);color:var(--text-secondary)}@media (width<=768px){._typographySample_1uvhq_1{align-items:flex-start;gap:var(--space-sm);flex-direction:column}._sampleInfo_1uvhq_36{flex-direction:row;width:100%}}._spacingDemo_14lp7_1{padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}._info_14lp7_12{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}._name_14lp7_19{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:600}._var_14lp7_26{font-size:var(--font-size-sm);background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);align-self:flex-start}._value_14lp7_36{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}._visual_14lp7_42{padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px dashed var(--border-color);flex-shrink:0}._spacingBar_14lp7_50{background:var(--accent);border-radius:var(--border-radius-sm);min-width:4px;min-height:4px}._designSystem_1xxjj_1{max-width:var(--content-width);margin:0 auto}._pageHeader_1xxjj_6{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}._pageHeader_1xxjj_6 h1{margin-bottom:var(--space-md);font-family:Lora,serif}._pageHeader_1xxjj_6 p{color:var(--text-secondary);margin-bottom:var(--space-lg)}._colorsSection_1xxjj_22,._typographySection_1xxjj_23,._spacingSection_1xxjj_24,._componentsSection_1xxjj_25{margin-bottom:var(--space-2xl)}._colorsSection_1xxjj_22 h2,._typographySection_1xxjj_23 h2,._spacingSection_1xxjj_24 h2,._componentsSection_1xxjj_25 h2{margin-bottom:var(--space-lg);color:var(--text-primary);font-family:Lora,serif}._colorsSection_1xxjj_22 h3,._typographySection_1xxjj_23 h3{font-size:var(--font-size-h4);margin:var(--space-xl) 0 var(--space-md) 0;color:var(--text-primary)}._colorGrid_1xxjj_45{gap:var(--space-md);margin-bottom:var(--space-lg);display:grid}._typographySamples_1xxjj_51{margin-bottom:var(--space-xl)}._lineHeightDemo_1xxjj_55{gap:var(--space-lg);display:grid}._lineHeightSample_1xxjj_60{padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary)}._lineHeightSample_1xxjj_60 h4{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-base);color:var(--text-primary)}._lineHeightSample_1xxjj_60 p{color:var(--text-secondary);margin:0}._spacingSamples_1xxjj_78{gap:var(--space-sm);display:grid}._componentExamples_1xxjj_83{gap:var(--space-lg);display:grid}._exampleCard_1xxjj_88{padding:var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}._exampleCard_1xxjj_88 h3{margin:0 0 var(--space-md) 0;font-size:var(--font-size-h4);color:var(--text-primary)}._exampleCard_1xxjj_88 p{margin:0 0 var(--space-md) 0;color:var(--text-secondary)}._exampleButton_1xxjj_107{background:var(--accent);color:var(--accent-contrast);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);cursor:pointer;transition:opacity var(--transition-base);border:none}._exampleButton_1xxjj_107:hover{opacity:.9}._exampleForm_1xxjj_122{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}._exampleForm_1xxjj_122 h3{margin:0 0 var(--space-md) 0;font-size:var(--font-size-h4);color:var(--text-primary)}._exampleForm_1xxjj_122 label{margin-bottom:var(--space-xs);font-size:var(--font-size-base);color:var(--text-primary);font-weight:500;display:block}._exampleForm_1xxjj_122 input{width:100%;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--space-xs)}._exampleForm_1xxjj_122 input:focus{outline:2px solid var(--accent);outline-offset:2px}._exampleForm_1xxjj_122 small{color:var(--text-secondary);font-size:var(--font-size-sm)}@media (width>=768px){._colorGrid_1xxjj_45{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}._lineHeightDemo_1xxjj_55,._componentExamples_1xxjj_83{grid-template-columns:1fr 1fr}}@media (width<=768px){._designSystem_1xxjj_1{padding:var(--space-md)}}