.page-module__7HQntW__introPage{gap:var(--openui-space-2xl);max-width:640px;padding:var(--openui-space-2xl) 0;flex-direction:column;display:flex}.page-module__7HQntW__title{font:var(--openui-text-heading-xl);color:var(--openui-text-neutral-primary);margin:0}.page-module__7HQntW__description{font:var(--openui-text-body-lg);color:var(--openui-text-neutral-secondary);margin:0;line-height:1.6}.page-module__7HQntW__section{gap:var(--openui-space-s);flex-direction:column;display:flex}.page-module__7HQntW__sectionBody{font:var(--openui-text-body-default);color:var(--openui-text-neutral-secondary);margin:0;line-height:1.6}.page-module__7HQntW__page{width:100%;padding:var(--openui-space-m-l) 0}.page-module__7HQntW__builderShell{gap:var(--openui-space-2xs);border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-3xl);background:var(--openui-highlight-subtle);padding:var(--openui-space-2xs);grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}.page-module__7HQntW__previewPane{min-width:0;height:calc(100vh - 170px);padding:var(--openui-space-xl);border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-2xl);background:var(--openui-foreground);gap:var(--openui-space-l);flex-direction:column;display:flex;overflow-y:auto}.page-module__7HQntW__previewScope{color:var(--openui-text-neutral-primary)}.page-module__7HQntW__blocksHeader{gap:var(--openui-space-2xs);flex-direction:column;display:flex}.page-module__7HQntW__blocksTitle{font:var(--openui-text-heading-sm);color:var(--openui-text-neutral-primary);margin:0}.page-module__7HQntW__blocksDescription{font:var(--openui-text-body-sm);color:var(--openui-text-neutral-secondary);margin:0}.page-module__7HQntW__blockSection{gap:var(--openui-space-s);flex-direction:column;display:flex}.page-module__7HQntW__sectionTitle{font:var(--openui-text-label-default-heavy);color:var(--openui-text-neutral-primary);margin:0}.page-module__7HQntW__blockGrid{gap:var(--openui-space-s);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.page-module__7HQntW__blockCard{border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-xl);background:var(--openui-background);padding:var(--openui-space-m);justify-content:space-between;align-items:center;gap:var(--openui-space-s);display:flex}.page-module__7HQntW__blockCardBody{min-width:0}.page-module__7HQntW__blockCardTitle{font:var(--openui-text-label-default);color:var(--openui-text-neutral-primary);margin:0}.page-module__7HQntW__blockCardMeta{margin:var(--openui-space-3xs) 0 0;font:var(--openui-text-body-xs);color:var(--openui-text-neutral-tertiary);word-break:break-word}.page-module__7HQntW__blockCardLink{padding:var(--openui-space-2xs) var(--openui-space-s);border-radius:var(--openui-radius-full);border:1px solid var(--openui-border-interactive);background:var(--openui-foreground);color:var(--openui-text-neutral-primary);font:var(--openui-text-label-xs);flex-shrink:0;text-decoration:none}.page-module__7HQntW__controlsPane{border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-2xl);background:var(--openui-foreground);padding:var(--openui-space-l);gap:var(--openui-space-l);flex-direction:column;max-height:calc(100vh - 120px);display:flex;position:sticky;top:88px;overflow-y:auto}.page-module__7HQntW__controlsHeader{gap:var(--openui-space-2xs);flex-direction:column;display:flex}.page-module__7HQntW__controlsTitle{font:var(--openui-text-heading-xs);color:var(--openui-text-neutral-primary);margin:0}.page-module__7HQntW__controlsDescription{font:var(--openui-text-body-sm);color:var(--openui-text-neutral-secondary);margin:0}.page-module__7HQntW__controlsGroup{gap:var(--openui-space-2xs);flex-direction:column;display:flex}.page-module__7HQntW__controlLabel{font:var(--openui-text-label-sm);color:var(--openui-text-neutral-secondary)}@media (max-width:1100px){.page-module__7HQntW__builderShell{grid-template-columns:1fr}.page-module__7HQntW__previewPane{height:auto;max-height:none;overflow:visible}.page-module__7HQntW__controlsPane{max-height:none;position:static;top:auto}}@media (max-width:860px){.page-module__7HQntW__blockGrid{grid-template-columns:1fr}}