/* Fifth item in the original Nav. Existing tab geometry, colors and gestures stay native. */
nav.framer-t5xy6.framer-1tpify1{--labs-tab-height:min(120px,calc((100vh - 40px)/5 + 16px));--labs-tab-step:calc(var(--labs-tab-height) - 20px);height:calc(var(--labs-tab-height) + 4 * var(--labs-tab-step))}
nav.framer-t5xy6 .framer-910v4q-container{top:var(--labs-tab-step)}
nav.framer-t5xy6 .framer-18eul5q-container{top:calc(2 * var(--labs-tab-step))}
.framer-t5xy6 .framer-labs-tab-container{position:absolute;left:0;top:calc(3 * var(--labs-tab-step));width:auto;height:auto;z-index:1}
nav.framer-t5xy6 .framer-rcbkvw-container{top:calc(4 * var(--labs-tab-step))}
.framer-t5xy6 .framer-11x8pus-container>div{height:var(--labs-tab-height)!important}
/* The original stacking rule extended to five: preceding/current tabs share
   the top layer; following tabs descend. The current tab paints last on top. */
nav.framer-t5xy6>.framer-19jvc6f-container{z-index:4!important}
nav.framer-t5xy6>.framer-910v4q-container{z-index:3!important}
nav.framer-t5xy6>.framer-18eul5q-container{z-index:2!important}
nav.framer-t5xy6>.framer-labs-tab-container{z-index:1!important}
nav.framer-t5xy6>.framer-rcbkvw-container{z-index:0!important}
nav.framer-t5xy6:is([data-framer-name$="Works"],[data-framer-name$="Playground"],[data-framer-name$="Labs"],[data-framer-name$="Contact"])>.framer-910v4q-container{z-index:4!important}
nav.framer-t5xy6:is([data-framer-name$="Playground"],[data-framer-name$="Labs"],[data-framer-name$="Contact"])>.framer-18eul5q-container{z-index:4!important}
nav.framer-t5xy6:is([data-framer-name$="Labs"],[data-framer-name$="Contact"])>.framer-labs-tab-container{z-index:4!important}
nav.framer-t5xy6[data-framer-name$="Contact"]>.framer-rcbkvw-container{z-index:4!important}
.framer-t5xy6 a[href="/labs"]:focus-visible{outline-color:var(--token-53fcf8a5-4120-49b2-a2dc-a029e4bfc3f4)!important}
@media(max-width:1199.98px){
  .framer-h9I2L .framer-1b36sle-container{width:100%;max-width:445px}
  /* Original absolute folder tabs with a shared overlap, scaled to available width.
     Slot fractions reserve more space for PLAYGROUND, without shrinking its label. */
  nav.framer-t5xy6.framer-1tpify1{width:100%!important;height:24px!important;--labs-tab-height:24px;--labs-overlap:clamp(10px,2vw,20px)}
  nav.framer-t5xy6.framer-1tpify1>div{position:absolute!important;left:auto!important;top:0!important;height:24px;width:calc((100% - var(--labs-overlap)) * var(--labs-slot) + var(--labs-overlap));right:calc((100% - var(--labs-overlap)) * var(--labs-offset))!important}
  .framer-t5xy6>.framer-19jvc6f-container{--labs-slot:.17;--labs-offset:0}
  .framer-t5xy6>.framer-910v4q-container{--labs-slot:.18;--labs-offset:.17}
  .framer-t5xy6>.framer-18eul5q-container{--labs-slot:.28;--labs-offset:.35}
  .framer-t5xy6>.framer-labs-tab-container{--labs-slot:.14;--labs-offset:.63}
  .framer-t5xy6>.framer-rcbkvw-container{--labs-slot:.23;--labs-offset:.77}
  .framer-t5xy6 .framer-OcARS,.framer-t5xy6 .framer-11x8pus-container,.framer-t5xy6 .framer-11x8pus-container>div{width:100%!important}
}
/* Native folder dimensions, spacers, padding and breakpoints from Playground's page shell. */
.wolii-labs-page{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;height:min-content;overflow:clip}
.wolii-labs-page .framer-1lxdbo{display:flex;flex:none;align-items:center;justify-content:center;position:relative;width:100%;height:100vh;padding:20px 0;z-index:2}
.wolii-labs-page .framer-w62fsk{display:flex;flex:1 0 0;align-items:center;justify-content:center;position:relative;width:1px;height:100%;overflow:clip}
.wolii-labs-page .framer-lovgwg,.wolii-labs-page .framer-1kp2wzo{flex:none;width:24%;height:100%}
.wolii-labs-page .framer-inwgaa{display:flex;flex:1 0 0;position:relative;width:1px;height:100%;overflow:clip}
.wolii-labs-page .framer-g2o0kh{display:flex;flex:1 0 0;flex-direction:column;position:relative;width:1px;height:100%;min-width:0;padding:10px;overflow:hidden;background:var(--token-53165a5d-af87-4048-87a6-07489b14951e);color:var(--token-53fcf8a5-4120-49b2-a2dc-a029e4bfc3f4)}
.wolii-labs-page .framer-1yp8vff{flex:none;min-height:17%;padding:0 0 10px;position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wolii-labs-page h1{margin:0;font-size:64px;line-height:1;letter-spacing:-.06em;animation:wolii-reveal 1.3s ease-out both}
.labs-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));align-content:start;gap:12px;width:100%;min-height:0;margin:0;padding:16px 8px 28px;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;box-sizing:border-box}
.labs-view-slot{display:contents}
.labs-view-controls{display:flex;align-items:center;gap:20px;padding:8px 0;flex:none}
.wolii-labs-page .labs-view-controls button{appearance:none;position:relative;border:0;border-radius:0;background:transparent;color:inherit;padding:0;font:500 12px/1.3 Tomkin,sans-serif!important;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:background .18s,color .18s}
.labs-view-controls button::after{content:'';position:absolute;inset:-14px -8px}
.wolii-labs-page .labs-view-controls button[aria-pressed="true"]{background:var(--token-53fcf8a5-4120-49b2-a2dc-a029e4bfc3f4);color:var(--token-53165a5d-af87-4048-87a6-07489b14951e)}
.labs-view-controls button:focus-visible{outline-offset:4px!important}
@media(hover:hover){.wolii-labs-page .labs-view-controls button:hover{background:var(--token-53fcf8a5-4120-49b2-a2dc-a029e4bfc3f4);color:var(--token-53165a5d-af87-4048-87a6-07489b14951e)}}
/* Same geometry as Contact's wrt13y and 16hxdks decorative component slots. */
.labs-background-word{position:absolute;bottom:0;left:0;right:40px;height:147px;flex:none;user-select:none;pointer-events:none;z-index:0}
.labs-background-grid{position:absolute;inset:0;flex:none;pointer-events:none;z-index:0}
.labs-grid li{min-width:0}
.labs-app{display:flex;flex-direction:column;align-items:flex-start;gap:22px;height:100%;min-height:220px;margin:0;padding:22px 18px;text-align:left;text-decoration:none;color:inherit;border:1px solid rgb(255 255 255 / .18);border-radius:4px;box-sizing:border-box;transition:border-color .2s,background .2s}
.labs-app-copy{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}
@media(hover:hover){.labs-app:hover{background:rgb(255 255 255 / .035);border-color:rgb(255 255 255 / .45)}}
.labs-app-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;transition:transform .3s ease-out}
.labs-app-icon img{width:100%;height:100%;object-fit:contain}
.labs-app-icon img.labs-icon-monochrome{filter:invert(1)}
.wolii-labs-page .labs-app-name{font-family:Alte,sans-serif!important;font-weight:700!important;font-size:26px;line-height:1;letter-spacing:-.03em;text-transform:lowercase;overflow-wrap:anywhere}
.labs-app-description{font-size:13px;line-height:1.45;opacity:.7;overflow-wrap:anywhere}
.wolii-labs-page [data-labs-view="list"] .labs-grid{grid-template-columns:minmax(0,1fr);gap:0}
.wolii-labs-page [data-labs-view="list"] .labs-app{flex-direction:row;align-items:center;gap:22px;min-height:116px;height:auto;padding:20px 12px;border:0;border-bottom:1px solid rgb(255 255 255 / .18);border-radius:0}
.wolii-labs-page [data-labs-view="list"] .labs-app-icon{width:52px;height:52px;flex:none}
.wolii-labs-page [data-labs-view="list"] .labs-app-copy{gap:6px}
.labs-app-status{font-size:10px;line-height:1.2;letter-spacing:.08em;opacity:.65}
.labs-app[aria-disabled="true"]{opacity:.75}
.labs-app:focus-visible{outline:2px solid var(--token-53fcf8a5-4120-49b2-a2dc-a029e4bfc3f4)!important;outline-offset:-2px}
.labs-app[data-app="qr-lab"]{--labs-hover:translateY(-3px) scale(1.04)}
.labs-app[data-app="creator-lab"]{--labs-hover:translateY(-3px) rotate(3deg) scale(1.04)}
@media(hover:hover){.labs-app:hover .labs-app-icon{transform:var(--labs-hover,translateY(-3px) rotate(-4deg) scale(1.06))}}
.labs-app:focus-visible .labs-app-icon{transform:var(--labs-hover,translateY(-3px) rotate(-4deg) scale(1.06))}
@media(min-width:810px) and (max-width:1199.98px){.wolii-labs-page .framer-1lxdbo{padding:44px 100px 20px}}
@media(max-width:1199.98px){.wolii-labs-page .framer-lovgwg,.wolii-labs-page .framer-1kp2wzo{display:none}.wolii-labs-page .framer-inwgaa{border-radius:4px}.wolii-labs-page .framer-g2o0kh{padding:20px 10px 10px}}
@media(max-width:809.98px){.wolii-labs-page .framer-1lxdbo{flex-direction:column;padding:34px 10px 10px}.wolii-labs-page .framer-w62fsk{width:100%;height:1px}.wolii-labs-page .framer-1yp8vff{min-height:15%}.wolii-labs-page h1{font-size:clamp(30px,8vw,56px)}.labs-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:10px;padding:12px 2px 24px}.labs-app{padding:18px 12px;gap:20px;min-height:218px}.labs-app-icon{width:64px;height:64px;flex:none}.wolii-labs-page .labs-app-name{font-size:23px}.labs-app-description{font-size:12px}.wolii-labs-page [data-labs-view="list"] .labs-app{gap:16px;padding:18px 4px}.labs-view-controls{padding-top:4px}}
@media(prefers-reduced-motion:reduce){.wolii-labs-page h1{animation:none}.labs-app-icon,.labs-app,.wolii-labs-page .labs-view-controls button{transition:none}.labs-app:hover .labs-app-icon,.labs-app:focus-visible .labs-app-icon{transform:none}}