.template-selector{display:flex;flex-direction:column;height:100%}.template-header{padding:15px;border-bottom:1px solid #3e3e42}.template-header h3{font-size:14px;font-weight:600;color:#ccc;text-transform:uppercase}.template-search{padding:10px;border-bottom:1px solid #3e3e42}.template-search input{width:100%;padding:8px;background-color:#3c3c3c;border:1px solid #3e3e42;color:#ccc;border-radius:4px;font-size:13px}.template-search input:focus{outline:none;border-color:#007acc}.template-list{flex:1;overflow-y:auto}.template-item{padding:10px 15px;cursor:pointer;border-bottom:1px solid #2d2d30;transition:background-color .2s}.template-item:hover{background-color:#2a2d2e}.template-item.active{background-color:#37373d;border-left:3px solid #007acc}.template-name{font-size:13px;color:#ccc;margin-bottom:4px}.template-info{font-size:11px;color:#858585}.no-templates{padding:20px;text-align:center;color:#858585;font-size:13px}.pdf-viewer{width:100%;height:100%;background-color:#2d2d30}.pdf-viewer iframe{border:none;display:block}.pdf-viewer.empty{display:flex;align-items:center;justify-content:center}.empty-message{text-align:center;color:#858585}.empty-message svg{margin-bottom:20px;color:#6e6e6e}.empty-message p{margin:10px 0;font-size:16px}.empty-message .hint{font-size:13px;color:#6e6e6e}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#2d2d30;border-bottom:1px solid #3e3e42;height:50px}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:15px}.app-title{font-size:18px;font-weight:600;color:#ccc;margin:0}.engine-status{font-size:20px;color:#4ec9b0;line-height:1}.toolbar-btn{padding:6px 16px;background-color:#3c3c3c;color:#ccc;border:1px solid #3e3e42;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.toolbar-btn:hover:not(:disabled){background-color:#505050;border-color:#6e6e6e}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.primary{background-color:#0e639c;border-color:#17b;color:#fff}.toolbar-btn.primary:hover:not(:disabled){background-color:#17b;border-color:#1c86d4}.git-panel-content{height:100%;display:flex;flex-direction:column;overflow-y:auto}.git-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #3e3e42}.git-header h3{font-size:14px;font-weight:600;color:#ccc;text-transform:uppercase;margin:0}.close-btn{background:none;border:none;color:#ccc;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:#3e3e42;border-radius:4px}.git-section{padding:15px;border-bottom:1px solid #2d2d30}.git-section h4{font-size:13px;color:#ccc;margin:0 0 10px}.no-changes,.no-commits{font-size:12px;color:#858585;font-style:italic}.file-list{list-style:none;padding:0;margin:0}.file-item{display:flex;gap:8px;padding:4px 0;font-size:12px}.file-status{color:#4ec9b0;font-weight:700;min-width:20px}.file-path{color:#ccc}.git-section textarea{width:100%;padding:8px;background-color:#3c3c3c;border:1px solid #3e3e42;color:#ccc;border-radius:4px;font-size:12px;font-family:inherit;resize:vertical;margin-bottom:8px}.git-section textarea:focus{outline:none;border-color:#007acc}.git-btn{width:100%;padding:8px;background-color:#0e639c;color:#fff;border:1px solid #1177bb;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.git-btn:hover:not(:disabled){background-color:#17b}.git-btn:disabled{opacity:.5;cursor:not-allowed}.git-actions{display:flex;gap:8px}.git-actions .git-btn{flex:1}.commit-list{max-height:300px;overflow-y:auto}.commit-item{padding:10px;background-color:#2d2d30;border-radius:4px;margin-bottom:8px}.commit-message{font-size:13px;color:#ccc;margin-bottom:6px}.commit-meta{display:flex;gap:10px;font-size:11px;color:#858585;margin-bottom:4px}.commit-hash{font-size:11px;color:#6e6e6e;font-family:monospace}.app{display:flex;flex-direction:column;height:100vh;width:100vw}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:250px;background-color:#252526;border-right:1px solid #3e3e42;overflow-y:auto}.editor-container{flex:1;display:flex;flex-direction:column;position:relative}.preview-container{flex:1;background-color:#1e1e1e;border-left:1px solid #3e3e42;overflow:hidden}.git-panel{width:300px;background-color:#252526;border-left:1px solid #3e3e42;overflow-y:auto}.error-panel{background-color:#3c1f1e;border-top:2px solid #f48771;padding:10px;max-height:200px;overflow-y:auto;font-family:monospace;font-size:12px;color:#f48771;white-space:pre-wrap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;color:#d4d4d4}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100vw;height:100vh;overflow:hidden}