h1[data-v-f46ed6fe]{font-weight:400;margin:0 30px 0 0}.top-bar[data-v-f46ed6fe]{justify-content:space-between;margin:0 0 20px 0}.headline[data-v-f46ed6fe],.top-bar[data-v-f46ed6fe]{display:flex;align-items:center}.keys[data-v-f46ed6fe]{width:142px;margin-right:12px}#editor[data-v-f46ed6fe]{height:calc(100vh - 280px)}.loading[data-v-f46ed6fe]{opacity:.4;filter:blur(2px)}.editor-headbar[data-v-f46ed6fe]{border-radius:12px 12px 0 0;height:50px}.editor-bottombar[data-v-f46ed6fe],.editor-headbar[data-v-f46ed6fe]{display:flex;justify-content:space-between;align-items:center;background-color:#e6e6e6;padding:4px 12px}.editor-bottombar[data-v-f46ed6fe]{border-radius:0 0 12px 12px;height:35px}.templates[data-v-f46ed6fe]{background:#bbb;padding:12px}.right-buttons[data-v-f46ed6fe]{display:flex;align-items:center}.templates .template[data-v-f46ed6fe]{padding:12px 18px;margin:7px 0 9px 0;font-size:14px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:400;color:#444;border-radius:9px}.templates .template[data-v-f46ed6fe]:hover{background-color:#e4e4e4;cursor:pointer}.templates .template.active[data-v-f46ed6fe]{background-color:transparent;cursor:default;background:#444;color:#fff}.auto-save[data-v-f46ed6fe]{display:inline-block;font-size:12px;text-align:center;margin-right:24px}.auto-save>div[data-v-f46ed6fe]{padding-bottom:2px}.import-button[data-v-f46ed6fe]{border:none;cursor:pointer;background:#dbdbdb;padding:7px 12px;border-radius:4px;margin:0 4px}.import-button[data-v-f46ed6fe]:hover{background:#eee}.fullscreen-button[data-v-f46ed6fe]{display:flex;align-items:center;border:none;cursor:pointer;font-size:18px;color:#686868;background:transparent;border-radius:4px;margin:0 7px 0 12px}.fullscreen-button[data-v-f46ed6fe]:hover{color:#525252}.export-button[data-v-f46ed6fe]{border:none;cursor:pointer;color:#686868;background:transparent;padding:7px 12px;border-radius:4px;margin-right:4px}.export-button svg[data-v-f46ed6fe]{margin-right:3px}.export-button svg [data-v-f46ed6fe]{fill:#686868}.export-button[data-v-f46ed6fe]:hover{background:#eee}.isFetching[data-v-f46ed6fe]{opacity:.5;pointer-events:none}.maximized[data-v-f46ed6fe]{position:fixed;top:0;left:0;right:0;bottom:0}.editor-wrap[data-v-f46ed6fe]{display:flex}.maximized #editor[data-v-f46ed6fe]{height:calc(100vh - 100px)}.maximized .editor-bottombar[data-v-f46ed6fe],.maximized .editor-headbar[data-v-f46ed6fe]{border-radius:0}.preview[data-v-f46ed6fe]{position:relative;width:500px;background:#d3d3d3;display:flex;flex-direction:column;justify-content:center;padding:20px;box-sizing:border-box}.preview .buttons[data-v-f46ed6fe]{position:absolute;top:0;left:0;right:0;padding:4px 20px;display:flex;justify-content:space-between}.preview .buttons .template-select[data-v-f46ed6fe]{display:flex;gap:4px;align-items:center}.preview span[data-v-f46ed6fe]{position:absolute;top:45%;text-align:center;width:100%;color:#6a6a6a}.preview img[data-v-f46ed6fe]{-o-object-fit:contain;object-fit:contain;width:100%}.editor[data-v-f46ed6fe]{flex-grow:1}