body{margin:0;padding:0;color:#ffffffde;background-color:#fff}#app{width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}#app h2,#app p{position:absolute;top:20px;width:100%;text-align:center;font-size:1.5rem;color:#2c2c2ce6;z-index:10;margin:0;padding:0}#name-picker-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}#name-picker{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;text-align:center}#name-picker h2{margin-bottom:10px;font-size:1.5rem;color:#2c2c2c}#name-picker input{width:80%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem}#name-picker button{padding:10px 20px;font-size:1rem;color:#fff;background-color:#6200ea;border:none;border-radius:5px;cursor:pointer;transition:background .3s}#name-picker button:hover{background-color:#3700b3}.design-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;z-index:100;background:#fff;border:1px solid #ccc;border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;user-select:none}.left-arrow{left:24px}.right-arrow{right:24px}.select-button{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:2rem;z-index:100;background:#fff;border:1px solid #ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;user-select:none}.select-button:hover{background:#add8e6}