.proto-image[data-v-14af0af0]{background-color:grey;width:100%;height:150px}.layout-image[data-v-14af0af0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.layout-title[data-v-14af0af0]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 20px 20px 0}.layout-title span[data-v-14af0af0]{font-size:22px;font-weight:600;word-break:break-all}.editor[data-v-14af0af0]{max-width:100%;width:90%;min-width:280px;height:55vh}.output[data-v-14af0af0]{max-width:100%;width:90%;min-width:280px;height:70vh;margin:0;border:1px solid #ccc;overflow-y:auto;resize:vertical;background:#fff;border-radius:8px}.input-layout[data-v-14af0af0],.output-layout[data-v-14af0af0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.input-layout[data-v-14af0af0]{height:75vh}.input-title-layout[data-v-14af0af0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:960px){.editor[data-v-14af0af0]{width:95%;height:45vh}.output[data-v-14af0af0]{width:95%;height:50vh}}@media (max-width:600px){.editor[data-v-14af0af0]{width:98%;min-width:250px;height:40vh}.output[data-v-14af0af0]{width:98%;min-width:250px;height:45vh}}.content-html img{width:100%;height:auto;max-width:100%}.content-html div[style*=font-family]{max-width:100%!important;width:100%!important}.content-html div[style*=max-width]{max-width:100%!important}.output[data-v-46c4d139]{max-width:375px;width:100%;min-width:280px;height:70vh;margin:0;border:1px solid #ccc;overflow-y:auto;resize:vertical;background:#fff;border-radius:8px}.output-layout[data-v-46c4d139]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:600px){.output[data-v-46c4d139]{width:95%;min-width:250px;height:60vh}}.add-btn[data-v-457f1ec2]{top:42%;left:40%}.filter-close[data-v-457f1ec2]{background-color:grey;opacity:.5;-webkit-transition:.5s;transition:.5s;width:100%;height:100%}.preview-container[data-v-457f1ec2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px}.mobile-frame[data-v-457f1ec2]{width:375px;max-width:100%;height:600px;background:#000;border-radius:25px;padding:8px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.3);box-shadow:0 0 20px rgba(0,0,0,.3);position:relative}.mobile-frame[data-v-457f1ec2]:before{content:"";position:absolute;top:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50px;height:4px;background:#333;border-radius:2px}.mobile-content[data-v-457f1ec2]{width:100%;height:100%;background:#fff;border-radius:17px;overflow-y:auto;padding:20px 0 0 0}.mobile-content[data-v-457f1ec2]::-webkit-scrollbar{width:4px}.mobile-content[data-v-457f1ec2]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.mobile-content[data-v-457f1ec2]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.mobile-content[data-v-457f1ec2]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:600px){.mobile-frame[data-v-457f1ec2]{width:300px;height:500px}}