.mock[data-astro-cid-yziwnreo]{border-radius:var(--radius-xl);background:var(--surface-card);border:1px solid var(--hairline);box-shadow:var(--shadow-xl);overflow:hidden}.mock__bar[data-astro-cid-yziwnreo]{background:var(--ink-100);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-2);height:38px;padding-inline:var(--space-3);display:flex}.dot[data-astro-cid-yziwnreo]{border-radius:var(--radius-pill);width:11px;height:11px}.dot--r[data-astro-cid-yziwnreo]{background:var(--red-500)}.dot--y[data-astro-cid-yziwnreo]{background:var(--amber-500)}.dot--g[data-astro-cid-yziwnreo]{background:var(--green-500)}.mock__url[data-astro-cid-yziwnreo]{margin-left:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-card);border:1px solid var(--border-default);max-width:280px;height:22px;padding-inline:var(--space-3);font-size:var(--text-2xs);color:var(--text-faint);flex:1;align-items:center;display:flex}.mock__body[data-astro-cid-yziwnreo]{min-height:320px;display:flex}.mock__rail[data-astro-cid-yziwnreo]{width:58px;padding-block:var(--space-3);align-items:center;gap:var(--space-4);flex-direction:column;flex:none;display:flex}.rail__item[data-astro-cid-yziwnreo]{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:30px;height:30px;display:flex}.rail__item--active[data-astro-cid-yziwnreo]{background:var(--brand-soft)}.rail__icon[data-astro-cid-yziwnreo]{border-radius:var(--radius-xs);border:2px solid var(--ink-600);width:15px;height:15px}.rail__icon--active[data-astro-cid-yziwnreo]{border-color:var(--brand-300)}.mock__content[data-astro-cid-yziwnreo]{padding:var(--space-4);background:var(--bg-page);background-image:var(--page-wash);flex:1}.mock__head[data-astro-cid-yziwnreo]{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.mock__title[data-astro-cid-yziwnreo]{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-strong)}.mock__stats[data-astro-cid-yziwnreo]{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.stat[data-astro-cid-yziwnreo]{background:var(--surface-grad);border:1px solid var(--hairline);border-top:3px solid var(--ink-300);border-radius:var(--radius-md);box-shadow:var(--ring-hairline);padding:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.stat--brand[data-astro-cid-yziwnreo]{border-top-color:var(--brand)}.stat--ok[data-astro-cid-yziwnreo]{border-top-color:var(--status-ok)}.stat--crit[data-astro-cid-yziwnreo]{border-top-color:var(--status-crit)}.stat__label[data-astro-cid-yziwnreo]{font-size:var(--text-2xs);color:var(--text-faint)}.stat__value[data-astro-cid-yziwnreo]{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-strong)}.stat__spark[data-astro-cid-yziwnreo]{width:100%;height:15px;margin-top:var(--space-1)}.stat__spark--brand[data-astro-cid-yziwnreo]{color:var(--brand)}.stat__spark--ok[data-astro-cid-yziwnreo]{color:var(--status-ok)}.mock__panel[data-astro-cid-yziwnreo]{background:var(--surface-grad);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--ring-hairline);overflow:hidden}.panel__head[data-astro-cid-yziwnreo]{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.panel__title[data-astro-cid-yziwnreo]{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong)}.panel__link[data-astro-cid-yziwnreo]{font-size:var(--text-2xs);color:var(--text-faint)}.row[data-astro-cid-yziwnreo]{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.row[data-astro-cid-yziwnreo]:last-child{border-bottom:none}.row__name[data-astro-cid-yziwnreo]{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong);flex:1}.row__bar[data-astro-cid-yziwnreo]{border-radius:var(--radius-pill);background:var(--ink-150);width:88px;height:6px;overflow:hidden}.row__fill[data-astro-cid-yziwnreo]{border-radius:var(--radius-pill);height:100%;display:block}.row__fill--ok[data-astro-cid-yziwnreo]{background:var(--status-ok)}.row__fill--warn[data-astro-cid-yziwnreo]{background:var(--status-warn)}.row__fill--crit[data-astro-cid-yziwnreo]{background:var(--status-crit)}.badge[data-astro-cid-yziwnreo]{border-radius:var(--radius-pill);padding:3px var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;display:inline-flex}.badge--ok[data-astro-cid-yziwnreo]{color:var(--status-ok);background:var(--status-ok-bg)}.badge--warn[data-astro-cid-yziwnreo]{color:var(--status-warn);background:var(--status-warn-bg)}.badge--crit[data-astro-cid-yziwnreo]{color:var(--status-crit);background:var(--status-crit-bg)}