.demo-stage-module__IM9pKq__stage{--frame-gutter:24px;--site-header:calc(var(--nav-height) + 37px);scroll-margin-top:calc(var(--site-header) + 16px);width:min(1232px, calc(100% - 2 * var(--frame-gutter)));margin-inline:auto}.demo-stage-module__IM9pKq__stage[data-variant=full]{--frame-offset:150px;--frame-max:1100px}.demo-stage-module__IM9pKq__desk{position:relative}.demo-stage-module__IM9pKq__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:18px;display:flex}.demo-stage-module__IM9pKq__head{flex:420px;min-width:0}.demo-stage-module__IM9pKq__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin-top:16px;display:flex}.demo-stage-module__IM9pKq__skip{z-index:3;border-radius:var(--radius-full);background:var(--surface-card);box-shadow:var(--mt-shadow-md);color:var(--text-primary);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);opacity:0;pointer-events:none;padding:10px 16px;position:absolute;top:0;left:0;transform:translateY(-8px)}.demo-stage-module__IM9pKq__skip:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--text-brand);outline-offset:3px;transform:none}.demo-stage-module__IM9pKq__frame{--frame-radius:16px;height:clamp(520px, calc(100svh - var(--site-header) - var(--frame-offset,160px)), var(--frame-max,900px));border:1px solid var(--border-default);border-radius:var(--frame-radius);background:var(--surface-card);box-shadow:var(--mt-shadow-inset-top), 0 32px 64px -28px color-mix(in srgb, var(--surface-carbon) 26%, transparent), 0 8px 18px -10px color-mix(in srgb, var(--surface-carbon) 12%, transparent);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (max-width:1199px){.demo-stage-module__IM9pKq__frame{height:clamp(460px, calc(100svh - var(--site-header) - 224px), var(--frame-max,900px))}}.demo-stage-module__IM9pKq__frame:fullscreen{border:0;border-radius:0;height:100%}.demo-stage-module__IM9pKq__bar{border-bottom:1px solid var(--border-default);background:var(--surface-sunken);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;height:46px;padding:0 8px 0 16px;display:grid}.demo-stage-module__IM9pKq__address{border-radius:var(--radius-md);background:var(--surface-card);width:min(380px,34vw);height:28px;box-shadow:var(--mt-shadow-inset-hairline);color:var(--text-secondary);font-family:var(--font-jetbrains-mono), monospace;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.demo-stage-module__IM9pKq__tools{justify-self:end;gap:4px;display:inline-flex}.demo-stage-module__IM9pKq__tool{border-radius:var(--radius-md);min-height:32px;color:var(--text-secondary);font-size:13px;font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.demo-stage-module__IM9pKq__tool:focus-visible{outline:2px solid var(--text-brand);outline-offset:1px}@media (hover:hover){.demo-stage-module__IM9pKq__tool:hover{background:var(--surface-active);color:var(--text-primary)}}.demo-stage-module__IM9pKq__viewport{background:var(--surface-app);flex:1;min-height:0;position:relative}.demo-stage-module__IM9pKq__iframe{background:var(--surface-card);border:0;width:100%;height:100%;position:absolute;inset:0}.demo-stage-module__IM9pKq__poster{background-color:var(--surface-card);pointer-events:none;transition:opacity var(--dur-slower) var(--ease-out);background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.demo-stage-module__IM9pKq__poster[data-still=bug]{background-image:url(/demo-page/still-bug.webp)}.demo-stage-module__IM9pKq__poster[data-still=run]{background-image:url(/demo-page/still-run.webp)}.demo-stage-module__IM9pKq__poster[data-still=suite]{background-image:url(/demo-page/still-suite.webp)}.demo-stage-module__IM9pKq__poster[data-gone=true]{opacity:0}.demo-stage-module__IM9pKq__progress{z-index:2;background:var(--lilac-500);opacity:0;transform-origin:0;height:2px;transition:opacity var(--dur-base) var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.demo-stage-module__IM9pKq__progress[data-active=true]{opacity:1;animation:demo-stage-module__IM9pKq__frame-progress 6s var(--ease-out) forwards}@keyframes demo-stage-module__IM9pKq__frame-progress{0%{transform:scaleX(.04)}to{transform:scaleX(.92)}}.demo-stage-module__IM9pKq__veil{z-index:2;pointer-events:none;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.demo-stage-module__IM9pKq__pill{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-card);min-height:48px;box-shadow:var(--mt-shadow-lg);color:var(--text-primary);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);pointer-events:auto;cursor:pointer;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.demo-stage-module__IM9pKq__pill[data-quiet=true]{color:var(--text-secondary);cursor:default}.demo-stage-module__IM9pKq__pill:focus-visible{outline:2px solid var(--text-brand);outline-offset:3px}.demo-stage-module__IM9pKq__fallback{border:1px solid var(--border-default);border-radius:var(--radius-3xl);background:color-mix(in srgb, var(--surface-card) 94%, transparent);max-width:420px;box-shadow:var(--mt-shadow-xl);color:var(--text-primary);font-size:var(--text-body);text-align:center;pointer-events:auto;justify-items:center;gap:16px;padding:28px 32px;display:grid}.demo-stage-module__IM9pKq__phone+.demo-stage-module__IM9pKq__foot{margin-top:28px}.demo-stage-module__IM9pKq__phone{display:none}@media (max-width:899px){.demo-stage-module__IM9pKq__desk,.demo-stage-module__IM9pKq__top .demo-stage-module__IM9pKq__starts{display:none}.demo-stage-module__IM9pKq__phone{display:block}}@media (max-width:699px){.demo-stage-module__IM9pKq__stage{--frame-gutter:16px}}@media (prefers-reduced-motion:reduce){.demo-stage-module__IM9pKq__poster{transition:none}.demo-stage-module__IM9pKq__progress{display:none}}
.demo-phone-module__at7jvG__card{gap:14px;max-width:520px;margin-inline:auto;display:grid}.demo-phone-module__at7jvG__finding{border:1px solid var(--border-default);border-radius:var(--radius-3xl);background:var(--surface-card);box-shadow:var(--mt-shadow-lg);gap:10px;padding:18px 18px 16px;display:grid}.demo-phone-module__at7jvG__findingHead{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.demo-phone-module__at7jvG__findingHead>div{gap:8px;display:grid}.demo-phone-module__at7jvG__thumb{justify-items:center;gap:6px;width:104px;display:grid}.demo-phone-module__at7jvG__thumb img{border-radius:14px 14px 0 0;width:104px;height:auto;display:block;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.demo-phone-module__at7jvG__group{color:var(--text-secondary);font-size:13px}.demo-phone-module__at7jvG__title{color:var(--text-primary);font-family:var(--font-figtree), sans-serif;font-size:21px;font-weight:var(--weight-semibold);letter-spacing:-.02em;line-height:1.2}.demo-phone-module__at7jvG__critical{border-radius:var(--radius-control);background:var(--status-fail-bg);color:var(--status-fail-fg);font-family:var(--font-instrument-sans), sans-serif;font-size:13px;font-weight:var(--weight-medium);letter-spacing:0;justify-self:start;padding:2px 8px}.demo-phone-module__at7jvG__counts{color:var(--text-secondary);font-size:var(--text-body-sm);flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.demo-phone-module__at7jvG__counts>span:last-child{align-items:center;gap:6px;display:inline-flex}.demo-phone-module__at7jvG__counts svg{color:var(--status-fail-fg)}.demo-phone-module__at7jvG__verdict{gap:8px;margin-top:4px;display:grid}.demo-phone-module__at7jvG__verdict>div{border-radius:var(--radius-xl);border:1px solid #0000;padding:12px 14px}.demo-phone-module__at7jvG__verdict>div[data-kind=expected]{border-color:color-mix(in srgb, var(--status-pass-fg) 30%, transparent);background:var(--status-pass-bg)}.demo-phone-module__at7jvG__verdict>div[data-kind=actual]{border-color:color-mix(in srgb, var(--status-fail-fg) 30%, transparent);background:var(--status-fail-bg)}.demo-phone-module__at7jvG__verdict dt{font-family:var(--font-jetbrains-mono), monospace;font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.demo-phone-module__at7jvG__verdict>div[data-kind=expected] dt{color:var(--status-pass-fg)}.demo-phone-module__at7jvG__verdict>div[data-kind=actual] dt{color:var(--status-fail-fg)}.demo-phone-module__at7jvG__verdict dd{color:var(--text-primary);font-size:15px;line-height:1.5}.demo-phone-module__at7jvG__open{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-card);min-height:48px;box-shadow:var(--mt-shadow-xs);color:var(--text-primary);font-size:var(--text-body);font-weight:var(--weight-semibold);justify-content:center;align-items:center;gap:8px;margin-top:6px;display:inline-flex}.demo-phone-module__at7jvG__quiet{min-height:44px;color:var(--text-primary);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:4px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.demo-phone-module__at7jvG__open:focus-visible,.demo-phone-module__at7jvG__quiet:focus-visible{outline:2px solid var(--text-brand);outline-offset:3px}@media (min-width:700px){.demo-phone-module__at7jvG__card{max-width:600px;margin-inline:0}}@media (max-width:359px){.demo-phone-module__at7jvG__thumb,.demo-phone-module__at7jvG__thumb img{width:84px}}