code{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100vh}@font-face{font-display:swap;font-family:Wingdings;font-style:normal;font-weight:400;src:local("Wingdings"),url(/static/media/Wingdings.783f5bee326bb9c77477.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.wingdings{font-family:Wingdings,sans-serif}.App{background-color:#1e1e1e;color:#fff;display:flex;flex-direction:column;height:100vh}.App-header{background-color:#2d2d30;border-bottom:1px solid #3e3e42;padding:15px 20px}.App-header h1{color:#fff;font-size:24px;margin-bottom:10px}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.template-name-input{background-color:#3c3c3c;border:1px solid #3e3e42;border-radius:4px;color:#fff;font-size:14px;min-width:200px;padding:8px 12px}.template-name-input:focus{border-color:#007acc;outline:none}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-primary{background-color:#007acc;color:#fff}.btn-primary:hover{background-color:#005a9e}.btn-secondary{background-color:#5a5a5a;color:#fff}.btn-secondary:hover{background-color:#454545}.btn-success{background-color:#4caf50;color:#fff}.btn-success:hover{background-color:#45a049}.btn-info{background-color:#00bcd4;color:#fff}.btn-info:hover{background-color:#0097a7}.auto-save-toggle{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:5px}.auto-save-toggle input{cursor:pointer}.save-status{background-color:#4caf50;border-radius:4px;color:#fff;display:inline-block;font-size:12px;margin-top:8px;padding:5px 10px}.last-saved{color:#999;font-size:12px;margin-top:5px}.main-container{display:flex;flex:1 1;overflow:hidden}.sidebar{background-color:#252526;border-right:1px solid #3e3e42;overflow-y:auto;padding:20px;width:250px}.sidebar h3{color:#ccc;font-size:16px;margin-bottom:15px}.templates-list{display:flex;flex-direction:column;gap:8px}.template-item{align-items:center;background-color:#2d2d30;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:all .2s}.template-item:hover{background-color:#37373d}.template-item.active{background-color:#094771;border-left:3px solid #007acc}.template-item span{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-btn{background-color:initial;border:none;color:#f48771;cursor:pointer;font-size:20px;line-height:1;padding:0 5px;transition:color .2s}.delete-btn:hover{color:#ff5252}.no-templates{color:#999;font-size:14px;font-style:italic}.content-area{display:flex;flex:1 1;overflow:hidden}.editor-container,.preview-container{display:flex;flex:1 1;flex-direction:column;position:relative}.editor-container{border-right:1px solid #3e3e42}.editor-container h3,.preview-container h3{background-color:#2d2d30;border-bottom:1px solid #3e3e42;color:#ccc;font-size:14px;font-weight:500;padding:15px 20px}.editor-container>div:last-child{flex:1 1}.pdf-iframe{background-color:#525252;border:none;flex:1 1;width:100%}.loading{align-items:center;color:#999;display:flex;flex:1 1;font-size:14px;justify-content:center}.error-message{background-color:#d32f2f;bottom:0;color:#fff;font-size:12px;left:0;padding:10px 20px;position:absolute;right:0;z-index:10}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4e4e4e}@media (max-width:1024px){.content-area{flex-direction:column}.editor-container{border-bottom:1px solid #3e3e42;border-right:none}}@media (max-width:768px){.sidebar{width:200px}.btn,.header-controls{font-size:12px}.btn{padding:6px 12px}.template-name-input{font-size:12px;min-width:150px}}
/*# sourceMappingURL=main.aae76310.css.map*/