.beautify-page{background:#f5f5f5;min-height:100vh;padding:24px}.beautify-page .main-card{border-radius:8px;max-width:1200px;margin:0 auto;box-shadow:0 2px 8px #00000014}.beautify-page .main-card .page-title{text-align:center;margin-bottom:12px;font-weight:600}.beautify-page .main-card .page-title .anticon{margin-right:8px}.beautify-page .main-card .page-description{text-align:center;margin-bottom:32px}.beautify-page .input-card,.beautify-page .preview-card{border-radius:8px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.beautify-page .input-card:hover,.beautify-page .preview-card:hover{box-shadow:0 4px 12px #00000026}.beautify-page .input-card .ant-card-head,.beautify-page .preview-card .ant-card-head{background:#fafafa;border-bottom:1px solid #f0f0f0;padding:16px 24px}.beautify-page .input-card .ant-card-head .ant-card-head-title,.beautify-page .preview-card .ant-card-head .ant-card-head-title{font-size:16px;font-weight:600}.beautify-page .input-card .code-textarea,.beautify-page .preview-card .code-textarea{resize:none;background:#fafafa;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.6}.beautify-page .input-card .code-textarea:hover,.beautify-page .preview-card .code-textarea:hover{border-color:#40a9ff}.beautify-page .input-card .code-textarea:focus,.beautify-page .preview-card .code-textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.beautify-page .button-container{justify-content:center;margin:24px 0;display:flex}.beautify-page .button-container .beautify-button{min-width:140px;height:40px}.beautify-page .button-container .beautify-button:hover{transition:all .3s;transform:translateY(-1px)}@media (max-width:768px){.beautify-page{padding:16px}.beautify-page .main-card .page-title{font-size:20px}}