.workspace-nav-preview{border:1px solid var(--md-sys-color-outline-variant);border-radius:20px;overflow:hidden;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);margin:24px 0}.workspace-nav-preview .workspace-demo-navigation{background:var(--md-sys-color-surface-container, var(--md-sys-color-surface-variant));box-shadow:none;color:var(--md-sys-color-on-surface-variant);height:auto;line-height:normal}.workspace-nav-preview .workspace-demo-group{display:flex;align-items:center;gap:12px}.workspace-nav-preview .workspace-demo-group>span{font-size:11px;font-weight:600;letter-spacing:.04em}.workspace-nav-preview crazy-button{flex-shrink:0}.workspace-nav-preview crazy-button[aria-current=page]{outline:2px solid var(--md-sys-color-primary);outline-offset:4px;border-radius:16px}.workspace-nav-preview .workspace-demo-content{min-width:0;padding:clamp(16px,4vw,32px)}.workspace-nav-preview .workspace-demo-eyebrow{margin:0 0 12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.workspace-nav-preview h4{font-size:clamp(22px,3vw,32px);margin:0 0 12px}.workspace-nav-preview .workspace-demo-description{font-size:14px;line-height:1.6}.workspace-nav-preview .workspace-demo-detail{margin-top:24px;padding:16px;border-radius:12px;background:var(--md-sys-color-surface-variant);font-size:13px}.workspace-nav-preview[data-layout=rail]{display:grid;grid-template-columns:88px minmax(0,1fr)}.workspace-nav-preview[data-layout=rail] .workspace-demo-navigation{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px 0}.workspace-nav-preview[data-layout=rail] .workspace-demo-group{flex-direction:column}.workspace-nav-preview[data-layout=rail] .workspace-demo-content{border-left:1px solid var(--md-sys-color-outline-variant)}.workspace-nav-preview[data-layout=toolbar] .toolbar{margin:0;border-radius:0;padding:16px;gap:24px}.workspace-nav-preview[data-layout=toolbar] .workspace-demo-group>span{writing-mode:vertical-rl;transform:rotate(180deg)}