body[data-design=v2] .lab-preview{position:relative;min-height:200px;border:1px solid var(--color-rule);border-radius:10px;overflow:hidden;background:radial-gradient(circle at var(--lab-mx, 50%) var(--lab-my, 50%),color-mix(in oklab,var(--color-accent-warm) 18%,transparent),transparent 45%),linear-gradient(135deg,var(--color-paper),var(--color-paper-2));isolation:isolate}body[data-design=v2] .lab-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,color-mix(in oklab,var(--color-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--color-ink) 6%,transparent) 1px,transparent 1px);background-size:22px 22px;opacity:.55}body[data-design=v2] .lab-preview-code{position:absolute;left:18px;top:18px;display:grid;gap:8px;width:calc(100% - 36px);font-family:var(--font-mono);font-size:10px;color:var(--color-muted-warm);z-index:2}body[data-design=v2] .lab-preview-code span{display:block;width:fit-content;max-width:100%;padding:5px 8px;border:1px solid var(--color-rule);border-radius:999px;background:color-mix(in oklab,var(--color-paper) 78%,transparent);white-space:nowrap}body[data-design=v2] .lab-preview-code span:first-child{color:var(--color-paper);background:var(--color-ink);border-color:var(--color-ink)}body[data-design=v2] .lab-preview-grams{position:absolute;inset:auto 16px 18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;z-index:2}body[data-design=v2] .lab-preview-grams i{display:grid;place-items:center;height:28px;border:1px solid var(--color-rule);border-radius:8px;background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-mono);font-size:10px;font-style:normal;transform:translateY(0);transition:transform .18s ease,color .18s ease,border-color .18s ease;transition-delay:calc(var(--i) * 14ms)}body[data-design=v2] .lab-preview:hover .lab-preview-grams i{transform:translateY(-5px);color:var(--color-accent-warm);border-color:color-mix(in oklab,var(--color-accent-warm) 45%,transparent)}body[data-design=v2] .lab-preview-scanline{position:absolute;top:0;bottom:0;width:2px;left:28%;background:var(--color-accent-warm);box-shadow:0 0 24px var(--color-accent-warm);opacity:.7;z-index:3;animation:lab-scan 3.6s ease-in-out infinite}body[data-design=v2] .lab-preview-chain{position:absolute;left:18px;right:18px;top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;z-index:2}body[data-design=v2] .lab-preview-chain i{height:52px;border:1px solid var(--color-rule);border-radius:10px;background:linear-gradient(135deg,color-mix(in oklab,var(--color-accent-warm) 24%,transparent),transparent),var(--color-paper);box-shadow:0 10px 20px color-mix(in oklab,var(--color-ink) 8%,transparent);transform:translateY(0);transition:transform .18s ease}body[data-design=v2] .lab-preview:hover .lab-preview-chain i:nth-child(odd){transform:translateY(-7px)}body[data-design=v2] .lab-preview:hover .lab-preview-chain i:nth-child(2n){transform:translateY(7px)}body[data-design=v2] .lab-preview-signature{position:absolute;left:22px;bottom:22px;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}body[data-design=v2] .lab-preview-signature strong{color:var(--color-accent-warm);font-weight:500}body[data-design=v2] .lab-preview-rings{position:absolute;right:32px;bottom:24px;width:96px;height:96px;z-index:2}body[data-design=v2] .lab-preview-rings i{position:absolute;inset:0;border:1px solid color-mix(in oklab,var(--color-accent-warm) 50%,transparent);border-radius:50%;transform:rotateX(64deg) rotate(calc(var(--ring, 0) * 1deg))}body[data-design=v2] .lab-preview-rings i:nth-child(2){inset:16px;--ring: 42}body[data-design=v2] .lab-preview-rings i:nth-child(3){inset:31px;--ring: -26;background:var(--color-accent-warm)}body[data-design=v2] .lab-preview:hover .lab-preview-rings{animation:lab-rings 2.4s linear infinite}@keyframes lab-scan{0%,to{left:18%}50%{left:78%}}@keyframes lab-rings{to{transform:rotate(360deg)}}@media(max-width:520px){body[data-design=v2] .lab-preview-grams{grid-template-columns:repeat(4,minmax(0,1fr))}}