.BlockVariantPreview-module__xbCxEq__variant{gap:var(--openui-space-xl);padding:var(--openui-space-l) 0;flex-direction:column;display:flex}.BlockVariantPreview-module__xbCxEq__header{gap:var(--openui-space-s);flex-direction:column;display:flex}.BlockVariantPreview-module__xbCxEq__title{font:var(--openui-text-heading-sm);color:var(--openui-text-neutral-primary);margin:0}.BlockVariantPreview-module__xbCxEq__description{font:var(--openui-text-body-default);color:var(--openui-text-neutral-secondary);margin:0}.BlockVariantPreview-module__xbCxEq__preview{border-radius:var(--openui-radius-3xl);border:4px solid var(--openui-border-default);min-height:240px;padding:var(--openui-space-3xl);justify-content:center;align-items:center;display:flex}.BlockVariantPreview-module__xbCxEq__previewContainer{border-radius:var(--openui-radius-3xl);background:var(--openui-highlight-subtle);padding:var(--openui-space-2xs);gap:var(--openui-space-2xs);flex-direction:column;display:flex}.BlockVariantPreview-module__xbCxEq__previewToolbar{padding:var(--openui-space-s) var(--openui-space-m);justify-content:flex-start;align-items:center;display:flex}.BlockVariantPreview-module__xbCxEq__previewSurface{border-radius:var(--openui-radius-3xl);border:1px solid var(--openui-border-default);background:var(--openui-foreground);min-height:240px;padding:var(--openui-space-2xl);justify-content:center;align-items:center;display:flex}.BlockVariantPreview-module__xbCxEq__previewWithRightControls{border-radius:var(--openui-radius-3xl);border:1px solid var(--openui-border-default);background:var(--openui-highlight-subtle);width:100%;max-width:1080px;padding:var(--openui-space-2xs);gap:var(--openui-space-2xs);box-sizing:border-box;grid-template-columns:minmax(0,1fr) 260px;display:grid}.BlockVariantPreview-module__xbCxEq__previewWithRightControlsSurface{border-radius:var(--openui-radius-2xl);background:var(--openui-foreground);min-height:320px;padding:var(--openui-space-xl);justify-content:flex-start;align-items:flex-start;display:flex;overflow:hidden}.BlockVariantPreview-module__xbCxEq__previewRightControls{border-radius:var(--openui-radius-2xl);background:var(--openui-foreground);min-height:320px;padding:var(--openui-space-l);gap:var(--openui-space-m);flex-direction:column;display:flex;overflow-y:auto}.BlockVariantPreview-module__xbCxEq__prompt{border-radius:var(--openui-radius-3xl);background:var(--openui-highlight-subtle);padding:var(--openui-space-2xs);flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex}.BlockVariantPreview-module__xbCxEq__variantWithRightControls .BlockVariantPreview-module__xbCxEq__prompt{max-width:800px}.BlockVariantPreview-module__xbCxEq__promptHeader{justify-content:space-between;align-items:center;gap:var(--openui-space-s);padding-right:var(--openui-space-2xs);display:flex}.BlockVariantPreview-module__xbCxEq__promptLabel{font:var(--openui-text-label-sm);color:var(--openui-text-neutral-secondary);padding:var(--openui-space-s) var(--openui-space-m);margin:0}.BlockVariantPreview-module__xbCxEq__promptField{border-radius:var(--openui-radius-xl);border:1px solid var(--openui-border-default);background:var(--openui-foreground);min-height:80px;padding:var(--openui-space-m) var(--openui-space-m);align-items:flex-start;display:flex}.BlockVariantPreview-module__xbCxEq__placeholder{font:var(--openui-text-label-default);color:var(--openui-text-neutral-tertiary)}.BlockVariantPreview-module__xbCxEq__promptText{white-space:pre-wrap;word-break:break-word;width:100%;font:var(--openui-text-body-default);color:var(--openui-text-neutral-primary);margin:0}@media (max-width:1120px){.BlockVariantPreview-module__xbCxEq__previewWithRightControls{grid-template-columns:1fr;max-width:100%}.BlockVariantPreview-module__xbCxEq__previewWithRightControlsSurface,.BlockVariantPreview-module__xbCxEq__previewRightControls{min-height:auto}}
.Tooltip-module__1ce7MG__tooltipTrigger{display:block;position:relative}.Tooltip-module__1ce7MG__tooltipBubble{background:var(--openui-inverted-background);color:var(--openui-text-accent-primary);border:1px solid var(--openui-border-accent);border-radius:var(--openui-radius-s);font-family:var(--font-geist-mono);white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px var(--swatch-black-a24);padding:6px 8px;font-size:11px;line-height:16px}
.CodeBlock-module__BJYaBG__codeBlockWrapper{border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-2xl);overflow-x:auto}.CodeBlock-module__BJYaBG__codeBlockWrapperDark{background:var(--swatch-neutral-950)}.CodeBlock-module__BJYaBG__codeBlockWrapperLight{background:var(--swatch-white)}.CodeBlock-module__BJYaBG__codeBlock{font:var(--openui-text-code-sm);margin:0;padding:20px 24px;background:0 0!important}.CodeBlock-module__BJYaBG__codeLine{white-space:pre}
.PreviewLayout-module__yS4b1G__main{gap:var(--openui-space-xl);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__section{background:var(--openui-foreground);gap:var(--openui-space-3xl);flex-direction:column;padding:24px 24px 24px 80px;scroll-margin-top:88px;display:flex}.PreviewLayout-module__yS4b1G__section>*{width:100%;max-width:var(--section-content-max-width,800px);box-sizing:border-box}.PreviewLayout-module__yS4b1G__sectionHeader{gap:var(--openui-space-m);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__sectionTitle{color:var(--openui-text-neutral-primary)}.PreviewLayout-module__yS4b1G__sectionTitlePage{font:var(--openui-text-heading-xl)}.PreviewLayout-module__yS4b1G__sectionTitleSection{font:var(--openui-text-heading-sm)}.PreviewLayout-module__yS4b1G__sectionDescription{font:var(--openui-text-body-default);color:var(--openui-text-neutral-secondary)}.PreviewLayout-module__yS4b1G__foundationRows{gap:var(--openui-space-m-l);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__foundationRow{gap:var(--openui-space-s-m);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__foundationRowTitle{font:var(--openui-text-label-default-heavy);color:var(--openui-text-neutral-primary)}.PreviewLayout-module__yS4b1G__foundationSwatchTrack{gap:var(--openui-space-s-m);grid-template-columns:repeat(14,minmax(24px,1fr));padding-bottom:2px;display:grid;overflow:auto visible}.PreviewLayout-module__yS4b1G__foundationSwatchItem{min-width:24px}.PreviewLayout-module__yS4b1G__foundationSwatch{border-radius:var(--openui-radius-s);border:1px solid var(--openui-border-default);width:100%;height:56px;display:block}.PreviewLayout-module__yS4b1G__swatchTooltip{display:block}.PreviewLayout-module__yS4b1G__foundationSwatchLabel{font-family:var(--font-geist-mono);color:var(--openui-text-neutral-secondary);text-align:center;white-space:nowrap;margin-top:6px;font-size:11px;line-height:16px;display:block}.PreviewLayout-module__yS4b1G__swatchLabelTooltip{cursor:default;width:fit-content;margin:0 auto;display:block}.PreviewLayout-module__yS4b1G__typographyRows{gap:var(--openui-space-m);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__typographyRow{align-items:center;gap:var(--openui-space-m-l);border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-s);background:var(--openui-foreground);grid-template-columns:minmax(220px,300px) minmax(0,1fr);padding:14px 16px;display:grid}.PreviewLayout-module__yS4b1G__typographyVariable{font-family:var(--font-geist-mono);color:var(--openui-text-neutral-secondary);white-space:nowrap;font-size:12px;line-height:18px}.PreviewLayout-module__yS4b1G__typographySample{color:var(--openui-text-neutral-primary)}.PreviewLayout-module__yS4b1G__tokenRows{gap:var(--openui-space-s-m);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__tokenRow{gap:var(--openui-space-m);border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-s);background:var(--openui-foreground);grid-template-columns:minmax(220px,280px) minmax(80px,120px) minmax(0,1fr);align-items:center;padding:12px 14px;display:grid}.PreviewLayout-module__yS4b1G__tokenName{font-family:var(--font-geist-mono);color:var(--openui-text-neutral-secondary);font-size:12px;line-height:18px}.PreviewLayout-module__yS4b1G__tokenValue{font-family:var(--font-geist-mono);color:var(--openui-text-neutral-primary);font-size:12px;line-height:18px}.PreviewLayout-module__yS4b1G__tokenPreview{border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-s);background:var(--openui-sunk-light);min-height:44px;color:var(--openui-text-neutral-primary);font:var(--openui-text-label-sm);justify-content:center;align-items:center;display:flex}.PreviewLayout-module__yS4b1G__shapeStrip{gap:var(--openui-space-s-m);flex-wrap:wrap;align-items:center;display:flex}.PreviewLayout-module__yS4b1G__shapeTile{border:1px solid var(--openui-border-default);background:var(--openui-interactive-accent-default);width:72px;height:44px}.PreviewLayout-module__yS4b1G__shadowSurface{border-radius:var(--openui-radius-l);background:var(--openui-foreground);border:1px solid var(--openui-border-default);padding:20px}.PreviewLayout-module__yS4b1G__shadowCard{border-radius:var(--openui-radius-m);background:var(--openui-foreground);border:1px solid var(--openui-border-default);height:60px}.PreviewLayout-module__yS4b1G__motionRow{gap:var(--openui-space-m);border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-s);grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:center;padding:12px 14px;display:grid}.PreviewLayout-module__yS4b1G__motionTrack{border-radius:var(--openui-radius-full);background:var(--openui-sunk-light);height:12px;position:relative;overflow:hidden}.PreviewLayout-module__yS4b1G__motionDot{border-radius:var(--openui-radius-full);background:var(--openui-interactive-accent-default);width:10px;height:10px;position:absolute;top:1px;left:1px}.PreviewLayout-module__yS4b1G__previewHeader{justify-content:space-between;align-items:center;gap:var(--openui-space-m);display:flex}.PreviewLayout-module__yS4b1G__previewTitle{font-size:16px;font-weight:500}.PreviewLayout-module__yS4b1G__previewToggle{gap:var(--openui-space-2xs);border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-full);background:var(--openui-foreground);box-shadow:var(--openui-shadow-s);padding:4px;display:inline-flex}.PreviewLayout-module__yS4b1G__previewToggleButton{color:var(--openui-text-neutral-secondary);border-radius:var(--openui-radius-s);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:1px solid #0000;padding:6px 10px;font-size:12px;line-height:16px}.PreviewLayout-module__yS4b1G__previewToggleButton:hover{background:var(--openui-highlight-subtle);color:var(--openui-text-neutral-primary)}.PreviewLayout-module__yS4b1G__previewToggleButton:active{background:var(--openui-highlight)}.PreviewLayout-module__yS4b1G__previewToggleButtonActive{color:var(--openui-text-accent-primary);background:var(--openui-interactive-accent-default);border-color:var(--openui-border-interactive-selected);box-shadow:var(--openui-shadow-s)}.PreviewLayout-module__yS4b1G__previewToggleButtonActive:hover{background:var(--openui-interactive-accent-hover);color:var(--openui-text-accent-primary)}.PreviewLayout-module__yS4b1G__previewToggleButtonActive:active{background:var(--openui-interactive-accent-pressed)}.PreviewLayout-module__yS4b1G__previewToggleButton:focus-visible{outline:2px solid var(--openui-border-interactive-selected);outline-offset:2px}.PreviewLayout-module__yS4b1G__previewShell{--preview-shell-bg:var(--swatch-neutral-950);--preview-frame-bg:var(--swatch-neutral-900);--preview-item-border:var(--openui-border-accent);box-sizing:border-box;border-radius:var(--openui-radius-l);background:var(--preview-shell-bg);width:100%;max-width:800px;padding:24px}.PreviewLayout-module__yS4b1G__previewFrame{border-radius:var(--openui-radius-l);background:var(--preview-frame-bg);padding:16px}.PreviewLayout-module__yS4b1G__previewSwatchRows{gap:var(--openui-space-m-l);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__colorSwatchRows{gap:var(--openui-space-xl);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__previewSwatchRow{gap:var(--openui-space-s-m);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__colorSwatchRow{gap:var(--openui-space-xs);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__colorSwatchSectionContent{gap:var(--openui-space-xl);margin-top:var(--openui-space-s);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__previewGrid{gap:var(--openui-space-m);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.PreviewLayout-module__yS4b1G__colorSwatchGrid{gap:var(--openui-space-m);grid-template-columns:repeat(auto-fit,minmax(112px,1fr));display:grid}.PreviewLayout-module__yS4b1G__colorSwatchRowLine{align-items:center;gap:var(--openui-space-m-l);grid-template-columns:minmax(120px,160px) minmax(0,1fr);display:grid}.PreviewLayout-module__yS4b1G__colorSwatchTrack{align-items:center;gap:var(--openui-space-s);flex-wrap:wrap;display:flex}.PreviewLayout-module__yS4b1G__colorSwatchDot{border-radius:var(--openui-radius-full);border:1px solid var(--openui-border-default);width:28px;height:28px;display:inline-block}.PreviewLayout-module__yS4b1G__previewItem{border-radius:var(--openui-radius-m);border:1px solid var(--preview-item-border);min-height:86px}.PreviewLayout-module__yS4b1G__semanticCard{min-height:144px;padding:var(--openui-space-m);justify-content:space-between;align-items:flex-start;gap:var(--openui-space-s);flex-direction:column;display:flex}.PreviewLayout-module__yS4b1G__semanticCardValue{font-family:var(--openui-font-code);font-size:var(--openui-font-size-sm);font-weight:var(--openui-font-weight-regular);line-height:var(--openui-line-height-code);letter-spacing:var(--openui-text-code-sm-letter-spacing);margin:0}.PreviewLayout-module__yS4b1G__semanticCardLabel{font:var(--openui-text-label-sm-heavy);margin:0}.PreviewLayout-module__yS4b1G__semanticCardToneDark{color:var(--openui-text-neutral-primary)}.PreviewLayout-module__yS4b1G__semanticCardToneDark .PreviewLayout-module__yS4b1G__semanticCardValue{color:var(--openui-text-neutral-secondary)}.PreviewLayout-module__yS4b1G__semanticCardToneLight{color:var(--openui-text-accent-primary)}.PreviewLayout-module__yS4b1G__semanticCardToneLight .PreviewLayout-module__yS4b1G__semanticCardValue{color:var(--openui-text-accent-secondary)}.PreviewLayout-module__yS4b1G__previewShell[data-preview-theme=light]{--preview-shell-bg:var(--swatch-neutral-200);--preview-frame-bg:var(--swatch-neutral-100);--preview-item-border:var(--openui-border-default);--openui-background:var(--swatch-neutral-100);--openui-foreground:var(--swatch-white);--openui-popover-background:var(--swatch-white);--openui-sunk-light:var(--swatch-black-a02);--openui-sunk:var(--swatch-black-a04);--openui-sunk-deep:var(--swatch-black-a08);--openui-elevated:var(--swatch-black-a16);--openui-overlay:var(--swatch-black-a24);--openui-highlight-subtle:var(--swatch-black-a04);--openui-highlight:var(--swatch-black-a08);--openui-highlight-strong:var(--swatch-black-a16);--openui-highlight-intense:var(--swatch-black-a32);--openui-inverted-background:var(--swatch-black-a96)}.PreviewLayout-module__yS4b1G__previewShell[data-preview-theme=dark]{--preview-shell-bg:var(--swatch-neutral-950);--preview-frame-bg:var(--swatch-neutral-900);--preview-item-border:var(--openui-border-accent);--openui-background:var(--swatch-neutral-900);--openui-foreground:var(--swatch-neutral-800);--openui-popover-background:var(--swatch-neutral-800);--openui-sunk-light:var(--swatch-white-a02);--openui-sunk:var(--swatch-white-a04);--openui-sunk-deep:var(--swatch-white-a08);--openui-elevated:var(--swatch-white-a16);--openui-overlay:var(--swatch-black-a50);--openui-highlight-subtle:var(--swatch-white-a04);--openui-highlight:var(--swatch-white-a08);--openui-highlight-strong:var(--swatch-white-a16);--openui-highlight-intense:var(--swatch-white-a30);--openui-inverted-background:var(--swatch-white-a96)}@keyframes PreviewLayout-module__yS4b1G__foundationMotionSlide{0%{transform:translate(0)}to{transform:translate(240px)}}@media (max-width:900px){.PreviewLayout-module__yS4b1G__tokenRow{gap:var(--openui-space-s);grid-template-columns:1fr}.PreviewLayout-module__yS4b1G__typographyRow{align-items:flex-start;gap:var(--openui-space-s-m);grid-template-columns:1fr}.PreviewLayout-module__yS4b1G__typographyVariable{white-space:normal}.PreviewLayout-module__yS4b1G__motionRow{gap:var(--openui-space-s);grid-template-columns:1fr}.PreviewLayout-module__yS4b1G__previewTitle{font-size:24px;line-height:32px}.PreviewLayout-module__yS4b1G__previewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.PreviewLayout-module__yS4b1G__section{padding:16px}}@media (max-width:560px){.PreviewLayout-module__yS4b1G__previewGrid{grid-template-columns:1fr}.PreviewLayout-module__yS4b1G__colorSwatchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.PreviewLayout-module__yS4b1G__colorSwatchRowLine{gap:var(--openui-space-s);grid-template-columns:1fr}}
.FoundationTokenTable-module__u16PnW__foundationTable{border-collapse:collapse;border-spacing:0;width:100%}.FoundationTokenTable-module__u16PnW__foundationTableHeadRow{border-bottom:1px solid var(--openui-border-default)}.FoundationTokenTable-module__u16PnW__foundationTableHeaderCell{padding:var(--openui-space-m) var(--openui-space-000);text-align:left;font:var(--openui-text-label-sm-heavy);color:var(--openui-text-neutral-primary)}.FoundationTokenTable-module__u16PnW__foundationTableBodyRow{border-bottom:1px solid var(--openui-border-default)}.FoundationTokenTable-module__u16PnW__foundationTableCell{padding:var(--openui-space-l) var(--openui-space-000);font:var(--openui-text-body-sm);color:var(--openui-text-neutral-primary);vertical-align:middle}.FoundationTokenTable-module__u16PnW__foundationTokenCell{align-items:center;gap:var(--openui-space-s);display:flex}.FoundationTokenTable-module__u16PnW__foundationColorDot{border-radius:var(--openui-radius-full);border:1px solid var(--openui-border-default);flex-shrink:0;width:20px;height:20px}.FoundationTokenTable-module__u16PnW__foundationTokenName{font:var(--openui-text-code-sm);color:var(--openui-text-neutral-primary);margin:0}.FoundationTokenTable-module__u16PnW__typographyTokenPreview{color:var(--openui-text-neutral-primary);margin:0}.FoundationTokenTable-module__u16PnW__typographyExampleCol{width:68%}.FoundationTokenTable-module__u16PnW__typographyClassCol{width:32%}.FoundationTokenTable-module__u16PnW__foundationComponentsPlaceholder{margin-top:var(--openui-space-l);border:1px dashed var(--openui-border-default);border-radius:var(--openui-radius-m);background:var(--openui-sunk-light);min-height:120px;font:var(--openui-text-body-sm);color:var(--openui-text-neutral-secondary);justify-content:center;align-items:center;display:flex}.FoundationTokenTable-module__u16PnW__tokenGroupStack{gap:var(--openui-space-xl);flex-direction:column;display:flex}.FoundationTokenTable-module__u16PnW__tokenGroupTitle{margin:0 0 var(--openui-space-s) 0;font:var(--openui-text-label-default-heavy);color:var(--openui-text-neutral-primary)}
.SegmentedToggle-module__unI0Yq__root{grid-template-columns:repeat(var(--segment-count,2), minmax(max-content, 1fr));gap:var(--openui-space-2xs);width:100%;padding:var(--openui-space-3xs);border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-l);background:var(--openui-highlight-subtle);box-shadow:var(--openui-shadow-s);box-sizing:border-box;font:var(--openui-text-label-sm);scrollbar-width:none;display:grid;overflow-x:auto}.SegmentedToggle-module__unI0Yq__root::-webkit-scrollbar{display:none}.SegmentedToggle-module__unI0Yq__option{width:100%;min-height:32px;padding-inline:var(--openui-space-xs);border-radius:var(--openui-radius-m);color:var(--openui-text-neutral-secondary);font:var(--openui-text-label-sm);box-sizing:border-box;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.SegmentedToggle-module__unI0Yq__option:hover{background:var(--openui-highlight-subtle);color:var(--openui-text-neutral-primary)}.SegmentedToggle-module__unI0Yq__option:active{background:var(--openui-highlight)}.SegmentedToggle-module__unI0Yq__optionSelected{border-color:var(--openui-border-default);background:var(--openui-foreground);color:var(--openui-text-neutral-primary);box-shadow:var(--openui-shadow-s)}.SegmentedToggle-module__unI0Yq__optionSelected:hover{background:var(--openui-elevated-light)}.SegmentedToggle-module__unI0Yq__option:focus-visible{outline:2px solid var(--openui-border-interactive-selected);outline-offset:1px}.SegmentedToggle-module__unI0Yq__option:disabled{cursor:not-allowed;color:var(--openui-text-neutral-tertiary)}
.page-module__K3AyCa__previewWrapper{justify-content:center;width:100%;display:flex}.page-module__K3AyCa__previewWrapper>*{width:500px;min-width:500px}.page-module__K3AyCa__controlsPanel{gap:var(--openui-space-l);flex-direction:column;display:flex}.page-module__K3AyCa__controlSection{gap:var(--openui-space-s);flex-direction:column;display:flex}.page-module__K3AyCa__sectionTitle{color:var(--openui-text-neutral-primary);font:var(--openui-text-label-sm);margin:0}.page-module__K3AyCa__selectWrapper{width:100%}
.page-module___WzWfa__previewWrapper{justify-content:center;align-items:center;width:100%;min-height:280px;display:flex}.page-module___WzWfa__controlsPanel{gap:var(--openui-space-l);flex-direction:column;display:flex}.page-module___WzWfa__controlSection{gap:var(--openui-space-2xs);flex-direction:column;display:flex}
.page-module__46gH0W__previewWrapper{width:900px;max-width:100%;margin:0 auto}.page-module__46gH0W__desktopFrame{max-width:640px;margin:0 auto}.page-module__46gH0W__mobileFrame{max-width:320px;margin:0 auto}.page-module__46gH0W__controlsPanel{gap:var(--openui-space-l);flex-direction:column;display:flex}.page-module__46gH0W__controlSection{gap:var(--openui-space-s);flex-direction:column;display:flex}.page-module__46gH0W__sectionTitle{color:var(--openui-text-neutral-primary);font:var(--openui-text-label-sm);margin:0}
.page-module__B7STCG__previewWrapper{justify-content:center;align-self:center;width:100%;display:flex}.page-module__B7STCG__previewInner{width:560px;max-width:100%}.page-module__B7STCG__controlsPanel{gap:var(--openui-space-l);flex-direction:column;display:flex}.page-module__B7STCG__controlSection{gap:var(--openui-space-s);flex-direction:column;display:flex}.page-module__B7STCG__sectionTitle{color:var(--openui-text-neutral-primary);font:var(--openui-text-label-sm);margin:0}
.page-module__bXjZTq__body{gap:var(--openui-space-m);font:var(--openui-text-body-default);color:var(--openui-text-neutral-secondary);flex-direction:column;display:flex}.page-module__bXjZTq__body ul{padding-left:var(--openui-space-xl);gap:var(--openui-space-xs);flex-direction:column;margin:0;display:flex}
.page-module__UPDpcW__previewWrapper{justify-content:center;align-items:center;width:100%;min-height:280px;display:flex}.page-module__UPDpcW__controlsPanel{gap:var(--openui-space-l);flex-direction:column;display:flex}.page-module__UPDpcW__controlSection{gap:var(--openui-space-2xs);flex-direction:column;display:flex}
.page-module__s8L9Rq__previewWrapper{justify-content:center;width:100%;display:flex}.page-module__s8L9Rq__sizesGrid{gap:var(--openui-space-xl);flex-direction:column;width:400px;min-width:400px;display:flex}
.ComposeExamplePage-module__Jaohxq__shell{height:calc(100vh - 72px - var(--openui-space-xl) - 20px);padding:0 var(--openui-space-xl) 0 0;flex-direction:column;margin-top:20px;margin-bottom:-48px;display:flex}.ComposeExamplePage-module__Jaohxq__body{gap:var(--openui-space-3xl);flex-direction:row;flex:1;min-height:0;display:flex}.ComposeExamplePage-module__Jaohxq__leftPanel{scrollbar-width:none;-ms-overflow-style:none;gap:var(--openui-space-3xl);padding-right:var(--openui-space-2xs);flex-direction:column;width:100%;max-width:400px;padding-bottom:80px;display:flex;overflow:hidden auto}.ComposeExamplePage-module__Jaohxq__leftPanel.ComposeExamplePage-module__Jaohxq__fadeTop{-webkit-mask-image:linear-gradient(#0000 0%,#000 48px);mask-image:linear-gradient(#0000 0%,#000 48px)}.ComposeExamplePage-module__Jaohxq__leftPanel.ComposeExamplePage-module__Jaohxq__fadeBottom{-webkit-mask-image:linear-gradient(#000 calc(100% - 80px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 80px),#0000 100%)}.ComposeExamplePage-module__Jaohxq__leftPanel.ComposeExamplePage-module__Jaohxq__fadeTop.ComposeExamplePage-module__Jaohxq__fadeBottom{-webkit-mask-image:linear-gradient(#0000 0%,#000 48px calc(100% - 80px),#0000 100%);mask-image:linear-gradient(#0000 0%,#000 48px calc(100% - 80px),#0000 100%)}.ComposeExamplePage-module__Jaohxq__leftPanel::-webkit-scrollbar{display:none}.ComposeExamplePage-module__Jaohxq__exampleHeader{gap:var(--openui-space-xl);padding-left:var(--openui-space-l);flex-direction:column;display:flex}.ComposeExamplePage-module__Jaohxq__exampleTitle{font:var(--openui-text-heading-xl);color:var(--openui-text-neutral-primary);letter-spacing:-1px;margin:0;font-size:48px}.ComposeExamplePage-module__Jaohxq__exampleDescription{font:var(--openui-text-body-default);color:var(--openui-text-neutral-secondary);line-height:var(--openui-line-height-default);margin:0}.ComposeExamplePage-module__Jaohxq__stepList{gap:var(--openui-space-l);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ComposeExamplePage-module__Jaohxq__stepSection{flex-direction:column;display:flex}.ComposeExamplePage-module__Jaohxq__stepHeader{text-align:left;border-radius:0 var(--openui-radius-2xl) var(--openui-radius-2xl) 0;width:100%;color:var(--openui-text-neutral-primary);padding:var(--openui-space-m) var(--openui-space-m) var(--openui-space-m) var(--openui-space-l);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;flex-direction:column;gap:2px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,border-radius .2s ease-in-out,border-left-width .2s ease-in-out,padding-left .2s ease-in-out;display:flex}.ComposeExamplePage-module__Jaohxq__stepHeader:hover{background:var(--openui-highlight)}.ComposeExamplePage-module__Jaohxq__stepHeaderActive{border-left-color:var(--openui-interactive-accent-default);background:var(--openui-highlight);border-radius:0 var(--openui-radius-2xl) var(--openui-radius-2xl) 0}.ComposeExamplePage-module__Jaohxq__stepNumber{font:var(--openui-text-label-lg-heavy);color:var(--openui-text-neutral-primary)}.ComposeExamplePage-module__Jaohxq__stepTitle{font:var(--openui-text-body-lg-heavy);color:var(--openui-text-neutral-primary)}.ComposeExamplePage-module__Jaohxq__stepDescription{margin-top:var(--openui-space-2xs);font:var(--openui-text-body-default);color:var(--openui-text-neutral-secondary);line-height:var(--openui-line-height-default)}.ComposeExamplePage-module__Jaohxq__rightPanel{border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-7xl);background:var(--openui-pink-background);padding:var(--openui-space-xl);gap:var(--openui-space-xl);flex-direction:column;width:100%;height:calc(100% - 20px);margin-bottom:20px;display:flex;overflow:hidden}.ComposeExamplePage-module__Jaohxq__toggleBar{padding:var(--openui-space-m);flex-shrink:0;justify-content:center;display:flex}.ComposeExamplePage-module__Jaohxq__toggleBar>*{width:auto;min-width:180px}.ComposeExamplePage-module__Jaohxq__previewScroll{padding:0 var(--openui-space-m) var(--openui-space-m);flex:1;overflow:hidden auto}.ComposeExamplePage-module__Jaohxq__previewScope{background:var(--openui-foreground);border-radius:var(--openui-radius-2xl);padding:var(--openui-space-m);min-height:200px}.ComposeExamplePage-module__Jaohxq__codeScroll{padding:0 var(--openui-space-m) var(--openui-space-m);flex:1;overflow:hidden}.ComposeExamplePage-module__Jaohxq__codeBlock{background:var(--openui-foreground);border-radius:var(--openui-radius-2xl);padding:var(--openui-space-m-l) var(--openui-space-xl);max-width:100%;height:100%;margin:auto;overflow:hidden}.ComposeExamplePage-module__Jaohxq__codeBlock code{font:var(--openui-text-code-sm);color:var(--openui-text-neutral-primary);white-space:pre-wrap;word-break:break-all;line-height:1.75;display:block}.ComposeExamplePage-module__Jaohxq__codeLine{display:inline}.ComposeExamplePage-module__Jaohxq__codeProperty{color:var(--openui-text-neutral-primary)}.ComposeExamplePage-module__Jaohxq__codePunctuation{color:var(--openui-text-neutral-tertiary)}.ComposeExamplePage-module__Jaohxq__codeValue{color:var(--openui-text-brand)}.ComposeExamplePage-module__Jaohxq__codeComment{color:var(--openui-text-neutral-tertiary);font-style:italic}@media (max-width:1024px){.ComposeExamplePage-module__Jaohxq__shell{height:auto;margin-bottom:0;overflow:visible}.ComposeExamplePage-module__Jaohxq__body{flex-direction:column;flex:none;overflow:visible}.ComposeExamplePage-module__Jaohxq__leftPanel{max-width:none;max-height:none;overflow:visible}.ComposeExamplePage-module__Jaohxq__rightPanel{height:400px;margin-bottom:0}}