.page-module__F4wCyG__main{max-width:100%;margin:0 auto;padding-top:.875rem;position:relative}.page-module__F4wCyG__pageTitle{text-align:center;margin:0 0 .875rem;font-size:1.5rem}.page-module__F4wCyG__controls{flex-wrap:wrap;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.page-module__F4wCyG__urlInput{border:1px solid #d9d9d9;border-radius:6px;outline:none;flex:1;min-width:300px;padding:.5rem 1rem;font-size:14px;transition:border-color .3s}.page-module__F4wCyG__urlInput:focus{border-color:#1890ff;width:100%;box-shadow:0 0 0 2px #1890ff33}.page-module__F4wCyG__loading{text-align:center;color:#666;padding:1rem;font-size:14px}.page-module__F4wCyG__iframeWrapper{border:1px solid #eee;border-radius:8px;width:100%;position:relative;overflow:hidden}.page-module__F4wCyG__iframe{border:none;width:100%;height:600px;display:block}.page-module__F4wCyG__apiContainer{background:#fff;border-radius:1rem;width:100%;max-width:1200px;margin:0 auto 2rem;padding:1rem;box-shadow:0 0 10px #0000000d}.page-module__F4wCyG__description{color:#666;margin-bottom:1rem;font-size:14px;line-height:1.5}.page-module__F4wCyG__error{color:#cf1322;background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;margin:1rem 0;padding:1rem}.page-module__F4wCyG__error p{margin:0;font-size:14px}.page-module__F4wCyG__contentDisplay{border:1px solid #eee;border-radius:8px;margin-top:1rem;overflow:hidden}.page-module__F4wCyG__contentDisplay h4{color:#333;background:#f5f5f5;border-bottom:1px solid #eee;margin:0;padding:1rem;font-size:16px}.page-module__F4wCyG__contentPreview{background:#fafafa;max-height:400px;padding:1rem;font-size:14px;line-height:1.6;overflow-y:auto}.page-module__F4wCyG__contentPreview::-webkit-scrollbar{width:6px}.page-module__F4wCyG__contentPreview::-webkit-scrollbar-track{background:#f1f1f1}.page-module__F4wCyG__contentPreview::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.page-module__F4wCyG__contentPreview::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.page-module__F4wCyG__editor__container_wrap{grid-gap:.875rem;flex-direction:column;gap:.875rem;max-width:1800px;margin:0 auto;padding:0 1rem 1.25rem;display:flex}.page-module__F4wCyG__editor__container{background-color:#fff;border-radius:1rem;grid-template-rows:auto auto;grid-template-columns:70% 30%;width:100%;margin:0 auto;display:grid;box-shadow:0 0 10px #0000000d}.page-module__F4wCyG__editor__container_top{grid-gap:1rem;border-bottom:1px solid #eee;grid-column:1/span 2;align-items:center;gap:1rem;padding:1rem;display:flex}.page-module__F4wCyG__editor__container_left,.page-module__F4wCyG__editor__container_right{min-height:calc(100vh - 300px);max-height:calc(100vh - 300px)}.page-module__F4wCyG__editor__container_left{border-right:1px solid #eee;position:relative}.page-module__F4wCyG__editor__container_bottom{border-top:1px solid #eee;grid-column:1/span 2;grid-template-rows:auto auto;grid-template-columns:30% 40% 30%;display:grid}.page-module__F4wCyG__editor__container_bottom_center,.page-module__F4wCyG__editor__container_bottom_left,.page-module__F4wCyG__editor__container_bottom_right{grid-gap:.5rem;align-items:center;gap:.5rem;padding:1rem;display:flex}.page-module__F4wCyG__editor__container_right__content{height:100%;font-family:ugFont;overflow-y:auto}@media (max-width:768px){.page-module__F4wCyG__pageTitle{margin:0 0 .5rem;padding:0 .5rem;font-size:1.25rem}.page-module__F4wCyG__main{padding-top:.5rem;padding-left:.5rem;padding-right:.5rem}.page-module__F4wCyG__editor__container_wrap{gap:.5rem;width:100%;padding:0 .5rem .75rem}.page-module__F4wCyG__editor__container{border-radius:.5rem;flex-direction:column;grid-template-rows:none;grid-template-columns:none;display:flex}.page-module__F4wCyG__editor__container_top{grid-column:unset;flex-wrap:wrap;gap:.5rem;padding:.75rem}.page-module__F4wCyG__editor__container_left,.page-module__F4wCyG__editor__container_right{width:100%;min-height:50vh;max-height:50vh}.page-module__F4wCyG__editor__container_left{border-bottom:1px solid #eee;border-right:none;order:1}.page-module__F4wCyG__editor__container_right{order:2}.page-module__F4wCyG__editor__container_bottom{grid-column:unset;flex-direction:column;order:3;grid-template-rows:none;grid-template-columns:none;display:flex}.page-module__F4wCyG__editor__container_bottom_left,.page-module__F4wCyG__editor__container_bottom_center,.page-module__F4wCyG__editor__container_bottom_right{flex-wrap:wrap;justify-content:center;padding:.75rem}.page-module__F4wCyG__editor__container_bottom_left{order:1}.page-module__F4wCyG__editor__container_bottom_center{order:2}.page-module__F4wCyG__editor__container_bottom_right{order:3}.page-module__F4wCyG__editor__container_bottom_left button{flex:1;min-width:120px;margin:.25rem}.page-module__F4wCyG__editor__container_right .page-module__F4wCyG__ant-card{border-radius:0;height:100%}.page-module__F4wCyG__editor__container_right .page-module__F4wCyG__ant-card-body{padding:.75rem}.page-module__F4wCyG__editor__container_right .page-module__F4wCyG__ant-collapse{font-size:14px}.page-module__F4wCyG__editor__container_right .page-module__F4wCyG__ant-collapse-item{margin-bottom:.5rem}.page-module__F4wCyG__editor__container_right .page-module__F4wCyG__ant-empty{padding:2rem 1rem}.page-module__F4wCyG__editor__container_right__content{height:368px;overflow-y:auto}}@media (max-width:480px){.page-module__F4wCyG__pageTitle{margin:0 0 .375rem;font-size:1.1rem}.page-module__F4wCyG__main{padding-top:.375rem;padding-left:.25rem;padding-right:.25rem}.page-module__F4wCyG__editor__container_wrap{gap:.375rem;padding:0 .25rem .5rem}.page-module__F4wCyG__editor__container_top{padding:.5rem}.page-module__F4wCyG__editor__container_left,.page-module__F4wCyG__editor__container_right{min-height:45vh;max-height:45vh}.page-module__F4wCyG__editor__container_bottom_left,.page-module__F4wCyG__editor__container_bottom_center,.page-module__F4wCyG__editor__container_bottom_right{padding:.5rem}.page-module__F4wCyG__editor__container_bottom_left button{min-width:100px;padding:.375rem .75rem;font-size:14px}.page-module__F4wCyG__editor__container_right .page-module__F4wCyG__ant-card-body{padding:.5rem}.page-module__F4wCyG__editor__container_right .page-module__F4wCyG__ant-collapse{font-size:13px}.page-module__F4wCyG__editor__container_right__content{height:368px;overflow-y:auto}}@media (max-width:360px){.page-module__F4wCyG__pageTitle{font-size:1rem}.page-module__F4wCyG__editor__container_left,.page-module__F4wCyG__editor__container_right{min-height:40vh;max-height:40vh}.page-module__F4wCyG__editor__container_bottom_left button{min-width:80px;padding:.25rem .5rem;font-size:13px}.page-module__F4wCyG__editor__container_right__content{height:368px;overflow-y:auto}}