@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/fonts/Roboto-Regular.ttf) format("truetype")}.editor-pane-wrapper{font-family:Roboto,sans-serif;width:100%;padding:1.5rem;overflow-y:auto;box-sizing:border-box}.editor-pane-wrapper fieldset{border:1px solid #ddd;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.editor-pane-wrapper label{display:block;margin-bottom:.5rem;font-weight:700}.editor-pane-wrapper input[type=text],.editor-pane-wrapper textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:inherit}.form-row{display:flex;align-items:center;margin-bottom:1rem}.form-row input[type=checkbox]{width:auto;margin-right:.5rem}.tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:1.5rem}.tabs button{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:1em;color:#666;border-bottom:3px solid transparent;transform:translateY(1px)}.tabs button.active{color:#000;font-weight:700;border-bottom-color:#007bff}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.8rem;font-weight:700;color:#555;margin-bottom:.25rem}.input-row{display:flex;align-items:center;gap:.75rem}.input-row .text-input{width:100%;flex-grow:1;padding:8px;border:1px solid #ccc;border-radius:4px}.input-row .visibility-toggle{flex-shrink:0}.button-row{display:flex;gap:1rem}.button-row button{flex-grow:1;padding:10px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.button-row button:hover{background-color:#5a6268}.button-row-right{display:flex;justify-content:flex-end;margin-bottom:1rem}.secondary-button{padding:8px 15px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.secondary-button:hover{background-color:#5a6268}@media screen{.preview-pane-wrapper{width:100%;height:100%;overflow-y:scroll;background-color:#fff;padding:2rem;box-sizing:border-box}#preview-target{display:flex;flex-direction:column;align-items:center;gap:2rem}.pagedjs_page{margin:0!important;margin-bottom:2rem!important;box-shadow:0 0 10px #00000040!important}}body{margin:0}#app{height:100vh}.app-container{display:flex;height:100%}.editor-pane{width:40%;border-right:1px solid #eee}.preview-pane{width:60%}@media print{.editor-pane{display:none}.preview-pane{width:100%}.app-container{display:block}}