body{align-items:center;background-color:#e6f7ff;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.mobile-frame{background-color:#fff;border:10px solid #000;border-radius:25px;box-shadow:0 6px 15px #00000040;height:500px;overflow:hidden;width:240px}.mobile-frame:before{background:#ccc;border-radius:4px;display:block;height:4px;top:-8px;width:50px}.screenshot-wrapper{height:100%;overflow-y:auto;scrollbar-color:#888 #e0e0e0;scrollbar-width:thin}.screenshot-wrapper::-webkit-scrollbar{width:6px}.screenshot-wrapper::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}.screenshot-wrapper::-webkit-scrollbar-track{background-color:#e0e0e0}.screenshot{display:block;height:auto}.controls{gap:10px;margin-top:20px}button{background-color:#007bff;border:none;border-radius:20px;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s}button:hover{background-color:#0056b3;transform:translateY(-2px)}button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed}.container{align-items:center;background:linear-gradient(135deg,#d9e7ff,#f0f8ff);flex-direction:column;font-family:Poppins,sans-serif;height:100vh;overflow-y:auto;padding:20px}.container,.screens{display:flex;justify-content:center}.screens{flex-wrap:wrap;gap:50px;max-width:1300px;width:100%}.screen{align-items:center;background:linear-gradient(145deg,#fff,#e3f2fd);border-radius:20px;box-shadow:0 6px 15px #0080ff26;display:flex;flex-direction:column;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:360px}.screen:hover{box-shadow:0 12px 25px #0080ff40;transform:translateY(-5px)}.screen h2{color:#0056b3;font-size:22px;font-weight:600;margin-bottom:15px}.mobile-frame{background-color:#000;border:10px solid #8ab6f9;border-radius:30px;box-shadow:inset 0 0 12px #0080ff4d;height:450px;overflow-y:auto;padding:5px;position:relative;width:65%}.mobile-frame:before{background:#8ab6f9;border-radius:10px;content:"";height:12px;left:50%;position:absolute;top:-5px;transform:translateX(-50%);width:90px}.screenshot{border-radius:10px;width:100%}.controls{display:flex;justify-content:space-between;margin-top:15px;width:100%}.controls button{background:linear-gradient(135deg,#6daffe,#478bf9);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 18px;transition:background .3s ease,transform .2s ease}.controls button:disabled{background:#b0b0b0;cursor:not-allowed}.controls button:hover:not(:disabled){background:linear-gradient(135deg,#478bf9,#0056b3);transform:scale(1.05)}
/*# sourceMappingURL=main.2c7d3f1b.css.map*/