.dev-index{max-width:1400px;margin:0 auto;padding:24px var(--page-pad-x) 64px}.dev-index__title{font-size:1.75rem;font-weight:700;margin:0;color:var(--color-text, #0f172a)}.dev-index__region-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;margin:8px 0 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:999px;background:#fff;font-size:.9rem;font-weight:400;color:var(--color-text, #0f172a);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;max-width:100%}.dev-index__region-trigger:hover{border-color:#2563eb;background:#2563eb0f}.dev-index__region-trigger:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.dev-index__region-trigger svg{color:var(--color-text-muted, #64748b);flex-shrink:0}.dev-index__region-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dev-index__subtitle{color:var(--color-text-muted, #64748b);margin:4px 0 16px}.dev-index__scope{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:4px;background:var(--color-surface, #f1f5f9);border-radius:10px;width:-moz-fit-content;width:fit-content;max-width:100%}.dev-scope-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:8px 14px;border-radius:8px;font:inherit;font-size:.875rem;color:var(--color-text-muted, #64748b);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.dev-scope-btn:hover{color:var(--color-text, #0f172a)}.dev-scope-btn.is-active{background:#fff;color:var(--color-text, #0f172a);font-weight:500;box-shadow:0 1px 2px #0f172a14}.dev-index__list{display:flex;flex-direction:column;gap:16px}