.design-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:8px max(16px,calc((100% - 1200px) / 2));background:#f2f5f3;border-bottom:1px solid #d8e3dd;font-size:11px;line-height:18px}.design-toolbar>a{font-weight:600;text-decoration:underline;text-underline-offset:3px}.design-toolbar code{overflow-wrap:anywhere;min-width:0}.design-mode{color:#496452;font-weight:600}.design-route-pattern{color:var(--color-muted);margin-left:auto}.directory-loading{max-width:680px;margin:80px auto;padding:24px}.design-map{max-width:1200px;margin:40px auto;padding:0 24px;display:grid;gap:28px}.design-map h1{font-size:28px}.design-review-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-block:16px;border-block:1px solid var(--color-line-neutral)}.design-route-list{display:grid}.design-route-row{display:grid;grid-template-columns:180px minmax(0,1fr) 100px;gap:16px;padding:20px 0;border-bottom:1px solid var(--color-line-neutral)}.design-route-row a,.design-route-row code{overflow-wrap:anywhere}.design-route-row>div{display:grid;gap:8px}.design-route-row a{text-decoration:underline;text-underline-offset:3px;color:var(--color-plum)}@media (max-width:767px){.design-toolbar{gap:4px 12px}.design-current-url{flex-basis:100%}.design-route-pattern{margin-left:0}.design-route-row{grid-template-columns:minmax(0,1fr);gap:8px}}