.mdev-stage{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;min-height:100dvh;height:100dvh;gap:0;padding:0 0 env(safe-area-inset-bottom,0);background:#0b0b0d;box-sizing:border-box}.mdev-fit{position:relative;flex:1;min-height:0;width:min(390px,100vw,calc((100dvh - env(safe-area-inset-bottom, 0px)) * 390 / 820));height:calc(min(390px, 100vw, (100dvh - env(safe-area-inset-bottom, 0px)) * 390 / 820) * 820 / 390);margin-top:auto}.mdev-device{position:absolute;left:0;top:0;width:390px;height:820px;transform:scale(calc(min(390px, 100vw, (100dvh - env(safe-area-inset-bottom, 0px)) * 390 / 820) / 390px));transform-origin:top left}.mdev-bezel,.mdev-btn,.mdev-gesture,.mdev-island,.mdev-punch,.mdev-taskbar,.mdev-winbar{position:absolute;pointer-events:none}.mdev-screen{position:absolute;z-index:1;display:flex;flex-direction:column;overflow:hidden;background:#f4f7fb;transform:translateZ(0)}.mdev-screen>*{height:100%;min-height:0;min-width:0}.mdev-bezel{z-index:0;background:#0b0b0d;box-shadow:0 22px 40px rgba(8,16,32,.35)}.mdev-btn,.mdev-gesture,.mdev-island,.mdev-punch,.mdev-taskbar,.mdev-winbar{z-index:5;display:none}.mdev-device[data-shape=iphone] .mdev-bezel{left:16px;top:4px;width:358px;height:812px;border-radius:54px}.mdev-device[data-shape=iphone] .mdev-screen{left:30px;top:16px;width:330px;height:788px;border-radius:42px}.mdev-device[data-shape=iphone] .mdev-island{display:block;left:147px;top:22px;width:96px;height:12px;border-radius:8px;background:#0b0b0d}.mdev-device[data-shape=iphone] .mdev-btn.side,.mdev-device[data-shape=iphone] .mdev-btn.vol1,.mdev-device[data-shape=iphone] .mdev-btn.vol2{display:block;background:#1a1a1c}.mdev-device[data-shape=iphone] .mdev-btn.vol1{left:2px;top:132px;width:14px;height:32px;border-radius:3px 0 0 3px}.mdev-device[data-shape=iphone] .mdev-btn.vol2{left:2px;top:176px;width:14px;height:58px;border-radius:3px 0 0 3px}.mdev-device[data-shape=iphone] .mdev-btn.side{right:2px;top:168px;width:14px;height:84px;border-radius:0 3px 3px 0}.mdev-device[data-shape=android] .mdev-bezel{left:16px;top:8px;width:358px;height:804px;border-radius:26px;background:#141414}.mdev-device[data-shape=android] .mdev-screen{left:26px;top:18px;width:338px;height:770px;border-radius:16px}.mdev-device[data-shape=android] .mdev-punch{display:block;left:187px;top:26px;width:16px;height:16px;border-radius:50%;background:#141414}.mdev-device[data-shape=android] .mdev-gesture{display:block;left:155px;bottom:18px;width:80px;height:6px;border-radius:4px;background:#4a4a4a}.mdev-device[data-shape=android] .mdev-btn.side,.mdev-device[data-shape=android] .mdev-btn.vol1{display:block;background:#2c2c2c}.mdev-device[data-shape=android] .mdev-btn.vol1{left:2px;top:150px;width:14px;height:72px;border-radius:3px 0 0 3px}.mdev-device[data-shape=android] .mdev-btn.side{right:2px;top:188px;width:14px;height:48px;border-radius:0 3px 3px 0}.mdev-device[data-shape=windows] .mdev-bezel{left:18px;top:16px;width:354px;height:788px;border-radius:6px;background:#1b1d22;box-shadow:0 0 0 3px #3c4048,0 22px 40px rgba(8,16,32,.35)}.mdev-device[data-shape=windows] .mdev-screen{left:26px;top:52px;width:338px;height:700px;border-radius:0}.mdev-device[data-shape=windows] .mdev-winbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;left:26px;top:22px;width:338px;height:28px;padding:0 10px;box-sizing:border-box}.mdev-device[data-shape=windows] .mdev-winbar:before{content:attr(data-caption);margin-right:auto;color:#e7e9ee;font:700 12px/1 Manrope,DM Sans,sans-serif;letter-spacing:.01em}.mdev-device[data-shape=windows] .mdev-winbar i{display:block;width:12px;height:12px;border:0;border-radius:0;background:transparent;position:relative}.mdev-device[data-shape=windows] .mdev-winbar i:first-child:before{content:"";position:absolute;left:1px;right:1px;bottom:1px;height:1.5px;background:#d5d8de}.mdev-device[data-shape=windows] .mdev-winbar i:nth-child(2){border:1.5px solid #d5d8de}.mdev-device[data-shape=windows] .mdev-winbar i:last-child:after,.mdev-device[data-shape=windows] .mdev-winbar i:last-child:before{content:"";position:absolute;left:1px;right:1px;top:5px;height:1.5px;background:#d5d8de}.mdev-device[data-shape=windows] .mdev-winbar i:last-child:before{transform:rotate(45deg)}.mdev-device[data-shape=windows] .mdev-winbar i:last-child:after{transform:rotate(-45deg)}.mdev-device[data-shape=windows] .mdev-taskbar{display:flex;align-items:center;gap:10px;left:26px;bottom:24px;width:338px;height:40px;padding:0 12px;background:#0c0d10;box-sizing:border-box}.mdev-device[data-shape=windows] .mdev-taskbar b{width:16px;height:16px;background:linear-gradient(#4cc2ff,#4cc2ff) 0 0 /7px 7px no-repeat,linear-gradient(#4cc2ff,#4cc2ff) 9px 0 /7px 7px no-repeat,linear-gradient(#4cc2ff,#4cc2ff) 0 9px /7px 7px no-repeat,linear-gradient(#4cc2ff,#4cc2ff) 9px 9px /7px 7px no-repeat}.mdev-device[data-shape=windows] .mdev-taskbar span{width:120px;height:8px;border-radius:4px;background:#2a2d34}@media (max-width:520px){.mdev-fit{width:100%;height:auto;flex:1 1 auto}.mdev-device{position:absolute;inset:0;width:100%;height:100%;transform:none}.mdev-device[data-shape=android] .mdev-bezel,.mdev-device[data-shape=iphone] .mdev-bezel,.mdev-device[data-shape=windows] .mdev-bezel{left:0;top:0;width:100%;height:100%}.mdev-device[data-shape=iphone] .mdev-screen{left:14px;right:14px;top:12px;bottom:12px;width:auto;height:auto}.mdev-device[data-shape=iphone] .mdev-island{left:50%;transform:translateX(-50%)}.mdev-device[data-shape=android] .mdev-screen{left:12px;right:12px;top:14px;bottom:18px;width:auto;height:auto}.mdev-device[data-shape=android] .mdev-gesture,.mdev-device[data-shape=android] .mdev-punch{left:50%;transform:translateX(-50%)}.mdev-device[data-shape=windows] .mdev-screen{left:6px;right:6px;top:32px;bottom:40px;width:auto;height:auto}.mdev-device[data-shape=windows] .mdev-winbar{left:6px;right:6px;top:8px;width:auto;height:22px;gap:6px;padding:0 8px}.mdev-device[data-shape=windows] .mdev-winbar:before{font:700 11px/1 Manrope,DM Sans,sans-serif}.mdev-device[data-shape=windows] .mdev-winbar i{width:10px;height:10px}.mdev-device[data-shape=windows] .mdev-taskbar{left:6px;right:6px;bottom:10px;width:auto;height:28px;gap:8px;padding:0 10px}.mdev-device[data-shape=windows] .mdev-taskbar b{width:14px;height:14px}}