.lab-retrofuture{--rf-bg:#f4faf6;--rf-panel:#fff;--rf-sheet:#eaf6f0;--rf-text:#0d2818;--rf-dim:#4b6b5b;--rf-accent:#106b33;--rf-amber:#8c5000;--rf-rule:#106b3347;--rf-display:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--rf-body:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--la-tag-1:#106b33;--la-tag-2:#0a6478;--la-tag-3:#8c5000;--la-tag-4:#b23a3a;--ink:var(--rf-text);--slate:var(--rf-dim);--smoke:var(--rf-dim);--accent:var(--rf-accent);--grape:var(--rf-amber);--cream:var(--rf-bg);--white:var(--rf-sheet);--tint-grape:#8c50001a;--tint-mint:#106b3314;--ink2:var(--rf-panel);--display:var(--rf-display);--body:var(--rf-body);--mono:"JetBrains Mono", ui-monospace, monospace;--radius-card:2px;--radius-btn:2px;--radius-input:2px;background:var(--rf-bg);color:var(--rf-text);font-family:var(--rf-body);position:relative}.lab-retrofuture .card{border:1px solid var(--rf-rule);box-shadow:3px 3px 0 var(--rf-rule)}.lab-retrofuture .card.lift:hover{border-color:var(--rf-accent);box-shadow:3px 3px 0 var(--rf-accent)}.lab-retrofuture .sec-head h2{letter-spacing:-.01em;font-weight:700}.lab-retrofuture .sec-head{border-bottom:1px solid var(--rf-rule);padding-bottom:20px}.lab-retrofuture .eyebrow{text-transform:uppercase;letter-spacing:.1em}.lab-retrofuture .eyebrow:before{content:"> ";color:var(--rf-accent)}.lab-retrofuture .num-badge{border:1px solid var(--rf-accent);box-shadow:2px 2px 0 var(--rf-accent);border-radius:2px}.rf-scanlines{pointer-events:none;z-index:1;mix-blend-mode:multiply;background-image:repeating-linear-gradient(#0d28180d 0 1px,#0000 1px 3px);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.rf-scanlines{animation:6s steps(60,end) infinite rf-flicker}}@keyframes rf-flicker{0%,96%,to{opacity:1}97%{opacity:.85}98%{opacity:1}99%{opacity:.92}}.rf-magnetic{vertical-align:middle}.ai-experiments-lab{z-index:2;margin-top:8px;position:relative}.ai-experiments-head{justify-content:flex-end;margin-bottom:20px;display:flex}.ai-experiments-head .btn{font-family:var(--mono);font-size:var(--text-small);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.lab-retrofuture .ai-os-card{appearance:none;font:inherit;color:inherit;background:var(--rf-sheet);border:1px solid var(--rf-rule);text-align:start;flex-direction:column;align-items:flex-start;display:flex}.lab-retrofuture .ai-os-card.active{border-color:var(--rf-accent);box-shadow:3px 3px 0 var(--rf-accent)}.lab-retrofuture .ai-os-card.active .ai-os-title{color:var(--rf-text)}.lab-retrofuture .ai-os-card.active .ai-os-role{color:var(--rf-dim)}.ai-os-tag{font-family:var(--mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:2px;margin-bottom:10px;padding:3px 10px;font-weight:700;display:inline-block}.lab-tag-a{color:var(--la-tag-1);background:#106b331a}.lab-tag-b{color:var(--la-tag-2);background:#0a64781a}.lab-tag-c{color:var(--la-tag-3);background:#8c50001a}.lab-tag-d{color:var(--la-tag-4);background:#b23a3a1a}.terminal-link{font-family:var(--mono);font-size:var(--text-meta);color:var(--rf-accent);text-decoration:underline}.lab-retrofuture .terminal-box{background:var(--rf-panel);color:var(--rf-text);border:1px solid var(--rf-rule);box-shadow:6px 6px 0 var(--rf-rule)}.lab-retrofuture .terminal-header{background:var(--rf-sheet);border-bottom:1px solid var(--rf-rule)}.lab-retrofuture .terminal-title{color:var(--rf-text)}.lab-retrofuture .terminal-dot{border-color:var(--rf-rule)}.lab-retrofuture .terminal-dot.dot-red{background:var(--rf-panel)}.lab-retrofuture .terminal-dot.dot-yellow{background:var(--rf-amber)}.lab-retrofuture .terminal-dot.dot-green{background:var(--rf-accent)}.lab-retrofuture .terminal-link{color:var(--rf-accent)}.lab-retrofuture .terminal-body p,.lab-retrofuture .terminal-body{color:var(--rf-text)}.lab-retrofuture .terminal-body pre{background:var(--rf-sheet);border:1px solid var(--rf-rule);color:var(--rf-amber)}.lab-retrofuture .terminal-body .rf-snippet-label,.lab-retrofuture .terminal-body .rf-snippet-note{color:var(--rf-dim)}.rf-snippet{border-top:1px dashed var(--rf-rule);margin-top:14px;padding-top:14px}.rf-snippet-label{font-family:var(--mono);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.08em;color:var(--rf-dim);margin-bottom:8px;display:block}.rf-snippet pre{font-size:var(--text-meta);color:var(--rf-text);margin:0;line-height:1.6;overflow-x:auto}.rf-snippet-note{font-size:var(--text-small);color:var(--rf-dim);margin-top:10px;line-height:1.6}.rf-ledger{border:1px solid var(--rf-rule);box-shadow:3px 3px 0 var(--rf-rule);background:var(--rf-panel);grid-template-columns:repeat(3,1fr);margin-top:clamp(20px,3vh,32px);display:grid}.rf-ledger-col{border-inline-start:1px solid var(--rf-rule);min-width:0;padding:18px 20px 20px}.rf-ledger-col:first-child{border-inline-start:none}.rf-ledger-head{text-transform:uppercase;letter-spacing:.1em;color:var(--rf-dim);border-bottom:1px dashed var(--rf-rule);margin:0 0 14px;padding-bottom:8px;font-size:11px;font-weight:700}.rf-ledger-item{font-size:var(--text-small);color:var(--rf-text);margin:0 0 12px;line-height:1.6}.rf-ledger-item:last-child{margin-bottom:0}.rf-ledger-col:last-child .rf-ledger-item{color:var(--rf-amber)}.rf-ledger-note{font-size:var(--text-meta);color:var(--rf-dim);margin-top:14px;line-height:1.6}@media (max-width:860px){.rf-ledger{grid-template-columns:1fr}.rf-ledger-col{border-inline-start:none;border-top:1px solid var(--rf-rule)}.rf-ledger-col:first-child{border-top:none}}.lab-essays-crosslink{margin-top:18px}.lab-essays-crosslink a{color:inherit;text-decoration:underline}.lab-object{margin-top:28px}.lab-object-card{border:1px solid var(--rf-dim);background:var(--rf-sheet);color:var(--rf-text);border-radius:14px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px;padding:20px;text-decoration:none;transition:border-color .2s;display:grid}.lab-object-card:hover{border-color:var(--rf-accent)}.lab-object-poster,.tp7-turntable{aspect-ratio:900/950;background:radial-gradient(at 50% 42%,#f8f7f3 0%,#e9e7e0 70%);border-radius:10px;width:100%}.tp7-turntable{position:relative;overflow:hidden}.tp7-turntable img,.tp7-turntable canvas{width:100%;height:100%;position:absolute;inset:0}.tp7-turntable img{object-fit:cover;transition:opacity .5s}.tp7-turntable canvas{opacity:0;cursor:grab;touch-action:pan-y;transition:opacity .5s}.tp7-turntable canvas:active{cursor:grabbing}.tp7-turntable canvas:focus-visible{outline:2px solid var(--rf-accent);outline-offset:-2px}.tp7-turntable.is-ready canvas{opacity:1}.tp7-turntable.is-ready img{opacity:0}.tp7-turntable.is-failed canvas{display:none}.lab-object-cta{text-decoration:none}.lab-object-cta:hover{text-decoration:underline}.lab-object-body{flex-direction:column;gap:12px;display:flex}.lab-object-body strong{font-size:1.5rem}.lab-object-body .mono{font-size:var(--text-small);color:var(--rf-dim)}.lab-object-cta{color:var(--rf-accent);font-weight:600}.lab-object-foot{font-size:var(--text-meta);color:var(--rf-dim);margin-top:12px}.lab-object-foot a{color:var(--rf-accent)}@media (max-width:760px){.lab-object-card{grid-template-columns:1fr;gap:18px}}.lab-retrofuture .lab-parts-head{border-block-start:1px solid var(--rf-rule);margin-block-start:clamp(3rem,6vw,6rem);padding-block-start:clamp(1.5rem,2.5vw,2.5rem)}.lab-retrofuture .in-demo{isolation:isolate}.lab-retrofuture .grid>*,.lab-retrofuture .ai-os-card{min-inline-size:0}.lab-retrofuture pre{max-inline-size:100%;overflow-x:auto}.lab-retrofuture .sandbox-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.lab-retrofuture .lab-tools-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:stretch;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.lab-retrofuture .lab-tools-card{background:var(--rf-panel);border:1px solid var(--rf-rule);flex-direction:column;gap:.5rem;min-inline-size:0;padding:1rem;display:flex}.lab-retrofuture .lab-tools-card h3,.lab-retrofuture .lab-tools-card p{color:var(--rf-text);margin:0}.lab-retrofuture .lab-tools-play{color:var(--rf-accent);align-self:flex-start;margin-block-start:auto;font-weight:600}.lab-retrofuture .lab-tools-play:focus-visible{outline:2px solid var(--rf-accent);outline-offset:3px}@media (hover:hover){.lab-retrofuture .lab-tools-card{transition:border-color .2s,box-shadow .2s}.lab-retrofuture .lab-tools-card:hover,.lab-retrofuture .lab-tools-card:focus-within{border-color:var(--rf-accent);box-shadow:3px 3px 0 var(--rf-accent)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.lab-retrofuture .lab-tools-card{transition:translate .2s,border-color .2s,box-shadow .2s}.lab-retrofuture .lab-tools-card:hover,.lab-retrofuture .lab-tools-card:focus-within{translate:0 -4px}}.lab-retrofuture .playground-demos .demo-cell{min-width:0}.lab-retrofuture .playground-demos .demo-head{flex-wrap:wrap}@media (min-width:901px){.lab-retrofuture .playground-demos .grid-2>.demo-cell:nth-child(3){grid-column:1/-1}}@media (max-width:420px){.lab-retrofuture .playground-demos .metric-row{grid-template-columns:1fr}}.lab-retrofuture .lab-hero{padding-block:clamp(8px,2vw,24px) clamp(24px,4vw,48px)}.lab-retrofuture .lab-hero .top{align-items:center;gap:12px;display:flex}.lab-signal{font-family:var(--rf-display);letter-spacing:-.04em;color:var(--rf-text);overflow-wrap:anywhere;max-inline-size:100%;margin-block:clamp(12px,2vw,24px) 0;font-size:clamp(64px,17vw,220px);font-weight:800;line-height:.92}.lab-signal-word,.lab-signal-ch{display:inline-block}.lab-signal-line{block-size:.22em;inline-size:min(100%,7.2em);margin-block-start:.06em;display:block;overflow:visible;transform:scaleY(.04)}.lab-signal-line path{fill:none;stroke:var(--rf-amber);stroke-width:3px;vector-effect:non-scaling-stroke}.lab-retrofuture .lab-hero-line{max-inline-size:30ch;color:var(--rf-text);margin-block-start:clamp(16px,2.4vw,28px);font-size:clamp(20px,2.6vw,32px);font-weight:700;line-height:1.25}.lab-retrofuture .lab-hero-sub{max-inline-size:62ch;font-size:var(--text-small);color:var(--rf-dim);margin-block-start:14px;line-height:1.6}@media (prefers-reduced-motion:no-preference){.lab-signal-ch{animation:1.3s cubic-bezier(.3,.7,.4,1) both lab-signal-wave}.lab-signal-line{animation:2.2s cubic-bezier(.2,.8,.3,1) both lab-signal-calm}}@keyframes lab-signal-wave{0%{transform:translateY(0)}18%{transform:translateY(-.12em)}38%{transform:translateY(.08em)}58%{transform:translateY(-.04em)}78%{transform:translateY(.015em)}to{transform:translateY(0)}}@keyframes lab-signal-calm{0%{transform:scaleY(1)}to{transform:scaleY(.04)}}.lab-retrofuture .sec-head h1{letter-spacing:-.01em;margin-top:18px;font-size:clamp(32px,5vw,50px);font-weight:700;line-height:1}.lab-refkit-back{color:inherit;margin-block-end:24px;display:inline-block}.lab-retrofuture.lab-refkit-tag{padding-block:0 72px}.lab-refkit-tag a{color:inherit;text-underline-offset:4px;text-decoration:underline}.lab-refkit-tag a:hover{color:var(--rf-accent)}.lab-retrofuture .lab-arrow{display:inline-block}.lab-retrofuture:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .lab-arrow{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.lab-retrofuture .ai-os-card,.lab-retrofuture .ai-os-card:hover,.lab-retrofuture .ai-os-card.active{transition:none;transform:none}}