.lab,.lab-palette,.lab-palette-toast,.lab-perf{--lab-ground:var(--paper);--lab-panel:var(--paper-deep);--lab-field:#fbf8f1;--lab-text:var(--lead);--lab-heading:var(--green);--lab-muted:var(--graphite);--lab-line:var(--trace);--lab-stroke:var(--graphite);--lab-accent:var(--tan-ink);--lab-on-accent:var(--cream);--lab-warn:#9e3a20;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.lab{--lab-ui:var(--font-barlow),"Arial Narrow",sans-serif;--lab-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--lab-spring:cubic-bezier(.34,1.56,.64,1);background:var(--lab-ground);min-height:100vh;color:var(--lab-text);font-family:var(--font-literata),Georgia,serif}html:has(.lab){background:var(--paper)}html:has(.lab) body{background:var(--paper)}.lab :focus-visible{outline:2px solid var(--lab-accent);outline-offset:3px}html:has(.lab)::view-transition-old(root){mix-blend-mode:normal;animation:none}html:has(.lab)::view-transition-new(root){mix-blend-mode:normal;animation:none}.lab{--lab-chrome:61px}.lab:has(.lab-subbar){--lab-chrome:106px}@media (max-width:760px){.lab:has(.lab-subbar){--lab-chrome:151px}}@media (max-width:640px){.lab{--lab-chrome:91px}.lab:has(.lab-subbar){--lab-chrome:181px}}.lab-head{z-index:2;border-bottom:1px solid var(--lab-stroke);font-family:var(--lab-ui);position:relative}.lab-bar{align-items:center;gap:4px 20px;padding:8px clamp(16px,4vw,40px);display:flex}.lab-home{min-height:44px;color:var(--lab-heading);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;text-decoration:none;display:inline-flex}.lab-home:hover{color:var(--lab-accent)}.lab-home-mark{width:22px;color:var(--lab-accent)}.lab-rooms,.lab-layouts{font:500 15px/1 var(--lab-ui);letter-spacing:.06em;text-transform:uppercase;gap:4px;display:flex}.lab-rooms a,.lab-layouts a{color:var(--lab-muted);white-space:nowrap;padding:8px 10px;text-decoration:none;transition:color .2s,box-shadow .2s}.lab-rooms a{align-items:center;gap:.4em;min-height:44px;padding-block:0;display:inline-flex}.lab-room-no{color:var(--lab-muted);font-variant-numeric:tabular-nums}.lab-rooms a:hover,.lab-layouts a:hover{color:var(--lab-text)}.lab-rooms a[aria-current],.lab-layouts a[aria-current=page]{color:var(--lab-text);box-shadow:inset 0 -2px 0 var(--lab-accent)}.lab-rooms a[aria-current] .lab-room-no{color:var(--lab-accent)}.lab-site-link{min-height:44px;color:var(--lab-accent);font:500 15px/1.15 var(--lab-ui);letter-spacing:.06em;text-align:right;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;align-items:center;column-gap:.35em;margin-left:auto;text-decoration:none;display:inline-flex}.lab-site-link span{white-space:nowrap}.lab-site-link:hover{color:var(--lab-text);text-underline-offset:4px;text-decoration:underline}.lab-subbar{border-top:1px solid var(--lab-line);align-items:center;padding:0 clamp(16px,4vw,40px);display:flex}.lab .study-bar{min-width:0;font:500 15px/1.2 var(--lab-ui);letter-spacing:.04em;flex:1;align-items:center;gap:0 18px;display:flex}.lab .study-bar a{color:var(--lab-accent);text-decoration:none}.lab .study-bar a:hover{color:var(--lab-text);text-underline-offset:4px;text-decoration:underline}.lab .study-bar-all,.lab .study-bar-try,.lab .study-bar-step a{white-space:nowrap;align-items:center;gap:6px;min-height:44px;display:inline-flex}.lab .study-bar-all{text-transform:uppercase;letter-spacing:.06em;margin-left:-2px}.lab .study-bar-id{min-width:0;color:var(--lab-muted);text-overflow:ellipsis;white-space:nowrap;flex:auto;margin:0;line-height:44px;overflow:hidden}.lab .study-bar-plate{color:var(--lab-text);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}.lab .study-bar-name{color:var(--lab-heading);font-weight:600}.lab .study-bar-name a{padding-block:13px}.lab .study-bar-step{display:flex}.lab .study-bar-step a{min-width:44px;color:var(--lab-muted);justify-content:center;padding:0 8px}.lab .study-bar-step [aria-hidden=true]{font-size:22px;line-height:1}.lab .study-bar-step-name{display:none}@media (min-width:1180px){.lab .study-bar-step-name{display:inline}}.lab .study-bar a.study-bar-try{text-underline-offset:4px;text-decoration:underline}.lab .study-bar .lab-palette-button{flex:none}@media (max-width:760px){.lab .study-bar{flex-wrap:wrap;gap:0 4px}.lab .study-bar-all{order:1;margin-right:auto}.lab .study-bar-step{order:2}.lab .study-bar:before{content:"";background:var(--lab-line);flex:0 0 100%;order:4;height:1px}.lab .study-bar-id{flex:1 1 0;order:5;line-height:43px}.lab .study-bar-try{order:6;padding-left:12px}.lab .study-bar .lab-palette-button{background:0 0;border-color:#0000;order:3;justify-content:center;min-width:44px;min-height:44px;padding:0}.lab .study-bar .lab-palette-button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lab .study-bar .lab-palette-button kbd{display:none}}.lab-layouts-float{top:calc(env(safe-area-inset-top) + 12px);z-index:3;border:1px solid var(--lab-stroke);background:color-mix(in srgb,var(--lab-panel)85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;padding:3px;font-size:13px;position:absolute;left:12px}.lab .lab-palette-float{top:calc(env(safe-area-inset-top) + 12px);z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;right:12px}.lab-layouts-float a{padding:7px 10px}.lab-stage{height:clamp(520px,calc(100svh - var(--lab-chrome)),900px);background:radial-gradient(ellipse 60% 55% at 50% 52%,color-mix(in srgb,var(--lab-accent)9%,transparent),transparent 70%);position:relative;overflow:hidden}.lab-field,.lab-canvas{width:100%;height:100%;position:absolute;inset:0}.lab-canvas{cursor:crosshair;touch-action:pan-y;display:block}.lab-call{pointer-events:none;justify-items:center;gap:6px;display:grid;position:absolute;top:clamp(20px,5vh,48px);left:0;right:0}.lab-call-name{font:600 clamp(28px,4vw,40px)/1 var(--lab-ui);letter-spacing:.01em}.lab-call-status{color:var(--lab-muted);font:500 14px/1 var(--lab-mono);letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:tabular-nums}.lab-controls{width:min(560px,100% - 32px);font-family:var(--lab-ui);justify-items:center;gap:12px;display:grid;position:absolute;bottom:clamp(16px,4vh,36px);left:50%;transform:translate(-50%)}.lab-modes{border:1px solid var(--lab-stroke);background:color-mix(in srgb,var(--lab-panel)75%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:repeat(4,1fr);width:100%;padding:4px;display:grid;position:relative}.lab-modes-thumb{background:var(--lab-accent);width:calc(25% - 2px);transform:translateX(calc(var(--active)*100%));transition:transform .45s var(--lab-spring);position:absolute;top:4px;bottom:4px;left:4px}.lab-modes button{color:var(--lab-muted);font:600 16px/1 var(--lab-ui);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:9px 0;transition:color .3s;position:relative}.lab-modes button:hover{color:var(--lab-text)}.lab-modes button[aria-pressed=true]{color:var(--lab-on-accent)}.lab-cell{color:var(--lab-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;font-size:15px;transition:opacity .3s;display:flex}.lab-cell[data-off]{opacity:.35}.lab-cell input{width:180px;accent-color:var(--lab-accent)}.lab-cell output{width:4ch;font:13px/1 var(--lab-mono);font-variant-numeric:tabular-nums}.lab-control-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;display:flex}.lab-scatter{border:0;border-bottom:1px solid var(--lab-stroke);color:var(--lab-muted);font:500 15px/1 var(--lab-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:6px 2px}.lab-scatter:hover{border-color:var(--lab-accent);color:var(--lab-text)}.lab-hint{color:var(--lab-muted);text-align:center;margin:0;font-size:15px}.lab-section{border-top:1px solid var(--lab-stroke);padding:clamp(40px,6vw,72px) clamp(16px,4vw,40px) clamp(24px,3vw,36px)}.lab-section-head{text-align:center;max-width:62ch;margin:0 auto}.lab-section-head h2{color:var(--lab-heading);font:600 clamp(28px,3.6vw,40px)/1.1 var(--font-literata),Georgia,serif;letter-spacing:-.01em;margin:0 0 12px}.lab-section-head p{color:var(--lab-muted);margin:0;line-height:1.6}.lab .studies{max-width:1180px;margin:0 auto;padding:clamp(32px,5vw,56px) clamp(16px,4vw,40px) clamp(48px,7vw,80px)}.lab .studies-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;display:flex}.lab .studies-head h1,.lab .notebook h1{color:var(--lab-heading);font:600 clamp(34px,4.4vw,48px)/1.1 var(--font-literata),Georgia,serif;letter-spacing:-.01em;margin:0 0 12px}.lab .studies-lede,.lab .notebook-lede{max-width:62ch;color:var(--lab-text);margin:0;font-size:18px;line-height:1.6}.lab .studies-tools{font:500 15px/1.2 var(--lab-ui);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:0 20px;display:flex}.lab .studies-tools a{min-height:44px;color:var(--lab-accent);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.lab .studies-tools a:hover,.lab .studies-bench-more a:hover,.lab .notebook-study:hover,.lab .notebook-lede a:hover{color:var(--lab-text)}.lab .studies-tools .lab-palette-button{text-transform:none}.lab .studies-bench h2,.lab .studies-group h2,.lab .studies-key h2,.lab .lab-note-latest h2{border-bottom:1px solid var(--lab-stroke);color:var(--lab-muted);font:600 14px/1.2 var(--lab-ui);letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;padding-bottom:8px}.lab .studies-bench{max-width:820px;margin-top:clamp(32px,5vw,48px)}.lab .studies-bench-more{font:500 15px/1.2 var(--lab-ui);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 0}.lab .studies-bench-more a{min-height:44px;color:var(--lab-accent);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.lab .studies-group{margin-top:clamp(36px,5vw,56px)}.lab .studies-key{margin-top:clamp(40px,6vw,64px)}.lab .studies-key ul{color:var(--lab-muted);gap:10px;margin:0;padding:0;font-size:16px;line-height:1.6;list-style:none;display:grid}.lab .studies-key-label{color:var(--lab-text);font:500 13px/1 var(--lab-ui);letter-spacing:.1em;text-transform:uppercase;border:1px solid;padding:3px 7px;display:inline-block}.lab .studies-key-label[data-status=graduated]{color:var(--lab-heading)}.lab .studies-key-label[data-status=sketch]{border-style:dashed}.lab .plates{grid-template-columns:minmax(0,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:600px){.lab .plates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.lab .plates{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.lab .plates[data-size=small]{gap:16px}.lab .plate{border:1.5px solid var(--graphite);background:var(--cream);height:100%;color:var(--lead);font-family:var(--lab-ui);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.lab .plate:hover{border-color:var(--lab-accent);box-shadow:0 0 0 1px var(--lab-accent)}.lab .plate:has(.plate-link:focus-visible){outline:2px solid var(--lab-accent);outline-offset:3px}.lab .plate-link:focus-visible{outline:none}.lab .plate-still{aspect-ratio:4/3;border-bottom:1px solid var(--graphite);background:var(--paper-deep);position:relative;overflow:hidden}.lab .plate-still img{object-fit:cover;width:100%;height:100%;display:block}.lab .plate-still-empty{border:1.5px dashed var(--graphite);color:var(--graphite);font:600 13px/1 var(--lab-ui);letter-spacing:.12em;text-transform:uppercase;place-items:center;display:grid;position:absolute;inset:12px}.lab .plate-stamp{background:var(--cream);color:var(--tan-ink);font:700 13px/1 var(--lab-ui);letter-spacing:.14em;text-transform:uppercase;border:2px solid;padding:4px 8px 3px;display:inline-block;transform:rotate(-4deg)}.lab .plate-stamp[data-fresh=changed]{color:var(--green)}.lab .plate-still .plate-stamp{position:absolute;top:12px;right:12px}.lab .plate-block{flex-direction:column;flex:1;gap:6px;padding:12px 14px 0;display:flex}.lab .plate-no{color:var(--tan-ink);font:600 12px/1.2 var(--lab-ui);letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums;margin:0}.lab .plate-name{color:var(--green);font:600 24px/1.1 var(--lab-ui);letter-spacing:.01em;margin:0}.lab .plate-link{color:inherit;text-decoration:none}.lab .plate-link:after{content:"";position:absolute;inset:0}.lab .plate:hover .plate-link{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.lab .plate-note{color:var(--graphite);font:15px/1.5 var(--font-literata),Georgia,serif;margin:0}.lab .plate-more{z-index:1;color:var(--graphite);font:500 15px/1.3 var(--lab-ui);flex-wrap:wrap;gap:0 16px;margin:0;display:flex;position:relative}.lab .plate-more a{color:var(--tan-ink);text-underline-offset:3px;padding-block:6px;text-decoration:underline;display:inline-block}.lab .plate-more a:hover{color:var(--tan-deep)}.lab .plate-cells{border-top:1px solid var(--graphite);grid-template-columns:repeat(2,minmax(0,1fr));margin:auto -14px 0;padding-top:0;display:grid}.lab .plate-block>:nth-last-child(2){margin-bottom:6px}.lab .plate-cells>div{min-width:0;padding:6px 14px 8px}.lab .plate-cells>div+div{border-left:1px solid var(--graphite)}.lab .plate-cells dt{color:var(--graphite);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:600}.lab .plate-cells dd{font-variant-numeric:tabular-nums;margin:1px 0 0;font-size:17px;font-weight:500;line-height:1.2}.lab .plate[data-status=graduated] .plate-status{color:var(--green);font-weight:600}.lab .plate[data-size=small] .plate-name{font-size:21px}.lab .plate[data-size=small] .plate-note{font-size:14px}.lab .plate[data-size=small] .plate-cells dd{font-size:15px}@media (prefers-reduced-motion:reduce){.lab .plate{transition:none}}.lab .notebook{max-width:820px;margin:0 auto;padding:clamp(32px,5vw,56px) clamp(16px,4vw,40px) clamp(48px,7vw,80px)}.lab .notebook-lede{margin-bottom:28px}.lab .notebook-lede a,.lab .notebook-study{color:var(--lab-accent);text-underline-offset:3px;text-decoration:underline}.lab .notebook-study{font-weight:600}.lab .notebook-lines{margin:0;padding:0;list-style:none}.lab .notebook-lines li{border-bottom:1px solid var(--lab-line);grid-template-columns:4.6em minmax(0,1fr);align-items:baseline;gap:14px;padding:10px 0;font-size:16px;line-height:1.55;display:grid}.lab .notebook-stamp{color:var(--lab-accent);font:600 12px/1 var(--lab-ui);letter-spacing:.1em;text-align:center;text-transform:uppercase;white-space:nowrap;border:1.5px solid;padding:4px 0 3px}.lab .notebook-page{--rule:32px;padding:var(--rule)clamp(16px,3vw,28px)var(--rule)calc(clamp(16px,3vw,28px) + 28px);border:1px solid var(--lab-stroke);background:linear-gradient(to right,transparent calc(clamp(16px,3vw,28px) + 12px),var(--tan)calc(clamp(16px,3vw,28px) + 12px)calc(clamp(16px,3vw,28px) + 13px),transparent calc(clamp(16px,3vw,28px) + 13px)),repeating-linear-gradient(to bottom,transparent 0 calc(var(--rule) - 1px),var(--lab-line)calc(var(--rule) - 1px)var(--rule)),var(--lab-field);font-size:17px;line-height:var(--rule);position:relative}.lab .notebook-day+.notebook-day{margin-top:var(--rule)}.lab .notebook-date{height:var(--rule);font:inherit;margin:0}.lab .notebook-date time{border:1.5px solid var(--lab-accent);background:var(--lab-field);color:var(--lab-accent);font:600 13px/1.2 var(--lab-ui);letter-spacing:.1em;text-transform:uppercase;vertical-align:middle;padding:3px 8px 2px;display:inline-block;transform:rotate(-1.5deg)}.lab .notebook-day ul{margin:0;padding:0;list-style:none}.lab .notebook-day li{scroll-margin-top:16px}.lab .notebook-day li:target{background:color-mix(in srgb,var(--cream)70%,transparent)}.lab .lab-specimens{border-top:0;padding-bottom:clamp(48px,8vw,96px)}.lab .lab-specimens .lab-section-head{margin-bottom:40px}.lab .spec-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;max-width:1180px;margin:0 auto;display:grid}.lab .spec{--mx:-999px;--my:-999px;background:radial-gradient(420px circle at var(--mx)var(--my),color-mix(in srgb,var(--lab-accent)7%,transparent),transparent 60%),var(--lab-panel);isolation:isolate;grid-template-rows:auto 1fr auto;min-height:330px;padding:20px;display:grid;position:relative}.lab .spec:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(260px circle at var(--mx)var(--my),var(--lab-accent),transparent 70%),var(--lab-line);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.lab .spec-head{align-items:baseline;gap:10px;display:flex}.lab .spec-head h3{color:var(--lab-heading);font:600 22px/1 var(--lab-ui);letter-spacing:.02em;margin:0}.lab .spec-no{color:var(--lab-accent);font:13px/1 var(--lab-mono)}.lab .spec-demo{place-items:center;min-height:200px;padding:16px 0;display:grid}.lab .spec-note{color:var(--lab-muted);margin:0;font-size:15px;line-height:1.5}.lab .spec-decode{font:500 clamp(22px,2.4vw,28px)/1.25 var(--lab-mono);letter-spacing:-.01em;text-align:center;cursor:default;margin:0}.lab .spec-magnet-area{place-items:center;width:100%;height:200px;display:grid}.lab .spec-magnet{--pull-x:0px;--pull-y:0px;background:var(--lab-accent);color:var(--lab-on-accent);font:600 19px/1 var(--lab-ui);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transform:translate(var(--pull-x),var(--pull-y));transition:transform .5s var(--lab-spring),box-shadow .3s;border:0;border-radius:999px;padding:18px 34px;position:relative;overflow:hidden}.lab .spec-magnet:hover{box-shadow:0 10px 30px -8px color-mix(in srgb,var(--lab-accent)60%,transparent)}.lab .spec-magnet-label{transform:translate(calc(var(--pull-x)*.35),calc(var(--pull-y)*.35));transition:transform .5s var(--lab-spring);display:inline-block}.lab .spec-ripple{background:var(--lab-on-accent);opacity:.35;pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;animation:.65s ease-out forwards lab-spec-ripple;position:absolute}@keyframes lab-spec-ripple{to{opacity:0;transform:scale(22)}}.lab .spec-tilt-stage{perspective:700px;place-items:center;width:100%;height:220px;display:grid}.lab .spec-tilt{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;border:1px solid var(--lab-line);background:linear-gradient(145deg,color-mix(in srgb,var(--lab-accent)14%,var(--lab-ground)),var(--lab-ground));width:200px;height:200px;transform:rotateX(var(--rx))rotateY(var(--ry));transform-style:preserve-3d;transition:transform .6s var(--lab-spring);border-radius:18px;align-content:center;place-items:center;gap:14px;display:grid;position:relative}.lab .spec-tilt-stage:hover .spec-tilt{transition-duration:.12s;transition-timing-function:linear}.lab .spec-tilt-mark{width:76px;color:var(--lab-accent);filter:drop-shadow(0 14px 12px #00000059);transform:translateZ(50px)}.lab .spec-tilt-caption{font:600 14px/1 var(--lab-ui);letter-spacing:.14em;text-transform:uppercase;transform:translateZ(25px)}.lab .spec-tilt-glare{border-radius:inherit;background:radial-gradient(circle at var(--gx)var(--gy),#ffffff38,transparent 55%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.lab .spec-tilt-stage:hover .spec-tilt-glare{opacity:1}.lab .spec-odometer{color:var(--lab-text);font:600 72px/1 var(--lab-mono);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;gap:6px;padding:0;display:flex}.lab .spec-odo-wheel{background:var(--lab-ground);width:.72em;height:1.15em;box-shadow:inset 0 0 0 1px var(--lab-line);border-radius:8px;position:relative;overflow:hidden;-webkit-mask:linear-gradient(#0000,#000 22% 78%,#0000);mask:linear-gradient(#0000,#000 22% 78%,#0000)}.lab .spec-odo-strip{transition:transform .9s cubic-bezier(.65,0,.2,1.15);display:grid;position:absolute;top:0;left:0;right:0}.lab .spec-odo-strip span{text-align:center;height:1.15em;line-height:1.15em}.lab .spec-trace{justify-items:center;gap:18px;display:grid}.lab .spec-trace-svg{width:130px;overflow:visible}.lab .spec-trace-svg path{fill:var(--lab-accent);fill-opacity:0;stroke:var(--lab-accent);stroke-width:1.4px;stroke-dasharray:1;stroke-dashoffset:1px;animation:2.6s cubic-bezier(.6,0,.3,1) forwards lab-spec-draw,.8s 2.3s forwards lab-spec-fill}@keyframes lab-spec-draw{to{stroke-dashoffset:0}}@keyframes lab-spec-fill{to{fill-opacity:1}}.lab .spec-text-button{border:0;border-bottom:1px solid var(--lab-stroke);color:var(--lab-muted);font:500 15px/1 var(--lab-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;padding:6px 2px}.lab .spec-text-button:hover{border-color:var(--lab-accent);color:var(--lab-text)}.lab .spec-fling{background:radial-gradient(circle,var(--lab-line)1px,transparent 1.5px)0 0/18px 18px,var(--lab-ground);width:100%;height:210px;box-shadow:inset 0 0 0 1px var(--lab-line);border-radius:10px;position:relative;overflow:hidden}.lab .spec-puck{background:var(--lab-accent);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:0;left:0;box-shadow:0 8px 20px -6px #00000080}.lab .spec-puck:active{cursor:grabbing}.lab .spec-puck-mark{width:30px;color:var(--lab-on-accent)}.lab .spec-puck.is-hit .spec-puck-mark{animation:.28s ease-out lab-spec-squash}@keyframes lab-spec-squash{40%{transform:scale(1.25,.8)}}.lab .spec-goo{touch-action:none;width:100%;max-width:320px;height:auto}.lab .spec-goo-liquid{fill:var(--lab-accent)}.lab .spec-goo-mark{fill:var(--lab-on-accent);pointer-events:none}.lab .spec-open{border:1px solid var(--lab-stroke);width:32px;height:32px;color:var(--lab-muted);cursor:pointer;background:0 0;place-items:center;margin-left:auto;padding:0;transition:color .2s,border-color .2s;display:grid}.lab .spec-open:hover{border-color:var(--lab-accent);color:var(--lab-text)}.lab .spec-open svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:14px;height:14px}.lab .spec-view-backdrop{z-index:20;background:color-mix(in srgb,var(--lab-ground)80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);view-transition-name:lab-spec-backdrop;place-items:center;padding:clamp(12px,4vw,48px);display:grid;position:fixed;inset:0}.lab .spec-view{width:min(960px,100%);height:min(720px,100%);min-height:0}.lab .spec-view .spec-head{z-index:1;position:relative}@media (min-width:720px){.lab .spec-view .spec-demo{transform:scale(1.35)}}html:has(.lab)::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.lab .lab-study-card{border:1px solid var(--lab-stroke);background:var(--lab-field);height:100%;color:var(--lab-text);gap:8px;padding:18px 20px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:grid}.lab .lab-study-card:hover{border-color:var(--lab-accent);box-shadow:inset 0 0 0 1px var(--lab-accent)}.lab .lab-study-title{color:var(--lab-accent);font:600 22px/1.1 var(--lab-ui);text-underline-offset:3px;letter-spacing:.02em;text-decoration:underline;text-decoration-thickness:1px}.lab .lab-study-note{color:var(--lab-muted);font-size:15px;line-height:1.5}.lab .study-main{min-height:calc(100svh - var(--lab-chrome));position:relative}.lab .study-placeholder{min-height:calc(100svh - var(--lab-chrome));grid-template-rows:minmax(0,1fr) auto;display:grid}.lab .study-placeholder-canvas{width:100%;height:100%;min-height:320px;display:block}.lab .study-placeholder-note{color:var(--lab-muted);margin:0;padding:16px clamp(16px,4vw,40px) 24px;font-size:16px}.lab .study-main[data-stage=night]{background:var(--lab-ground);color:var(--lab-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:0 clamp(8px,1.6vw,20px) clamp(8px,1.6vw,20px)}.lab-foot{border-top:1px solid var(--lab-stroke);color:var(--lab-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px clamp(16px,4vw,40px) 40px;font-size:15px;display:flex}.lab-foot p{margin:0}.lab-foot a{color:var(--lab-accent);text-underline-offset:3px;text-decoration:underline}@media (max-width:640px){.lab-bar{grid-template-columns:auto minmax(0,1fr);gap:0 12px;padding-block:2px 0;display:grid}.lab-home{font-size:18px}.lab-site-link{letter-spacing:.04em;grid-area:1/2;font-size:13px}.lab-rooms{grid-column:1/-1;margin-left:-10px}.lab-stage{height:max(480px,calc(100svh - var(--lab-chrome)))}.lab-call{top:16px}.lab-stage .lab-call{top:64px}.lab-cell[data-off]{display:none}.lab-hint,.lab-modes button{font-size:14px}.lab-cell input{width:130px}}.lab .call{background:radial-gradient(ellipse 70% 50% at 50% 46%,color-mix(in srgb,var(--lab-accent)10%,transparent),transparent 70%);height:100svh;font-family:var(--lab-ui);position:relative;overflow:hidden}.lab .call-screen{position:absolute;inset:0}.lab .call .lab-canvas,.lab .drawer .lab-canvas{touch-action:none}.lab .call .lab-call{top:calc(env(safe-area-inset-top) + 72px)}.lab .call .lab-call-name{font-size:38px}.lab .call-dots{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 158px);pointer-events:none;justify-content:center;gap:6px;display:flex;position:absolute}.lab .call-dots span{background:var(--lab-muted);opacity:.45;width:6px;height:6px;transition:width .35s var(--lab-spring),opacity .3s,background-color .3s;border-radius:3px}.lab .call-dots span[data-on]{background:var(--lab-accent);opacity:1;width:20px}.lab .call-actions{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 52px);justify-content:center;gap:clamp(14px,6vw,28px);display:flex;position:absolute}.lab .call-button{color:var(--lab-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-items:center;gap:8px;padding:0;display:grid}.lab .call-button-face{border:1px solid var(--lab-stroke);background:color-mix(in srgb,var(--lab-panel)80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:62px;height:62px;transition:transform .35s var(--lab-spring),background-color .2s;border-radius:50%;place-items:center;display:grid}.lab .call-button:active .call-button-face{transform:scale(.9)}.lab .call-button[aria-pressed=true] .call-button-face{background:color-mix(in srgb,var(--lab-accent)30%,transparent);border-color:var(--lab-accent)}.lab .call-button[data-accent] .call-button-face{background:var(--lab-accent);color:var(--lab-on-accent);border-color:#0000}.lab .call-button svg{fill:currentColor;width:26px;height:26px}.lab svg [fill=none]{stroke:currentColor}.lab .call-button-label{letter-spacing:.04em;font-size:14px}.lab .call-hint{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);color:var(--lab-muted);text-align:center;pointer-events:none;margin:0;font-size:13px;position:absolute}.lab .drawer{height:100svh;font-family:var(--lab-ui);position:relative;overflow:hidden}.lab .drawer-screen{inset:0 0 var(--drawer-peek);position:absolute}.lab .drawer .lab-call{top:calc(env(safe-area-inset-top) + 72px)}.lab .drawer-scrim{z-index:4;background:color-mix(in srgb,var(--lab-text)35%,transparent);opacity:0;pointer-events:none;border:0;transition:opacity .4s;position:fixed;inset:0}.lab .drawer[data-open] .drawer-scrim{opacity:1;pointer-events:auto}.lab .drawer-sheet{z-index:5;max-width:560px;max-height:82svh;padding:0 16px calc(env(safe-area-inset-bottom) + 20px);border:1px solid var(--lab-stroke);background:color-mix(in srgb,var(--lab-panel)94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(calc(100% - var(--drawer-peek)));border-bottom:0;margin:0 auto;transition:transform .55s cubic-bezier(.32,1.25,.5,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 40px -16px #2c2d3059}.lab .drawer[data-open] .drawer-sheet{transform:none}.lab .drawer-handle{cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;width:100%;height:32px;padding:0;display:grid}.lab .drawer-handle span{background:var(--lab-muted);opacity:.6;border-radius:3px;width:40px;height:5px}.lab .drawer .lab-modes{margin-bottom:18px}.lab .drawer-body{justify-items:start;gap:14px;display:grid}.lab .drawer-body .lab-hint{text-align:left}.lab .drawer-label{color:var(--lab-muted);font:500 13px/1 var(--lab-ui);letter-spacing:.12em;text-transform:uppercase;margin:8px 0 0}.lab .drawer-row{flex-wrap:wrap;gap:8px;display:flex}.lab .drawer-pill{border:1.5px solid var(--lab-accent);color:var(--lab-accent);font:600 16px/1 var(--lab-ui);letter-spacing:.03em;cursor:pointer;background:0 0;padding:11px 18px}.lab .drawer-pill[aria-pressed=true]{background:var(--lab-accent);color:var(--lab-on-accent)}.lab .drawer-body .lab-layouts{margin-left:-10px}.lab .drawer-home{color:var(--lab-accent);text-underline-offset:3px;font-size:15px;text-decoration:underline}@media (orientation:landscape) and (max-height:500px){.lab .call .lab-call,.lab .drawer .lab-call{top:12px}.lab .call .lab-call-name,.lab .drawer .lab-call-name{font-size:24px}.lab .call-actions{top:50%;right:calc(env(safe-area-inset-right) + 16px);flex-direction:column;gap:10px;bottom:auto;left:auto;transform:translateY(-50%)}.lab .call-button-face{width:48px;height:48px}.lab .call-button svg{width:22px;height:22px}.lab .call-button-label{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lab .call-dots{bottom:calc(env(safe-area-inset-bottom) + 12px)}.lab .call-hint{display:none}}@media (prefers-reduced-motion:reduce){.lab *,.lab :before,.lab :after{transition-duration:0s!important}.lab .spec-ripple,.lab .spec-puck.is-hit .spec-puck-mark{animation:none}.lab .spec-trace-svg path{stroke-dashoffset:0;fill-opacity:1;animation:none}}.lab-note{max-width:1100px;margin:0 auto;padding:clamp(48px,10vh,100px) clamp(16px,4vw,40px) 64px}.lab-note>*{max-width:62ch}.lab-note>.lab-note-latest{max-width:none;margin-top:clamp(40px,7vh,64px)}.lab-note h1{color:var(--lab-heading);font:600 clamp(36px,6vw,56px)/1.08 var(--font-literata),Georgia,serif;letter-spacing:-.01em;margin:0 0 16px}.lab-note>p{color:var(--lab-muted);margin:0 0 16px;font-size:18px;line-height:1.6}.lab-note-links{font:500 20px/1.2 var(--lab-ui);flex-wrap:wrap;gap:0 24px;margin:16px 0 0;padding:0;list-style:none;display:flex}.lab-note-links a{min-height:44px;color:var(--lab-accent);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}