*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.stage[data-v-8e56699c]{width:100vw;height:100vh;display:flex}.tables[data-v-8e56699c],.input[data-v-8e56699c],.output[data-v-8e56699c]{height:100%;display:flex;flex-direction:column}.title[data-v-8e56699c]{height:40px;border-bottom:1px solid #aaa;line-height:40px;font-weight:700;font-size:18px}.tables[data-v-8e56699c]{width:300px}.tables .buttons[data-v-8e56699c]{width:100%;text-align:center}.tables button[data-v-8e56699c]{margin:4px}.tables textarea[data-v-8e56699c]{height:80vh}.input[data-v-8e56699c],.output[data-v-8e56699c]{flex:1;border-left:1px solid #eee;overflow:hidden}.mappings[data-v-8e56699c]{margin:20px auto;border-collapse:collapse}.mappings tr[data-v-8e56699c]{border-bottom:1px solid #aaa}.mappings td[data-v-8e56699c]{padding:4px;font-weight:700}.mappings td.sep[data-v-8e56699c]{color:#ccc}.input-content[data-v-8e56699c]{height:100%;overflow:hidden;display:flex;flex-direction:column;padding:20px}.input-content .guide[data-v-8e56699c]{height:30px;text-align:left}.input-content .form[data-v-8e56699c]{flex:1}.input-content .text[data-v-8e56699c]{width:100%;height:100%;font-size:16px;border:1px solid #ccc;outline:none;resize:none;padding:12px}.input-content .text[data-v-8e56699c]:focus{border-color:#8385f2}.output-content[data-v-8e56699c]{height:100%;padding:20px;display:flex;flex-direction:column;overflow:hidden}.output-content .guide[data-v-8e56699c]{height:30px;text-align:left}.output-content .result[data-v-8e56699c]{flex:1;border:1px solid #eee;background:#fefefe;overflow:auto;text-align:left;padding:10px;resize:none;width:100%}