.laptop{position:relative;display:block}.laptop--photo{position:relative;overflow:visible}.laptop__photoStage{position:relative}.laptop__frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.laptop__uiPlane{position:absolute;top:0;left:0;z-index:5;overflow:hidden;background:#000}.laptop__fill{width:100%;height:100%;object-fit:contain;display:block}.laptop__content{background:#0a0a0a;color:#fff}.laptop__glassReflection{position:absolute;top:0;left:0;width:100%;height:100%;z-index:15;pointer-events:none}.laptop__editor{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;pointer-events:none}.laptop__editorGuide{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.laptop__handle{position:absolute;width:16px;height:16px;background:#fff;border:2px solid #007aff;border-radius:50%;cursor:move;pointer-events:auto;box-shadow:0 2px 4px #00000080}.laptop--css{display:flex;flex-direction:column;align-items:center;will-change:transform}.laptop__lid{position:relative;width:100%;height:auto;background:#0b1c16;border-radius:calc(32px * var(--scale, 1)) calc(32px * var(--scale, 1)) 0 0;padding:calc(3px * var(--scale, 1));padding-bottom:0;box-sizing:border-box;z-index:2;box-shadow:inset 0 calc(2px * var(--scale, 1)) calc(3px * var(--scale, 1)) #10b98166,inset 0 0 calc(1px * var(--scale, 1)) #000c}.laptop__bezel{position:relative;width:100%;height:auto;background:#050505;border-radius:calc(29px * var(--scale, 1)) calc(29px * var(--scale, 1)) 0 0;padding:calc(24px * var(--scale, 1)) calc(24px * var(--scale, 1)) calc(36px * var(--scale, 1)) calc(24px * var(--scale, 1));box-sizing:border-box;overflow:hidden;box-shadow:inset 0 0 0 calc(1px * var(--scale, 1)) #1a1a1a}.laptop__camera{position:absolute;top:calc(10px * var(--scale, 1));left:50%;transform:translate(-50%);width:calc(6px * var(--scale, 1));height:calc(6px * var(--scale, 1));background:#111;border-radius:50%;z-index:10;box-shadow:inset 0 0 calc(2px * var(--scale, 1)) #000,inset 0 calc(1px * var(--scale, 1)) 0 #fff3}.laptop__camera:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(2px * var(--scale, 1));height:calc(2px * var(--scale, 1));background:#1b497b;border-radius:50%}.laptop__camera:after{content:"";position:absolute;top:50%;right:calc(-8px * var(--scale, 1));transform:translateY(-50%);width:calc(3px * var(--scale, 1));height:calc(3px * var(--scale, 1));background:#10b981;border-radius:50%;box-shadow:0 0 calc(4px * var(--scale, 1)) #10b98199}.laptop__display{position:relative;width:100%;height:auto;aspect-ratio:16 / 9;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(4px * var(--scale, 1));box-shadow:0 0 0 calc(1px * var(--scale, 1)) #ffffff0d}.laptop__glare{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(115deg,#ffffff0d,#ffffff05 45%,#fff0 45.1%,#fff0);pointer-events:none;z-index:20}.laptop__deck{position:relative;width:calc(100% + calc(60px * var(--scale, 1)));height:calc(18px * var(--scale, 1));background:linear-gradient(to bottom,#152e24,#0b1c16 20%,#030a08);border-radius:0 0 calc(20px * var(--scale, 1)) calc(20px * var(--scale, 1));z-index:1;display:flex;justify-content:center;margin-top:calc(-1px * var(--scale, 1));box-shadow:inset 0 calc(1px * var(--scale, 1)) 0 #10b9814d,inset 0 calc(3px * var(--scale, 1)) calc(3px * var(--scale, 1)) #10b9811a,inset 0 calc(-2px * var(--scale, 1)) calc(2px * var(--scale, 1)) #000c}.laptop__lip{width:calc(130px * var(--scale, 1));height:calc(7px * var(--scale, 1));background:linear-gradient(to bottom,#091711,#020604);border-radius:0 0 calc(8px * var(--scale, 1)) calc(8px * var(--scale, 1));box-shadow:inset 0 calc(1px * var(--scale, 1)) calc(3px * var(--scale, 1)) #000c,0 calc(1px * var(--scale, 1)) 0 #10b98133}.laptop__shadow{position:absolute;bottom:calc(-25px * var(--scale, 1));left:50%;transform:translate(-50%);width:calc(100% + calc(60px * var(--scale, 1)));height:calc(40px * var(--scale, 1));background:radial-gradient(ellipse at center,#10b98126,#0009 40%,#0000 70%);z-index:0;pointer-events:none}