.studio-project-workspace-example{--studio-ui:var(--studio-font-ui)}.studio-project-workspace-example .studio-library-demo-toolbar{justify-content:space-between;gap:16px}.studio-project-workspace-example .studio-library-demo-toolbar p{margin:0;max-width:520px;color:var(--studio-muted);font-size:12px}.studio-project-workspace-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:16px 0}.studio-project-workspace-example-grid>section{min-width:0}.studio-project-workspace-example-grid h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:400 16px/1.4 var(--font-display)}.studio-project-example-count{border:1px solid var(--studio-rule);border-radius:4px;padding:1px 5px;font:11px/1.5 var(--font-mono);color:var(--studio-muted)}.studio-project-workspace-example .studio-project-cover{height:96px}.studio-project-workspace-example .studio-project-media-preview{height:174px;aspect-ratio:auto}.studio-project-workspace-example .studio-project-media-preview img{height:100%;max-height:142px}.studio-project-workspace-example .studio-project-card{min-height:280px}.studio-project-workspace-example-grid :is(a,button):focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}.studio-project-workspace-accent-example{margin-block:24px;padding-top:24px;border-top:1px solid var(--studio-rule)}.studio-project-workspace-showcase-example h3{font:400 16px/1.4 var(--font-display);margin:0 0 12px}.studio-project-workspace-showcase-example .showcase-palette{height:120px;min-height:120px}@media (max-width:640px){.studio-project-workspace-example-grid{grid-template-columns:minmax(0,1fr)}}