.ComponentDemo-module__xKHSQa__wrapper{gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;display:flex}.ComponentDemo-module__xKHSQa__preview{min-height:200px;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);justify-content:center;align-items:center;display:flex}.ComponentDemo-module__xKHSQa__bottomRow{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.ComponentDemo-module__xKHSQa__controls{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);flex-direction:column;min-width:0;display:flex}.ComponentDemo-module__xKHSQa__controlsTitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;font-weight:600}.ComponentDemo-module__xKHSQa__controls hr{margin-top:var(--space-2);margin-bottom:var(--space-2)}.ComponentDemo-module__xKHSQa__codeBlockWrapper{border-radius:var(--radius-md);border:1px solid var(--neutral-300);background-color:var(--neutral-0);min-width:0;padding:var(--space-4);position:relative;overflow:hidden}.ComponentDemo-module__xKHSQa__codeBlockPre{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;color:var(--neutral-900);margin:0;line-height:1.6}.ComponentDemo-module__xKHSQa__codeBlockWrapper:hover .ComponentDemo-module__xKHSQa__codeHeader{opacity:1}.ComponentDemo-module__xKHSQa__codeHeader{top:var(--space-2);right:var(--space-2);opacity:0;z-index:1;transition:opacity .12s;position:absolute}.ComponentDemo-module__xKHSQa__copyButton{background:var(--button-secondary-bg);border:1px solid var(--neutral-300);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--neutral-900);justify-content:center;align-items:center;transition:background .12s,border-color .12s;display:inline-flex}.ComponentDemo-module__xKHSQa__copyButton:hover{background:var(--button-secondary-bg-hover)}@media (max-width:1024px){.ComponentDemo-module__xKHSQa__bottomRow{grid-template-columns:1fr}}
.DemoControls-module__bCdzFq__control{gap:var(--space-1);flex-direction:column;display:flex}.DemoControls-module__bCdzFq__control input{width:100%}.DemoControls-module__bCdzFq__toggleRow{justify-content:space-between;align-items:center;display:flex}.DemoControls-module__bCdzFq__toggleLabel{font-family:var(--font-sans);font-size:var(--text-2);color:var(--color-text);font-weight:600}