.swatch-grid[data-astro-cid-quxanshs]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--ed-space-md)}.swatch-item[data-astro-cid-quxanshs]{display:flex;flex-direction:column;gap:var(--ed-space-xs)}.swatch-color[data-astro-cid-quxanshs]{width:100%;height:60px;border:1px solid var(--ed-border)}.swatch-info[data-astro-cid-quxanshs]{display:flex;flex-direction:column;gap:2px}.spacing-demo[data-astro-cid-quxanshs]{display:flex;flex-direction:column;gap:var(--ed-space-md)}.spacing-row[data-astro-cid-quxanshs]{display:grid;grid-template-columns:140px 1fr 100px;align-items:center;gap:var(--ed-space-md)}.spacing-bar[data-astro-cid-quxanshs]{height:20px;background:var(--ed-accent);opacity:0.6;min-width:10px}.layout-demo[data-astro-cid-quxanshs]{display:flex;flex-direction:column;gap:var(--ed-space-sm);padding:var(--ed-space-md);background:var(--ed-bg-alt);border:1px solid var(--ed-border)}.layout-row[data-astro-cid-quxanshs]{display:grid;grid-template-columns:160px 1fr 120px;gap:var(--ed-space-md);align-items:center}.layout-diagram[data-astro-cid-quxanshs]{display:grid;grid-template-columns:220px 1fr 180px;gap:2px;margin-top:var(--ed-space-lg);background:var(--ed-border-dark);border:1px solid var(--ed-border-dark)}.layout-diagram[data-astro-cid-quxanshs]>div[data-astro-cid-quxanshs]{padding:var(--ed-space-lg);background:var(--ed-bg-alt);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ed-space-xs)}.layout-diagram__body[data-astro-cid-quxanshs]{background:var(--ed-bg)!important}.token-table[data-astro-cid-quxanshs]{display:flex;flex-direction:column;gap:var(--ed-space-xs)}.token-row[data-astro-cid-quxanshs]{display:grid;grid-template-columns:180px 1fr 1fr;gap:var(--ed-space-md);padding:var(--ed-space-sm) 0;border-bottom:1px solid var(--ed-border-light)}.image-variants[data-astro-cid-quxanshs]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ed-space-xl)}@media (max-width: 768px){.image-variants[data-astro-cid-quxanshs]{grid-template-columns:1fr}}.tag-demo-section[data-astro-cid-quxanshs]{display:flex;flex-direction:column;gap:var(--ed-space-lg)}.tag-demo-row[data-astro-cid-quxanshs]{display:flex;flex-direction:column;gap:var(--ed-space-sm);padding:var(--ed-space-md);background:var(--ed-bg-alt);border:1px solid var(--ed-border)}.ed-tag-group[data-astro-cid-quxanshs]{display:flex;flex-wrap:wrap;gap:var(--ed-space-sm)}.ed-tag[data-astro-cid-quxanshs]{display:inline-flex;align-items:center;min-height:2.125rem;padding-inline:0.75rem;border:1px solid var(--ed-border);border-radius:0.125rem;background:var(--ed-bg-alt);color:var(--ed-text-muted);font-family:var(--ed-font-sans);font-size:0.8125rem;line-height:1;white-space:nowrap}.ed-tag--filter[data-astro-cid-quxanshs]{cursor:pointer;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.ed-tag--filter[data-astro-cid-quxanshs]:hover{border-color:var(--ed-border-dark);color:var(--ed-text)}.ed-tag--filter[data-astro-cid-quxanshs].is-active{background:var(--ed-text);border-color:var(--ed-text);color:var(--ed-bg)}.ed-tag--spec[data-astro-cid-quxanshs]{min-height:auto;padding:0.35rem 0.5rem;background:color-mix(in oklab,var(--ed-bg-alt) 80%,white);font-family:ui-monospace,monospace;font-size:0.625rem;letter-spacing:0.08em;text-transform:uppercase}.ed-tag--state[data-astro-cid-quxanshs]{background:color-mix(in oklab,var(--ed-accent) 14%,var(--ed-bg-alt));border-color:color-mix(in oklab,var(--ed-accent) 35%,var(--ed-border));color:var(--ed-accent)}.taxonomy-demo[data-astro-cid-quxanshs]{display:flex;flex-direction:column;gap:var(--ed-space-md)}.taxonomy-row[data-astro-cid-quxanshs]{display:grid;grid-template-columns:100px 1fr;gap:var(--ed-space-md);align-items:center}.type-scale[data-astro-cid-quxanshs]{margin-top:var(--ed-space-lg)}.type-row[data-astro-cid-quxanshs]{display:flex;flex-direction:column;gap:var(--ed-space-xs)}.type-row[data-astro-cid-quxanshs] code[data-astro-cid-quxanshs]{color:var(--ed-accent)}.motion-demos[data-astro-cid-quxanshs]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--ed-space-lg)}.motion-demo[data-astro-cid-quxanshs]{display:flex;flex-direction:column;gap:var(--ed-space-sm)}.motion-demo__preview[data-astro-cid-quxanshs]{padding:var(--ed-space-md);background:var(--ed-bg);border:1px solid var(--ed-border);min-height:60px;display:flex;align-items:center;justify-content:center}.motion-demo__card-hover[data-astro-cid-quxanshs]{transition:background var(--ed-transition)}.motion-demo__card-hover[data-astro-cid-quxanshs]:hover{background:var(--ed-bg-alt)}.logo-demo-placeholder[data-astro-cid-quxanshs]{height:40px;filter:grayscale(100%);opacity:0.6;transition:filter var(--ed-transition),opacity var(--ed-transition)}.logo-demo-placeholder[data-astro-cid-quxanshs]:hover{filter:grayscale(0%);opacity:1}.logo-demo-placeholder--1[data-astro-cid-quxanshs]{width:100px;background:var(--ed-text-muted)}.logo-demo-placeholder--2[data-astro-cid-quxanshs]{width:80px;background:var(--ed-accent)}.logo-demo-placeholder--3[data-astro-cid-quxanshs]{width:90px;background:var(--ed-border-dark)}.logo-demo-placeholder--4[data-astro-cid-quxanshs]{width:70px;background:var(--ed-text)}.image-variant-demo[data-astro-cid-quxanshs] .ed-image--detail[data-astro-cid-quxanshs] .ed-image__inner[data-astro-cid-quxanshs]>div[data-astro-cid-quxanshs],.image-variant-demo[data-astro-cid-quxanshs] .ed-image--action[data-astro-cid-quxanshs] .ed-image__inner[data-astro-cid-quxanshs]>div[data-astro-cid-quxanshs],.motion-demo[data-astro-cid-quxanshs] .ed-image--detail[data-astro-cid-quxanshs] .ed-image__inner[data-astro-cid-quxanshs]>div[data-astro-cid-quxanshs]{filter:grayscale(100%) contrast(1.1);transition:filter var(--ed-transition)}.image-variant-demo[data-astro-cid-quxanshs] .ed-image--detail[data-astro-cid-quxanshs]:hover .ed-image__inner[data-astro-cid-quxanshs]>div[data-astro-cid-quxanshs],.image-variant-demo[data-astro-cid-quxanshs] .ed-image--action[data-astro-cid-quxanshs]:hover .ed-image__inner[data-astro-cid-quxanshs]>div[data-astro-cid-quxanshs],.motion-demo[data-astro-cid-quxanshs] .ed-image--detail[data-astro-cid-quxanshs]:hover .ed-image__inner[data-astro-cid-quxanshs]>div[data-astro-cid-quxanshs]{filter:grayscale(0%) contrast(1)}@media (max-width: 768px){.spacing-row[data-astro-cid-quxanshs],.layout-row[data-astro-cid-quxanshs],.token-row[data-astro-cid-quxanshs]{grid-template-columns:1fr;gap:var(--ed-space-xs)}.layout-diagram[data-astro-cid-quxanshs]{grid-template-columns:1fr}.taxonomy-row[data-astro-cid-quxanshs]{grid-template-columns:1fr}}