.product-app-preview-wrap{opacity:0;width:100%;max-width:100%;min-height:14rem;transition:opacity .15s;position:relative;overflow:hidden;container-type:inline-size}.product-app-preview-wrap--ready{opacity:1;min-height:0}@container (max-width:767px){.product-app-preview-wrap--scaled{--preview-scale:calc(100cqw / 768px)}}.product-app-preview-scaler{width:100%;position:relative;overflow:hidden}.product-app-preview-wrap--fitted .product-app-preview{width:100%;transform:none}.product-app-preview-wrap:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 50% 40%,#105eff24,#0000 70%);position:absolute;inset:0}.product-app-preview{--app-bg:#0a0c10;--app-surface:#12151c;--app-surface-raised:#181c26;--app-border:#ffffff14;--app-border-strong:#ffffff24;--app-text:#f4f6fb;--app-muted:#9aa3b5;--app-accent:#105eff;--app-positive:#3dd68c;--app-warning:#f5a524;--app-negative:#ff6b6b;--mac-close:#ff5f57;--mac-minimize:#febc2e;--mac-maximize:#28c840;--color-fg:var(--app-text);--color-fgMuted:var(--app-muted);--color-fgPrimary:#6ea8ff;--color-fgPositive:var(--app-positive);--color-fgWarning:var(--app-warning);--color-fgInverse:#fff;--color-bgPrimary:var(--app-accent);background:var(--app-bg);border:1px solid var(--app-border-strong);color:var(--app-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:none;min-height:min(36rem,72vh);transform:scale(var(--preview-scale,1));transform-origin:0 0;z-index:1;border-radius:1rem;flex-direction:column;flex-shrink:0;width:768px;font-family:inherit;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 80px #00000073}.product-app-preview-chrome{border-bottom:1px solid var(--app-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.product-app-preview-dots{align-items:center;gap:.5rem;display:flex}.product-app-preview-dot{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:.75rem;height:.75rem;box-shadow:inset 0 0 0 1px #ffffff1f}.product-app-preview-dot--close{background:var(--mac-close)}.product-app-preview-dot--minimize{background:var(--mac-minimize)}.product-app-preview-dot--maximize{background:var(--mac-maximize)}.product-app-preview-chrome-spacer{flex-shrink:0;width:3.25rem}.product-app-preview-body{flex:1;grid-template-columns:minmax(10.5rem,12.5rem) minmax(0,1fr);min-height:0;display:grid}.product-app-preview-sidebar{border-right:1px solid var(--app-border);flex-direction:column;flex-shrink:0;gap:.25rem;padding:.75rem;display:flex;overflow-y:auto}.product-app-preview-nav-item{appearance:none;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.625rem;width:100%;padding:.625rem .75rem;transition:background .15s;display:flex}.product-app-preview-nav-item:hover{background:#ffffff0a}.product-app-preview-nav-item[aria-current=page]{background:#105eff24}.product-app-preview-nav-icon{opacity:.9;flex-shrink:0}.product-app-preview-nav-label{white-space:nowrap}.product-app-preview-main{flex-direction:column;gap:.25rem;min-width:0;min-height:0;padding:1.25rem 1.5rem;display:flex;overflow:auto}.product-app-preview-panel-lead{margin-bottom:1rem}.product-app-preview-surface{background:var(--app-surface);border:1px solid var(--app-border);border-radius:.75rem;padding:1rem;overflow-x:auto}.product-app-preview-chat{flex-direction:column;gap:1rem;display:flex}.product-app-preview-bubble{border-radius:.75rem;max-width:36rem;padding:1rem 1.125rem}.product-app-preview-bubble--user{background:#105eff2e;border:1px solid #105eff47;align-self:flex-end}.product-app-preview-bubble--ai{background:var(--app-surface-raised);border:1px solid var(--app-border)}.product-app-preview-bars{align-items:flex-end;gap:.5rem;height:7rem;margin-top:1rem;display:flex}.product-app-preview-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.375rem;min-width:0;height:100%;display:flex}.product-app-preview-bar{background:linear-gradient(180deg, #4d8dff 0%, var(--app-accent) 100%);border-radius:.25rem .25rem 0 0;width:100%;min-height:.5rem}.product-app-preview-metric-card{background:var(--app-surface-raised);border:1px solid var(--app-border);border-radius:.625rem;flex-direction:column;gap:.25rem;min-width:0;padding:1rem;display:flex}.product-app-preview-table{border-collapse:collapse;width:100%}.product-app-preview-table th,.product-app-preview-table td{border-bottom:1px solid var(--app-border);text-align:left;vertical-align:middle;padding:.75rem .625rem}.product-app-preview-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.product-app-preview-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.product-app-preview-kpi-card{background:var(--app-surface-raised);border:1px solid var(--app-border);border-radius:.625rem;flex-direction:column;gap:.25rem;min-width:0;padding:1rem;display:flex}.product-app-preview-events{flex-direction:column;gap:.5rem;display:flex}.product-app-preview-event{background:var(--app-surface-raised);border:1px solid var(--app-border);border-radius:.625rem;grid-template-columns:5.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;min-width:0;padding:.875rem 1rem;display:grid}.product-app-preview-pill{white-space:nowrap;border-radius:999px;flex-shrink:0;justify-self:end;padding:.3rem .7rem}.product-app-preview-pill--resolved{background:#3dd68c24}.product-app-preview-pill--monitoring{background:#f5a52424}.product-app-preview-pill--logged{background:#7eb8ff24}