.primitive-demo[data-astro-cid-dw4fko7i]{margin-bottom:var(--space-xl)}.prim-row[data-astro-cid-dw4fko7i]{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.prim-block[data-astro-cid-dw4fko7i]{gap:var(--space-xs);flex-direction:column;display:flex}.prim-label[data-astro-cid-dw4fko7i]{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:12px}.prim-box[data-astro-cid-dw4fko7i]{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);background:var(--color-bg-panel);min-height:80px}.prim-item[data-astro-cid-dw4fko7i]{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:center;border:1px solid var(--color-border-subtle);font-size:13px;font-weight:500}.prim-item--tall[data-astro-cid-dw4fko7i]{padding:var(--space-md);flex-direction:column;justify-content:center;align-items:center;min-height:64px;display:flex}.width-demo[data-astro-cid-dw4fko7i]{gap:var(--space-xs);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.width-bar[data-astro-cid-dw4fko7i]{align-items:center;gap:var(--space-sm);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex;position:relative;overflow:hidden}.width-bar[data-astro-cid-dw4fko7i]:before{content:"";background:var(--color-accent);opacity:.08;border-radius:inherit;position:absolute;inset:0}.width-bar[data-astro-cid-dw4fko7i]>[data-astro-cid-dw4fko7i]{position:relative}.width-bar--content[data-astro-cid-dw4fko7i]{width:100%}.width-bar--narrow[data-astro-cid-dw4fko7i]{width:min(100%,640px)}.width-bar--prose[data-astro-cid-dw4fko7i]{width:min(100%,70ch)}.width-label[data-astro-cid-dw4fko7i]{font-family:var(--font-mono);color:var(--color-text);white-space:nowrap;font-size:13px}.width-value[data-astro-cid-dw4fko7i]{color:var(--color-text-secondary);font-size:12px}.wireframe[data-astro-cid-dw4fko7i]{gap:var(--space-xs);margin-bottom:var(--space-xl);font-family:var(--font-mono);flex-direction:column;font-size:12px;display:flex}.wf-header[data-astro-cid-dw4fko7i],.wf-footer[data-astro-cid-dw4fko7i],.wf-main[data-astro-cid-dw4fko7i]{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);display:flex}.wf-header[data-astro-cid-dw4fko7i],.wf-footer[data-astro-cid-dw4fko7i]{justify-content:space-between;align-items:center}.wf-body[data-astro-cid-dw4fko7i]{gap:var(--space-xs);display:flex}.wf-main[data-astro-cid-dw4fko7i]{flex-direction:column;flex:1;min-height:120px}.wf-article[data-astro-cid-dw4fko7i]{background:var(--color-bg-inset);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);justify-content:space-between;align-items:center;gap:var(--space-sm);flex:1;display:flex}.wf-aside[data-astro-cid-dw4fko7i]{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);width:140px;padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}@media (width<=640px){.wf-body[data-astro-cid-dw4fko7i]{flex-direction:column}.wf-aside[data-astro-cid-dw4fko7i]{width:auto}}.wf-label[data-astro-cid-dw4fko7i]{color:var(--color-text);font-weight:600}.wf-token[data-astro-cid-dw4fko7i]{color:var(--color-text-secondary);font-size:11px}.grid-demo[data-astro-cid-dw4fko7i]{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.grid-demo-card[data-astro-cid-dw4fko7i]{padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg)}.grid-card-label[data-astro-cid-dw4fko7i]{color:var(--color-text);margin-bottom:var(--space-xs);font-weight:600;display:block}.grid-card-meta[data-astro-cid-dw4fko7i]{color:var(--color-text-secondary);font-size:12px;font-family:var(--font-mono)}.radius-demo[data-astro-cid-dw4fko7i]{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.radius-box[data-astro-cid-dw4fko7i]{background:var(--color-bg-panel);border:1px solid var(--color-border);min-width:100px;padding:var(--space-md) var(--space-sm);align-items:center;gap:var(--space-xs);text-align:center;flex-direction:column;flex:1;display:flex}.radius-box[data-astro-cid-dw4fko7i] code[data-astro-cid-dw4fko7i]{color:var(--color-text-secondary);background:0 0;padding:0;font-size:11px}.radius-box[data-astro-cid-dw4fko7i] span[data-astro-cid-dw4fko7i]{color:var(--color-text-tertiary);font-size:11px}.z-demo[data-astro-cid-dw4fko7i]{margin-bottom:var(--space-xl);flex-direction:column;gap:2px;display:flex}.z-layer[data-astro-cid-dw4fko7i]{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-mono);background:color-mix(in srgb, var(--color-accent) var(--_z-bg), transparent);border-left:3px solid;border-color:color-mix(in srgb, var(--color-accent) var(--_z-border), transparent);font-size:12px;display:flex}.z-layer[data-astro-cid-dw4fko7i] code[data-astro-cid-dw4fko7i]{color:var(--color-text);white-space:nowrap;background:0 0;min-width:160px;padding:0;font-size:12px}.z-layer[data-astro-cid-dw4fko7i] span[data-astro-cid-dw4fko7i]{color:var(--color-text-secondary)}.z-base[data-astro-cid-dw4fko7i]{--_z-bg:4%;--_z-border:20%}.z-raised[data-astro-cid-dw4fko7i]{--_z-bg:7%;--_z-border:30%}.z-content[data-astro-cid-dw4fko7i]{--_z-bg:10%;--_z-border:40%}.z-dropdown[data-astro-cid-dw4fko7i]{--_z-bg:13%;--_z-border:50%}.z-sticky[data-astro-cid-dw4fko7i]{--_z-bg:16%;--_z-border:60%}.z-overlay[data-astro-cid-dw4fko7i]{--_z-bg:20%;--_z-border:70%}.z-modal[data-astro-cid-dw4fko7i]{--_z-bg:24%;--_z-border:80%}.z-toast[data-astro-cid-dw4fko7i]{--_z-bg:28%;--_z-border:100%}@media (width<=640px){.z-layer[data-astro-cid-dw4fko7i]{flex-wrap:wrap}.z-layer[data-astro-cid-dw4fko7i] code[data-astro-cid-dw4fko7i]{min-width:unset}}