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