.lgs-wrap{z-index:0;border-top:1px solid var(--line);background:#050506;height:clamp(640px,70vw,880px);position:sticky;top:0;overflow:hidden}.lgs-edge{z-index:5;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 30px 60px -26px #000000f2,inset 0 -24px 55px -28px #000000d9,inset 0 0 110px -24px #0009}.lgs-src{opacity:0;pointer-events:none;width:2px;height:2px;position:absolute}.lgs-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.lgs-center{z-index:2;pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.lgs-panel{pointer-events:auto;flex-direction:column;align-items:stretch;gap:16px;width:min(1120px,92vw);max-width:100%;display:flex}.lgs-demo{border:1px solid var(--line-strong);background:#151617;background:lab(7.21717% -.141211 -1.07357);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 40px 90px -44px #000000eb}.lgs-demo-body{aspect-ratio:2000/1187;background:var(--bg-0);position:relative;overflow:hidden}.lgs-demo-img{object-fit:contain;opacity:0;transition:opacity .6s}.lgs-demo-img.is-active{opacity:1}.lgs-controls{align-items:center;gap:12px;display:flex}.lgs-nav{cursor:pointer;color:var(--fg-2);font-family:var(--fs-body);opacity:.75;background:0 0;border:none;flex:none;padding:2px 6px;font-size:17px;line-height:1;transition:opacity .15s,color .15s}.lgs-nav:hover{opacity:1;color:var(--fg-1)}.lgs-bars{flex:1;gap:6px;display:flex}.lgs-bar{cursor:pointer;background:0 0;border:none;flex:1;padding:8px 0;display:block}.lgs-bar-track{background:#ffffff52;border-radius:1.5px;height:3px;display:block;overflow:hidden}.lgs-bar:hover .lgs-bar-track{background:#ffffff73}.lgs-bar-fill{transform-origin:0;background:#fffffff5;height:100%;display:block;transform:scaleX(0)}.lgs-bar-fill.is-done{transform:scaleX(1)}.lgs-bar-fill.is-active{animation:linear forwards lgs-fill}@keyframes lgs-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lgs-demo-title{font-family:var(--fs-display);letter-spacing:-.01em;color:var(--fg-0);text-align:center;margin:0;font-size:15px;font-weight:500}@media (prefers-reduced-motion:reduce){.lgs-bar-fill.is-active{animation:none;transform:scaleX(1)}.lgs-demo,.lgs-demo-title{animation:none}.lgs-demo-img{transition:none}}