.design-system-page[data-v-12a43d33]{min-height:100%;overflow:auto;padding:var(--ah-space-6)}.design-system-page__section[data-v-12a43d33]{display:grid;gap:var(--ah-space-4);margin-top:var(--ah-space-8)}.section-heading[data-v-12a43d33]{display:grid;gap:.375rem}.section-heading p[data-v-12a43d33]{margin:0;color:var(--ah-color-text-soft);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.section-heading h2[data-v-12a43d33]{margin:0;font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:600;letter-spacing:-.045em}.hero-action[data-v-12a43d33]{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;gap:.5rem;padding:0 var(--ah-space-4);border:1px solid transparent;border-radius:var(--ah-radius-md);font-size:.875rem;font-weight:740;cursor:pointer}.hero-action--primary[data-v-12a43d33]{color:var(--p-primary-contrast-color);background:var(--ah-color-accent);border-color:var(--ah-color-accent)}.hero-action--secondary[data-v-12a43d33]{color:var(--ah-color-text);background:var(--ah-color-surface);border-color:var(--ah-color-line)}.token-grid[data-v-12a43d33]{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--ah-space-3)}.token-card[data-v-12a43d33]{display:flex;align-items:center;gap:var(--ah-space-3);padding:var(--ah-space-4);border:1px solid var(--ah-color-line-subtle);border-radius:var(--ah-radius-md);background:var(--ah-color-surface)}.token-card__swatch[data-v-12a43d33]{width:3.5rem;height:3.5rem;flex:0 0 auto;border:1px solid var(--ah-color-line);border-radius:var(--ah-radius-md)}.token-card strong[data-v-12a43d33]{display:block;font-size:.875rem;letter-spacing:-.01em}.token-card small[data-v-12a43d33]{display:block;margin-top:.25rem}.progress-card[data-v-12a43d33]{padding:var(--ah-space-5)}.component-grid[data-v-12a43d33]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ah-space-4)}.badge-stack[data-v-12a43d33],.validation-stack[data-v-12a43d33],.pattern-stack[data-v-12a43d33],.drawer-demo-stack[data-v-12a43d33],.context-stack[data-v-12a43d33]{display:flex;flex-wrap:wrap;gap:var(--ah-space-3);padding:var(--ah-space-5)}.validation-stack[data-v-12a43d33],.pattern-stack[data-v-12a43d33],.drawer-demo-stack[data-v-12a43d33],.context-stack[data-v-12a43d33]{align-items:stretch;flex-direction:column}.editor-preview[data-v-12a43d33]{display:grid;grid-template-columns:11rem minmax(0,1fr) 18rem;gap:var(--ah-space-4);padding:var(--ah-space-5)}.editor-preview__rail[data-v-12a43d33],.editor-preview__side[data-v-12a43d33]{display:flex;flex-direction:column;gap:var(--ah-space-3)}.editor-preview__canvas[data-v-12a43d33]{display:grid;min-height:24rem;place-items:center;overflow:hidden;border:1px solid var(--ah-color-line-subtle);border-radius:var(--ah-radius-md);background-color:var(--ah-color-surface-wash)}.editor-preview__document[data-v-12a43d33]{width:min(82%,34rem);padding:var(--ah-space-8);border:1px solid var(--ah-color-line);border-radius:var(--ah-radius-md);background:var(--p-content-background);box-shadow:var(--ah-shadow-sm)}.editor-preview__document span[data-v-12a43d33]{color:var(--ah-color-accent);font-size:.75rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.editor-preview__document strong[data-v-12a43d33]{display:block;margin-top:var(--ah-space-3);font-size:1.5rem;font-weight:600;letter-spacing:-.045em}.editor-preview__document p[data-v-12a43d33]{margin:var(--ah-space-3) 0 0;line-height:1.6}.layout-grid[data-v-12a43d33]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ah-space-4)}.layout-frame[data-v-12a43d33]{overflow:hidden;border:1px solid var(--ah-color-line);border-radius:var(--ah-radius-md);box-shadow:var(--ah-shadow-sm)}.layout-frame[data-v-12a43d33] .product-workspace{grid-template-columns:12.5rem minmax(0,1fr) 16rem;min-height:38rem;height:38rem}.layout-frame[data-v-12a43d33] .product-workspace__content{padding:var(--ah-space-4)}.workspace-demo[data-v-12a43d33]{display:grid;gap:var(--ah-space-4)}.inbox-list[data-v-12a43d33],.question-table-preview[data-v-12a43d33]{display:grid;gap:var(--ah-space-2);padding:var(--ah-space-5)}.inbox-row[data-v-12a43d33],.question-row[data-v-12a43d33]{display:flex;align-items:center;justify-content:space-between;gap:var(--ah-space-3);padding:var(--ah-space-3);border:1px solid var(--ah-color-line-subtle);border-radius:var(--ah-radius-md);background:var(--ah-color-surface-wash);font-size:.875rem;font-weight:650}.modal-demo[data-v-12a43d33]{display:grid;gap:var(--ah-space-3)}.modal-demo label[data-v-12a43d33]{display:grid;gap:var(--ah-space-2);font-size:.8125rem;font-weight:720}.modal-demo input[data-v-12a43d33]{min-height:2.75rem;padding:0 var(--ah-space-3);border:1px solid var(--ah-color-line);border-radius:var(--ah-radius-md);color:var(--ah-color-text);background:var(--ah-color-surface)}@media (max-width: 1180px){.component-grid[data-v-12a43d33],.layout-grid[data-v-12a43d33],.editor-preview[data-v-12a43d33]{grid-template-columns:1fr}.layout-frame[data-v-12a43d33] .product-workspace{grid-template-columns:12.5rem minmax(0,1fr)}.layout-frame[data-v-12a43d33] .product-workspace__context{display:none}}@media (max-width: 780px){.design-system-page[data-v-12a43d33]{padding:var(--ah-space-4)}.layout-frame[data-v-12a43d33] .product-workspace{display:block;height:auto;min-height:40rem}}