.lab-preview{position:relative;border-radius:.75rem;overflow:hidden;background:color-mix(in srgb,var(--color-isa-space) 70%,#000);border:1px solid color-mix(in srgb,var(--color-isa-alice) 12%,transparent);box-shadow:0 1px 0 0 color-mix(in srgb,var(--color-isa-alice) 6%,transparent) inset,0 18px 36px -24px rgb(0 0 0/.9);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease}.lab-preview__chrome{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:color-mix(in srgb,var(--color-isa-charcoal) 85%,#000);border-bottom:1px solid color-mix(in srgb,var(--color-isa-alice) 8%,transparent)}.lab-preview__dot{width:.5rem;height:.5rem;border-radius:9999px;background:color-mix(in srgb,var(--color-isa-alice) 18%,transparent);flex-shrink:0}.lab-preview__url{margin-left:.5rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.625rem;letter-spacing:.08em;color:color-mix(in srgb,var(--color-isa-alice) 45%,transparent);background:color-mix(in srgb,var(--color-isa-space) 80%,#000);border-radius:9999px;padding:.1875rem .625rem}.lab-preview__shell{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--color-isa-space)}.lab-preview__frame{position:absolute;top:0;left:0;border:0;transform:scale(var(--preview-scale,.28));transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .6s ease}.lab-preview__frame[data-loaded]{opacity:1}.lab-preview__skeleton{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--color-isa-alice) 6%,transparent) 40%,transparent 60%),var(--color-isa-charcoal);background-size:250% 100%;animation:lab-preview-shimmer 1.9s ease-in-out infinite}@keyframes lab-preview-shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}.lab-preview__fade{position:absolute;inset:auto 0 0 0;height:28%;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-isa-charcoal) 88%,transparent))}.lab-card:focus-within .lab-preview,.lab-card:hover .lab-preview{transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-isa-canary) 45%,transparent);box-shadow:0 1px 0 0 color-mix(in srgb,var(--color-isa-alice) 8%,transparent) inset,0 26px 48px -26px rgb(0 0 0/.95),0 0 0 1px color-mix(in srgb,var(--color-isa-canary) 18%,transparent)}.lab-card:hover .lab-preview__dot:first-child{background:color-mix(in srgb,var(--color-isa-canary) 70%,transparent)}@media (prefers-reduced-motion:reduce){.lab-preview,.lab-preview__frame{transition:none}.lab-card:focus-within .lab-preview,.lab-card:hover .lab-preview{transform:none}.lab-preview__skeleton{animation:none}}