.create-page{width:100%;height:100vh;display:flex;overflow:hidden}.left-panel{background:#fff;border-right:1px solid #ddd;width:60%;height:100vh;padding:16px;overflow-y:auto}.preview-panel{background:0 0;justify-content:flex-start;align-items:flex-start;width:40%;height:100vh;display:flex;overflow:hidden}.preview-scale{transform-origin:0 0;transform:scale(.68)}.preview-scale>*{width:794px;height:1223px;margin:0}@media (max-width:768px){.create-page{flex-direction:column;height:auto;overflow-x:hidden}.left-panel{border-right:none;width:100%;height:auto;padding:12px}.left-panel .card{width:100%}.preview-panel{border-top:1px solid #eee;justify-content:center;width:100%;height:623px;padding:12px 0}.preview-scale>*{width:696px;height:1123px;margin:0 auto}.preview-scale{transform-origin:top;transform:scale(.52)}}@media (max-width:430px){.preview-scale{transform:scale(.48)}}@media (max-width:390px){.preview-scale{transform:scale(.52)}}@media (max-width:360px){.preview-scale{transform:scale(.48)}}