/* A contained, local-only tab playground below the product film. */
.home-film :is(.build18-controls,.build18-progress,.capture-note){display:none}
.tab-playground{padding:20px 0 36px;scroll-margin-top:90px}
.tab-playground .section-heading{margin-bottom:30px}
.tab-playground .section-heading h2{font-size:clamp(34px,4.5vw,54px)}
.tab-lab{position:relative;height:700px;isolation:isolate;overflow:hidden;border-radius:25px;background:radial-gradient(ellipse at 80% 65%,#dce8fa88,transparent 65%),linear-gradient(130deg,#f0eff6,#efebf6);touch-action:pan-y}
.lab-source{position:absolute;left:28px;top:28px;width:260px;border-radius:18px;transition:box-shadow .2s}
.lab-source.is-drop{box-shadow:0 0 0 3px #b3a1d733}
.lab-source>img{width:100%;display:block;border-radius:14px;pointer-events:none;user-select:none}
.lab-tabs{position:absolute;inset:0;pointer-events:none}
.lab-tabs button{position:absolute;top:32.56%;height:3.53%;width:22.62%;padding:0;border:1px solid #a38abe80;border-radius:10px;background:transparent;box-shadow:0 0 12px #a38abe38;cursor:grab;touch-action:none;pointer-events:auto;user-select:none;transition:box-shadow .3s,border-color .3s,background .3s}
.lab-tabs [data-lab-tab="Home"],.lab-tabs [data-lab-tab="RAM"]{left:2.98%}
.lab-tabs [data-lab-tab="Apps"],.lab-tabs [data-lab-tab="Disk"]{left:26.79%}
.lab-tabs [data-lab-tab="CPU"],.lab-tabs [data-lab-tab="Network"]{left:50.6%}
.lab-tabs [data-lab-tab="GPU"],.lab-tabs [data-lab-tab="BT"]{left:74.4%}
.lab-tabs :is([data-lab-tab="RAM"],[data-lab-tab="Disk"],[data-lab-tab="Network"],[data-lab-tab="BT"]){top:36.52%}
.lab-tabs button:hover{background:#ffffff25;box-shadow:0 0 0 2px #a38abe35,0 0 16px #a38abe45}
.lab-tabs button:active{cursor:grabbing}
.lab-tabs button[aria-pressed=true]{background:#e8e1f15c}
.lab-pull-cue{position:absolute;left:calc(100% + 12px);top:31%;font-size:27px;color:#a397b4;line-height:1;pointer-events:none;transition:opacity .35s;animation:lab-invite 2.8s ease-in-out 3}
.tab-lab.is-discovered .lab-tabs button:not(:hover){border-color:transparent;box-shadow:none}
.tab-lab.is-discovered .lab-pull-cue{opacity:0;animation:none}
.lab-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes lab-invite{0%,100%{transform:translate(0,0);opacity:.55}50%{transform:translate(5px,-4px);opacity:1}}
.lab-hint{position:absolute;left:43%;top:34%;font-size:clamp(25px,3vw,38px);line-height:1.12;letter-spacing:-1.3px;color:#82738f;pointer-events:none;transition:opacity .2s}
.lab-hint span{color:#b2a3c2}.tab-lab.has-windows .lab-hint{opacity:0}
.lab-window{--lab-width:260px;position:absolute;width:var(--lab-width);height:calc(var(--lab-width)*996/672);border-radius:calc(var(--lab-width)*20/336);overflow:hidden;box-shadow:0 0 0 1px #68708050,0 8px 17px #43405226;transition:height .26s cubic-bezier(.2,.7,.3,1);outline:none}
.lab-window.is-collapsed{height:calc(var(--lab-width)*var(--lab-collapsed-ratio))}
.lab-window img{position:absolute;top:0;left:0;width:100%;height:auto;pointer-events:none;user-select:none;transition:opacity .1s}
.lab-window .lab-folded{opacity:0}.lab-window.is-collapsed .lab-expanded{opacity:0}.lab-window.is-collapsed .lab-folded{opacity:1}
.lab-window button{position:absolute;top:0;height:calc(var(--lab-width)*34/336);border:0;background:transparent;color:transparent;cursor:pointer;padding:0;border-radius:8px;touch-action:none}
.lab-window button:hover{background:#ffffff2e}
.lab-window .lab-handle{left:0;width:64%;height:calc(var(--lab-width)*34/336);cursor:grab}
.lab-window .lab-handle:active{cursor:grabbing}
.lab-window .lab-fold{left:65.48%;width:5.95%}.lab-window .lab-dock{left:82.14%;width:5.95%}.lab-window .lab-close{left:90.48%;width:5.95%}
.lab-window.is-dragging{transition:none;box-shadow:0 19px 28px #51426424}
.tab-playground :focus-visible{outline:2px solid #a38abe;outline-offset:3px}
.lab-window button:focus-visible{outline-offset:-2px}
.lab-reset{position:absolute;right:22px;bottom:16px;z-index:1001;border:0;background:none;color:#8f809f;font:inherit;font-size:10px;cursor:pointer;padding:6px 8px;border-radius:8px}
.lab-reset:hover{background:#ffffff50}
.lab-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:750px){.tab-playground{padding-top:10px}.tab-lab{height:980px;border-radius:22px}.lab-source{left:50%;transform:translateX(-50%);top:20px;width:220px}.lab-hint{left:10%;top:66%;font-size:32px}.lab-window{--lab-width:min(232px,calc(100vw - 64px))}.lab-reset{right:14px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.tab-playground *{transition:none!important;animation:none!important}}
.hidden-motion .tab-playground *{transition:none!important;animation:none!important}