.design{padding-block:32px 64px}.design-back{min-height:44px;color:var(--ink-soft);align-items:center;display:inline-flex}.design h1{font-family:var(--font-serif);margin:8px 0}.design-tagline{color:var(--ink-soft);margin:0 0 8px}.design-theme{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:2px 10px;font-size:.8125rem;display:inline-block}.design-actions{flex-wrap:wrap;gap:12px;margin:24px 0 12px;display:flex}.design-copy{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;text-decoration:none;display:inline-flex}.design-note{color:var(--ink-soft);margin:4px 0}.design h2{margin:40px 0 16px}.design-swatches{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.design-swatch{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.design-swatch strong{overflow-wrap:anywhere}.design-swatch-block{border:1px solid var(--line);border-radius:var(--radius);width:100%;height:72px}.design-swatch-role{color:var(--ink-soft);overflow-wrap:anywhere;font-size:.875rem}.design-fonts{margin:0;padding-left:20px}.design-spec{white-space:pre;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-height:70vh;padding:16px;font-size:.8125rem;overflow:auto}.design-filters{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.design-toggle{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 20px}.design-toggle[aria-pressed=true]{background:var(--bf-pill);border-color:var(--bf-pill);color:var(--bf-on-pill)}.design-search{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:999px;flex:200px;padding:0 16px;font-size:1rem}.design-grid{grid-template-columns:1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:600px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.design-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:100%;color:var(--ink);flex-direction:column;gap:6px;padding:12px;text-decoration:none;display:flex}.design-strip{border:1px solid var(--line);height:40px;display:flex;overflow:hidden}.design-strip>span{flex:1}.design-card-tagline{color:var(--ink-soft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.design-card-theme{color:var(--ink-soft);font-size:.8125rem}.design-credit{margin-top:32px}