.interactive-labs{padding:88px 4.5% 0;max-width:1810px;margin:auto}.interactive-labs__intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:72px}.interactive-labs__intro h2{font-size:clamp(40px,4.5vw,70px);font-weight:400;line-height:1.05;letter-spacing:-.06em;margin:0}.interactive-labs__intro h2 em{font-family:Georgia,serif;font-weight:400}.interactive-labs__intro>p{font-size:12px;line-height:1.8;color:#74776e;margin:0 0 4px}.creative-lab{margin-bottom:72px}.creative-lab__title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:25px}.lab-number{font:9px monospace;letter-spacing:.12em;color:#777c70}.creative-lab__title h3{font-size:28px;font-weight:400;letter-spacing:-.04em;margin:12px 0 0}.creative-lab__title>p{font-size:12px;line-height:1.7;color:#74776e;margin:0}.creative-lab__workspace{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fbfaf6;display:grid;grid-template-columns:minmax(0,1fr) 265px}.type-lab__main,.glass-lab__main{min-width:0;display:flex;flex-direction:column}.lab-canvas-label{display:flex;justify-content:space-between;gap:15px;font:8px monospace;letter-spacing:.09em;color:#72786c;padding:24px 26px}.type-lab__art{display:block;width:100%;flex:1;min-height:280px;max-height:500px}.lab-controls{padding:26px 24px;border-left:1px solid var(--line);background:#f7f6f1}.lab-controls__heading{display:flex;justify-content:space-between;font-size:13px;margin-bottom:29px}.lab-controls__heading>span{color:#777e70}.lab-text-label{display:flex;flex-direction:column;gap:10px;font:9px monospace;letter-spacing:.02em;color:#686f62}.lab-text-label input,.lab-text-label select{display:block;min-width:0;width:100%;background:#fffefa;border:1px solid #d8d9d0;border-radius:3px;padding:12px 10px;color:var(--ink);font:14px Archivo,Arial,sans-serif}.lab-palettes{padding:0;margin:24px 0 27px;border:0;display:flex;justify-content:space-between;gap:4px}.lab-palettes legend{font:9px monospace;color:#686f62;margin-bottom:14px}.lab-palettes button{display:flex;flex-direction:column;align-items:center;gap:8px;font:8px monospace;color:#73796b;padding:3px}.lab-palettes i{width:31px;height:31px;border-radius:50%;box-shadow:0 0 0 3px #f7f6f1,0 0 0 4px transparent}.lab-palettes button[aria-pressed=true] i{box-shadow:0 0 0 3px #f7f6f1,0 0 0 4px #2e3934}.lab-palettes button[aria-pressed=true]{color:#17251b}.lab-range{display:flex;flex-direction:column;gap:9px;margin-bottom:23px;font:9px monospace;color:#666e60}.lab-range>span{display:flex;justify-content:space-between;gap:15px}.lab-range output{font-variant-numeric:tabular-nums;color:#89917f}.lab-range input{width:100%;height:17px;accent-color:#353d31;cursor:pointer}.lab-export{display:flex;width:100%;justify-content:space-between;align-items:center;background:#242c21;color:#f7f8f2;border-radius:3px;padding:14px 13px;font-size:11px!important;margin-top:28px}.lab-export:hover{background:#374733}.lab-controls__note{font-size:10px;line-height:1.7;color:#7a8172;margin:12px 0 0}.type-lab__transport,.glass-lab__transport{display:flex;align-items:center;gap:13px;padding:16px 24px;border-top:1px solid #e9e9e1;color:#737a6b;font:9px monospace;min-height:66px}.type-lab__transport button,.glass-lab__transport button{display:grid;place-items:center;min-width:30px;min-height:34px}.type-lab__transport label{display:flex;align-items:center;gap:15px;flex:1;font:8px monospace}.type-lab__transport input{width:100%;min-width:30px;accent-color:#58694a;height:3px}.type-lab__transport>span{white-space:nowrap}.type-lab__modes{display:flex;border-top:1px solid var(--line);background:#f5f4ef}.type-lab__modes button{flex:1;padding:18px 8px;display:flex;justify-content:center;gap:7px;font-size:10px;color:#7e8376;border-right:1px solid #e5e5dd}.type-lab__modes button:last-child{border-right:0}.type-lab__modes button>span{font:8px monospace;color:#979c90}.type-lab__modes button[aria-pressed=true]{background:#e6e9dd;color:#273023}.type-lab__modes button:hover{color:#273023}.lab-credit{display:flex;gap:5px;font:9px monospace;color:#848a7d;margin:13px 0 0;line-height:1.7}.lab-credit a{display:inline-flex;align-items:center;gap:4px;text-decoration:underline;text-underline-offset:3px}.glass-lab__viewport{position:relative;min-height:400px;flex:1;isolation:isolate}.glass-lab__canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y;cursor:grab}.glass-lab__canvas[data-dragging=true]{cursor:grabbing}.glass-lab__canvas:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.glass-lab__canvas canvas{width:100%;height:100%;display:block}.glass-lab__transport{border-top:1px solid #e9e9e1}.glass-lab__transport>span{flex:1}.glass-lab__toggle{display:flex;padding:3px;border:1px solid #d9ddd0;border-radius:4px;margin-bottom:28px}.glass-lab__toggle button{padding:10px 8px;flex:1;font-size:10px;border-radius:2px;color:#707868}.glass-lab__toggle button[aria-pressed=true]{background:#293324;color:#f9fbf4}.glass-lab__settings{border:0;padding:0;margin:0;min-width:0}.glass-lab__settings:disabled{opacity:.5}.glass-lab__fallback{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fbfaf6}.glass-lab__fallback>i{position:absolute;left:17%;top:15%;width:20%;height:65%;border-radius:90px;background:linear-gradient(130deg,#666fff,#2e2de2 55%,#171861);transform:rotate(-24deg)}.glass-lab__fallback>i:nth-child(2){left:44%;top:25%;width:35%;height:auto;aspect-ratio:1;border-radius:50%;border:45px solid #84d867;background:none;transform:none}.glass-lab__fallback>i:nth-child(3){left:82%;top:40%;width:18%;height:auto;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#b177f8,#6432d1)}.glass-lab__fallback>div{position:absolute;top:7%;right:25%;bottom:7%;left:25%;background:repeating-linear-gradient(90deg,#fff0 0,#fff0 8px,#ffffffe0,#939a9922,#fff0 14px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #d8ddd555}.glass-lab__viewport[data-state=ready] .glass-lab__fallback{display:none}.glass-lab__viewport[data-state=fallback] canvas{display:none}.glass-lab__status{position:absolute;bottom:18px;left:0;width:100%;text-align:center;font:9px monospace;color:#707b69;pointer-events:none}@media(min-width:1600px){.interactive-labs{padding-left:75px;padding-right:75px}.creative-lab__workspace{grid-template-columns:minmax(0,1fr) 300px}.glass-lab__viewport{min-height:510px}}@media(max-width:1050px){.creative-lab__workspace{grid-template-columns:minmax(0,1fr) 230px}.lab-controls{padding:22px 17px}.type-lab__modes button{flex-direction:column;align-items:center;gap:5px}.type-lab__transport{padding:14px 15px;gap:9px}.type-lab__transport label{font-size:0}.glass-lab__viewport{min-height:380px}}@media(max-width:700px){.apps-games__brand>span:last-child{display:none}.apps-games__header nav{gap:15px}.interactive-labs{padding:55px 6% 0}.interactive-labs__intro{display:block;margin-bottom:43px}.interactive-labs__intro h2{font-size:40px}.interactive-labs__intro>p{margin-top:23px}.creative-lab{margin-bottom:48px}.creative-lab__title{display:block;margin-bottom:22px}.creative-lab__title h3{font-size:26px}.creative-lab__title>p{margin-top:13px;font-size:11px}.creative-lab__title>p br{display:none}.creative-lab__workspace{grid-template-columns:1fr}.lab-canvas-label{font-size:7px;padding:20px 17px}.type-lab__art{min-height:225px}.lab-controls{border-left:0;border-top:1px solid var(--line);padding:23px}.lab-controls__heading{margin-bottom:23px}.lab-palettes{justify-content:flex-start;gap:23px}.lab-palettes i{width:36px;height:36px}.lab-palettes button{min-width:42px;min-height:54px}.type-lab__modes button{padding:13px 4px;font-size:9px;min-height:54px}.type-lab__transport button,.glass-lab__transport button{min-width:36px;min-height:40px}.type-lab__transport{padding:10px 14px;gap:8px}.lab-range input{height:24px}.lab-range{font-size:10px}.lab-export{padding:17px 14px}.glass-lab__viewport{min-height:325px}.glass-lab__transport{padding:10px 15px;gap:5px;font-size:8px}.glass-lab__toggle button{min-height:44px}.lab-credit{font-size:8px;flex-wrap:wrap}.glass-lab__fallback>i:nth-child(2){border-width:25px}.lab-controls__note{font-size:11px}}.line-lab__main{min-width:0;background:#fbfaf6;--hairline-plate:#fbfaf6;--hairline-hi:#2e3932;--hairline-edge:#697567;--hairline-mid:#9aa391;--hairline-lo:#d7dccf;--hairline-stroke:.8;color:#697567}.line-lab__main[data-theme=dark]{background:#202922;--hairline-plate:#202922;--hairline-hi:#eef2df;--hairline-edge:#a4b395;--hairline-mid:#6c7e65;--hairline-lo:#3b4b3d;color:#a4b395}.line-lab__main .lab-canvas-label{color:inherit}.line-lab__stage{position:relative;min-height:250px;display:grid;place-items:center;padding:0 20px}.line-lab__figure{width:100%;max-width:640px;aspect-ratio:5/4;touch-action:pan-y;outline-offset:-4px}.line-lab__figure>svg{display:block;width:100%;height:100%}.line-lab__figure:focus-visible{outline:2px solid var(--hairline-edge)}.line-lab__status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font:11px monospace;pointer-events:none}.line-lab__status button{pointer-events:auto;text-decoration:underline;padding:12px}.line-lab__transport{display:flex;align-items:center;gap:8px;padding:10px 24px;min-height:66px;border-top:1px solid var(--hairline-lo);font:9px monospace}.line-lab__transport>span{flex:1;line-height:1.6}.line-lab__transport button{display:grid;place-items:center;min-width:44px;min-height:44px;color:inherit}.line-lab__transport button:disabled{opacity:.4;cursor:wait}.line-lab__quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--hairline-lo)}.line-lab__quick button{padding:19px 4px;font-size:10px;color:inherit;border-right:1px solid var(--hairline-lo)}.line-lab__quick button:last-child{border-right:0}.line-lab__quick button[aria-pressed=true]{background:var(--hairline-lo);color:var(--hairline-hi)}.line-lab__hint{font-size:12px;line-height:1.8;color:#737b6d;min-height:85px;margin:20px 0 25px}.line-lab__themes{border:0;padding:0;margin:28px 0 24px}.line-lab__themes legend{font:9px monospace;color:#686f62;margin-bottom:12px}.line-lab__themes>div{display:flex;border:1px solid #d9ddd0;padding:3px;border-radius:4px}.line-lab__themes button{flex:1;padding:12px 8px;font-size:11px;color:#707868;border-radius:2px}.line-lab__themes button[aria-pressed=true]{background:#293324;color:#f9fbf4}@media(max-width:700px){.line-lab__stage{padding:0 4px;min-height:230px}.line-lab__quick{grid-template-columns:repeat(3,minmax(0,1fr))}.line-lab__quick button{min-height:44px;padding:14px 4px}.line-lab__quick button:nth-child(-n+3){border-bottom:1px solid var(--hairline-lo)}.line-lab__quick button:nth-child(3){border-right:0}.line-lab__transport{padding:10px 14px}.line-lab__hint{min-height:0;margin-bottom:23px}.line-lab__themes button{min-height:44px}}.interactive-labs__context{max-width:760px;margin:-25px 0 48px}.interactive-labs__context h3{font-size:18px;font-weight:400;letter-spacing:-.02em}.interactive-labs__context p{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0}.interactive-labs__context a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}