.cp-mock-frame:where(.astro-s4yb6ruc){z-index:2;cursor:default;-webkit-user-select:none;user-select:none;max-width:1080px;margin:56px auto 0;position:relative}.cp-mock-frame:where(.astro-s4yb6ruc),.cp-mock-frame:where(.astro-s4yb6ruc) :where(.astro-s4yb6ruc){cursor:default;-webkit-user-select:none;user-select:none}.cp-mock-frame:where(.astro-s4yb6ruc):before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(50% 60%,#ffa41c2e,#0000 70%);position:absolute;inset:-48px -48px -200px}.cp-mock-window:where(.astro-s4yb6ruc){background:var(--color-surface);border-radius:14px;overflow:clip;box-shadow:0 22px 44px -16px #0f121e52,0 6px 14px -4px #0f121e29}.cp-mock-topbar:where(.astro-s4yb6ruc){color:#ffffffd9;background:#1a1310;border-bottom:1px solid #0006;align-items:center;gap:14px;height:56px;padding:0 22px;display:flex}.cp-mock-brand:where(.astro-s4yb6ruc){align-items:center;display:inline-flex}.cp-mock-brand-logo:where(.astro-s4yb6ruc){width:auto;height:22px;display:block}.cp-mock-nav:where(.astro-s4yb6ruc){gap:2px;margin-left:18px;display:inline-flex}.cp-mock-nav:where(.astro-s4yb6ruc)>span:where(.astro-s4yb6ruc){color:#ffffffc7;border-radius:6px;align-items:center;gap:7px;padding:7px 12px;font-size:1.3rem;font-weight:600;text-decoration:none;display:inline-flex}.cp-mock-nav:where(.astro-s4yb6ruc)>span:where(.astro-s4yb6ruc) svg:where(.astro-s4yb6ruc){opacity:.85;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.cp-mock-nav-active:where(.astro-s4yb6ruc){background:#ffffff14;color:var(--color-ink-inverse)!important}.cp-mock-spacer:where(.astro-s4yb6ruc){flex:1}.cp-mock-avatar:where(.astro-s4yb6ruc){background:var(--color-brand-strong);color:#1a1310;border-radius:50%;place-items:center;width:28px;height:28px;display:inline-grid}.cp-mock-avatar:where(.astro-s4yb6ruc) svg:where(.astro-s4yb6ruc){width:16px;height:16px}.cp-mock-body:where(.astro-s4yb6ruc){background:var(--color-surface-warm);padding:26px 28px 32px}.cp-mock-body-head:where(.astro-s4yb6ruc){justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.cp-mock-h3:where(.astro-s4yb6ruc){letter-spacing:-.025em;color:var(--color-ink);margin:0;font-size:2.6rem;font-weight:700}.cp-mock-actions:where(.astro-s4yb6ruc){align-items:center;gap:10px;display:inline-flex;position:relative}.cp-mock-icon-btn:where(.astro-s4yb6ruc){background:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-ink-muted);border-radius:7px;place-items:center;display:inline-grid}.cp-mock-icon-btn:where(.astro-s4yb6ruc) svg:where(.astro-s4yb6ruc){width:16px;height:16px}.cp-mock-add-btn:where(.astro-s4yb6ruc){background:var(--color-brand);color:var(--color-ink-inverse);letter-spacing:.01em;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:8px 14px;font-size:1.3rem;font-weight:700;line-height:1.2;display:inline-flex}.cp-mock-add-label:where(.astro-s4yb6ruc):after{content:"New instance"}.cp-mock-toggle:where(.astro-s4yb6ruc){background:var(--color-surface);border:1px solid var(--color-border);border-radius:7px;display:inline-flex;overflow:hidden}.cp-mock-toggle-btn:where(.astro-s4yb6ruc){width:30px;height:30px;color:var(--color-ink-subtle);place-items:center;display:inline-grid}.cp-mock-toggle-btn:where(.astro-s4yb6ruc) svg:where(.astro-s4yb6ruc){width:13px;height:13px}.cp-mock-toggle-btn--active:where(.astro-s4yb6ruc){background:var(--color-brand-soft);color:var(--color-ink)}.cp-mock-cards:where(.astro-s4yb6ruc){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cp-mock-card:where(.astro-s4yb6ruc){background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;min-width:0;padding:16px 18px 14px}.cp-mock-card-head:where(.astro-s4yb6ruc){grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.cp-mock-provider:where(.astro-s4yb6ruc){flex-shrink:0;place-items:center;width:32px;height:32px;display:inline-grid}.cp-mock-card-title:where(.astro-s4yb6ruc){min-width:0}.cp-mock-name-row:where(.astro-s4yb6ruc){flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.cp-mock-name:where(.astro-s4yb6ruc){color:var(--color-ink);font-size:1.4rem;font-weight:700;line-height:1.2}.cp-mock-edition:where(.astro-s4yb6ruc){border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-inverse);align-self:flex-start;align-items:center;margin-top:0;margin-left:-4px;padding:.5px 5px;font-size:.7rem;font-weight:700;line-height:1.4;display:inline-flex}.cp-mock-edition--enterprise:where(.astro-s4yb6ruc){background:#714b67}.cp-mock-edition--community:where(.astro-s4yb6ruc){background:#017e84}.cp-mock-meta:where(.astro-s4yb6ruc){color:var(--color-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;line-height:1.4;overflow:hidden}.cp-mock-status:where(.astro-s4yb6ruc){border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:7px;padding:4px 10px;font-size:1.1rem;font-weight:600;display:inline-flex}.cp-mock-status-dot:where(.astro-s4yb6ruc){width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border-radius:50%;flex-shrink:0}.cp-mock-status--healthy:where(.astro-s4yb6ruc){background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success)}.cp-mock-status--updating:where(.astro-s4yb6ruc){background:var(--color-brand-soft);color:var(--color-brand)}.cp-mock-status--backing-up:where(.astro-s4yb6ruc){background:color-mix(in srgb, var(--color-rating) 18%, transparent);color:#b58105}.cp-mock-status--restoring:where(.astro-s4yb6ruc){background:var(--color-brand-soft);color:var(--color-brand)}.cp-mock-divider:where(.astro-s4yb6ruc){border:0;border-top:1px solid var(--color-border);margin:12px 0 10px}.cp-mock-stats:where(.astro-s4yb6ruc){flex-direction:column;gap:8px;margin:0 0 12px;display:flex}.cp-mock-stat-row:where(.astro-s4yb6ruc){align-items:center;gap:10px;min-width:0;font-size:1.15rem;display:flex}.cp-mock-stat-row:where(.astro-s4yb6ruc) dt:where(.astro-s4yb6ruc){text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-subtle);flex:0 0 76px;font-size:.95rem;font-weight:600}.cp-mock-stat-row:where(.astro-s4yb6ruc) dd:where(.astro-s4yb6ruc){color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.25rem;overflow:hidden}.cp-mock-stat-bar:where(.astro-s4yb6ruc) dd:where(.astro-s4yb6ruc){text-align:right;font-variant-numeric:tabular-nums;color:var(--color-ink-muted);flex:0 0 36px}.cp-mock-backup-chip:where(.astro-s4yb6ruc){background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-ink);flex-shrink:0;align-items:center;gap:5px;padding:2px 9px 2px 5px;font-size:.95em;font-weight:600;display:inline-flex}.cp-mock-bar:where(.astro-s4yb6ruc){background:var(--color-surface-page);border-radius:var(--radius-full);flex:1;min-width:0;height:6px;overflow:hidden}.cp-mock-bar-fill:where(.astro-s4yb6ruc){background:var(--color-success);border-radius:inherit;transform-origin:0;height:100%;display:block}.cp-mock-bar--warn:where(.astro-s4yb6ruc) .cp-mock-bar-fill:where(.astro-s4yb6ruc){background:var(--color-brand)}.cp-mock-bar--danger:where(.astro-s4yb6ruc) .cp-mock-bar-fill:where(.astro-s4yb6ruc){background:var(--color-danger)}@media (prefers-reduced-motion:no-preference){.cp-mock-bar-fill:where(.astro-s4yb6ruc){animation:1.1s cubic-bezier(.22,.61,.36,1) both cp-mock-bar-grow}.cp-mock-card:where(.astro-s4yb6ruc):nth-child(2) .cp-mock-bar-fill:where(.astro-s4yb6ruc){animation-delay:.22s}.cp-mock-status-dot:where(.astro-s4yb6ruc){animation:2.4s ease-in-out infinite cp-mock-dot-pulse}.cp-mock-status--updating:where(.astro-s4yb6ruc) .cp-mock-status-dot:where(.astro-s4yb6ruc),.cp-mock-status--restoring:where(.astro-s4yb6ruc) .cp-mock-status-dot:where(.astro-s4yb6ruc),.cp-mock-status--backing-up:where(.astro-s4yb6ruc) .cp-mock-status-dot:where(.astro-s4yb6ruc){animation-duration:1.3s}}@keyframes cp-mock-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cp-mock-dot-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 14%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, currentColor 32%, transparent)}}.cp-mock-card-foot:where(.astro-s4yb6ruc){border-top:1px dashed var(--color-border);color:var(--color-ink-subtle);justify-content:space-between;align-items:center;gap:10px;padding-top:8px;font-size:1.05rem;display:flex}.cp-mock-foot-deploy:where(.astro-s4yb6ruc){color:var(--color-ink-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;max-width:60%;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:1rem;display:inline-flex;overflow:hidden}.cp-mock-foot-deploy:where(.astro-s4yb6ruc) svg:where(.astro-s4yb6ruc){color:var(--color-ink-subtle);flex-shrink:0}.cp-mock-card-actions:where(.astro-s4yb6ruc){flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.cp-mock-action-btn:where(.astro-s4yb6ruc){background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-brand);align-items:center;gap:5px;padding:4px 10px;font-size:1.05rem;font-weight:600;display:inline-flex}.cp-mock-action-btn--secondary:where(.astro-s4yb6ruc){color:var(--color-ink-muted)}.cp-mock-action-btn--disabled:where(.astro-s4yb6ruc){color:var(--color-ink-subtle);background:var(--color-surface-page);opacity:.65}@media (width<=1080px){.cp-mock-nav:where(.astro-s4yb6ruc)>span:where(.astro-s4yb6ruc):nth-child(n+5){display:none}}@media (width<=900px){.cp-mock-nav:where(.astro-s4yb6ruc)>span:where(.astro-s4yb6ruc):nth-child(n+4){display:none}}@media (width<=720px){.cp-mock-frame:where(.astro-s4yb6ruc){margin-top:36px}.cp-mock-cards:where(.astro-s4yb6ruc){grid-template-columns:minmax(0,1fr)}.cp-mock-body:where(.astro-s4yb6ruc){padding:18px 16px 20px}.cp-mock-body-head:where(.astro-s4yb6ruc){gap:10px}.cp-mock-actions:where(.astro-s4yb6ruc){gap:6px}.cp-mock-topbar:where(.astro-s4yb6ruc){gap:8px;padding:0 14px}.cp-mock-nav:where(.astro-s4yb6ruc){margin-left:6px}.cp-mock-nav:where(.astro-s4yb6ruc)>span:where(.astro-s4yb6ruc){padding:6px 8px;font-size:1.2rem}.cp-mock-h3:where(.astro-s4yb6ruc){font-size:2rem}.cp-mock-icon-btn:where(.astro-s4yb6ruc){width:32px;height:32px}.cp-mock-icon-btn:where(.astro-s4yb6ruc) svg:where(.astro-s4yb6ruc){width:14px;height:14px}.cp-mock-toggle-btn:where(.astro-s4yb6ruc){width:26px;height:30px}.cp-mock-toggle-btn:where(.astro-s4yb6ruc) svg:where(.astro-s4yb6ruc){width:12px;height:12px}.cp-mock-add-btn:where(.astro-s4yb6ruc){min-height:32px;padding:6px 10px;font-size:1.15rem}.cp-mock-add-label:where(.astro-s4yb6ruc):after{content:"New"}}