body{margin:0;height:100%}.main{min-height:100vh;display:flex;flex-direction:column}.header{width:100%;height:64px;background-color:bisque}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px;margin:20px}.footer{width:100%;height:64px;align-self:flex-end;background-color:bisque}.button{display:flex;align-items:center;justify-content:center;gap:8px;height:24px;width:150px;color:#fff;border-radius:24px;padding:8px 20px;cursor:pointer}.button:hover{opacity:1;box-shadow:0 5px 10px #5e5e5e40}.buttonText{margin:0;font-size:16px;font-weight:500;text-align:center;text-decoration:none}.record-btn{background:linear-gradient(120deg,#db6262 0%,#d44d4d 100%)}.record-btn:hover{background:linear-gradient(120.95deg,#d44d4d 0%,#b33838 100%)}.record-btn-disable{background:#8d8d8d}.record-btn-disable:hover{background:#8d8d8d;box-shadow:none}#preview-video{width:640px;height:360px}