@layer components{.ap-styleguide-section{gap:var(--ap-space-7);min-inline-size:0;padding-block:var(--ap-space-8);border-block-end:var(--ap-border-subtle);display:grid}.ap-styleguide-section>*{min-inline-size:0}.ap-styleguide-panel{align-content:start;gap:var(--ap-space-5);min-inline-size:0;padding:var(--ap-space-6);background:var(--ap-color-canvas);border:var(--ap-border-subtle);border-radius:var(--ap-radius-lg);display:grid}.ap-styleguide-panel h3{color:var(--ap-color-heading);font-family:var(--ap-font-heading);font-size:var(--ap-font-size-lg);margin:0}.ap-styleguide-foundation-grid{gap:var(--ap-space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ap-styleguide-display{color:var(--ap-color-heading);font-family:var(--ap-font-heading);font-size:var(--ap-font-size-2xl);line-height:var(--ap-line-height-tight);margin:0}.ap-styleguide-foundation-grid small{color:var(--ap-color-text-muted)}.ap-styleguide-layout-grid{gap:var(--ap-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ap-styleguide-demo-stack{gap:var(--ap-space-3);display:grid}.ap-styleguide-demo-cluster{gap:var(--ap-space-3);flex-wrap:wrap;display:flex}.ap-styleguide-demo-grid{gap:var(--ap-space-3);grid-template-columns:repeat(3,1fr);display:grid}.ap-styleguide-demo-stack span,.ap-styleguide-demo-cluster span,.ap-styleguide-demo-grid span{min-block-size:var(--ap-space-6);padding:var(--ap-space-3);color:var(--ap-color-text);background:var(--ap-color-surface-muted);border-radius:var(--ap-radius-md)}.ap-styleguide-primitive-grid{gap:var(--ap-space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ap-styleguide-control-cluster{align-items:center;gap:var(--ap-space-3);flex-wrap:wrap;display:flex}.ap-styleguide-fields{gap:var(--ap-space-4);display:grid}.ap-styleguide-fields label{gap:var(--ap-space-2);color:var(--ap-color-text);font-size:var(--ap-font-size-sm);font-weight:var(--ap-font-weight-bold);display:grid}.ap-styleguide-checkbox-row{grid-template-columns:auto 1fr;align-items:center}.ap-styleguide-public-grid{gap:var(--ap-space-5);grid-template-columns:1.4fr .6fr;display:grid}.ap-styleguide-public-grid .ap-app-image{inline-size:min(100%, var(--ap-size-image-md));margin-inline:auto}.ap-styleguide-image-contract{gap:var(--ap-space-6);padding-block-start:var(--ap-space-7);display:grid}.ap-styleguide-image-grid{gap:var(--ap-space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.ap-styleguide-image-grid figure{align-content:start;gap:var(--ap-space-3);margin:0;display:grid}.ap-styleguide-image-grid figcaption{color:var(--ap-color-text-muted);font-size:var(--ap-font-size-xs);text-align:center}.ap-styleguide-image-grid .ap-app-image{inline-size:100%}.ap-styleguide-token-grid{gap:var(--ap-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ap-styleguide-token-swatch{min-block-size:var(--ap-size-image-xs);background:var(--ap-color-canvas);border:var(--ap-border-subtle);border-radius:var(--ap-radius-md);display:block}.ap-styleguide-token-swatch[data-token-index="1"]{background:var(--ap-color-surface)}.ap-styleguide-token-swatch[data-token-index="2"]{background:var(--ap-color-surface-muted)}.ap-styleguide-token-swatch[data-token-index="3"]{background:var(--ap-color-heading)}.ap-styleguide-token-swatch[data-token-index="4"]{background:var(--ap-color-action)}.ap-styleguide-token-swatch[data-token-index="5"]{background:var(--ap-color-focus)}.ap-styleguide-panel code{color:var(--ap-color-text-muted);font-size:var(--ap-font-size-xs);overflow-wrap:anywhere}.ap-styleguide-space-scale{align-items:end;gap:var(--ap-space-3);display:flex}.ap-styleguide-space-scale span{inline-size:var(--ap-space-6);min-block-size:var(--ap-space-1);color:var(--ap-color-action-text);background:var(--ap-color-action);border-radius:var(--ap-radius-sm);font-size:var(--ap-font-size-xs);place-items:center;display:grid}.ap-styleguide-space-scale span[data-space="2"]{min-block-size:var(--ap-space-2)}.ap-styleguide-space-scale span[data-space="3"]{min-block-size:var(--ap-space-3)}.ap-styleguide-space-scale span[data-space="4"]{min-block-size:var(--ap-space-4)}.ap-styleguide-space-scale span[data-space="5"]{min-block-size:var(--ap-space-5)}.ap-styleguide-space-scale span[data-space="6"]{min-block-size:var(--ap-space-6)}.ap-styleguide-space-scale span[data-space="7"]{min-block-size:var(--ap-space-7)}.ap-styleguide-space-scale span[data-space="8"]{min-block-size:var(--ap-space-8)}.ap-styleguide{color:var(--ap-color-text);background:var(--ap-color-surface)}.ap-styleguide-hero{padding-block:var(--ap-space-8);color:var(--ap-color-action-text);background:var(--ap-color-heading)}.ap-styleguide-hero h1{max-inline-size:var(--ap-size-reading);margin-block:var(--ap-space-3);color:inherit;font-family:var(--ap-font-heading);font-size:var(--ap-font-size-2xl);line-height:var(--ap-line-height-tight)}.ap-styleguide-hero p{max-inline-size:var(--ap-size-reading);margin-block:0}.ap-styleguide-hero nav{gap:var(--ap-space-4);flex-wrap:wrap;margin-block-start:var(--ap-space-6);display:flex}.ap-styleguide-hero a{color:inherit;font-size:var(--ap-font-size-sm);font-weight:var(--ap-font-weight-bold)}}@media (width<=48rem){@layer components{.ap-styleguide-foundation-grid,.ap-styleguide-layout-grid,.ap-styleguide-primitive-grid,.ap-styleguide-public-grid{grid-template-columns:1fr}.ap-styleguide-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media (width<=30rem){@layer components{.ap-styleguide-image-grid{grid-template-columns:1fr}}}@media (width<=48rem){@layer components{.ap-styleguide-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}@media (width<=30rem){@layer components{.ap-styleguide-token-grid{grid-template-columns:1fr}}}