.CodeMirror{height:calc(100vh - 120px) !important}.editor-header{z-index:10}.preview-container .md-editor{max-height:500px}.settings-drawer{position:fixed;top:0;right:-400px;width:400px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px rgba(0,0,0,0.1);z-index:1030;transition:right 0.3s ease-in-out;display:flex;flex-direction:column}.settings-drawer.show{right:0}.settings-drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);z-index:1020;opacity:0;visibility:hidden;transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out}.settings-drawer-backdrop.show{opacity:1;visibility:visible}.settings-drawer-header{padding:1rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.settings-drawer-body{flex:1;overflow-y:auto;padding:1rem}.settings-drawer-footer{padding:1rem;border-top:1px solid #dee2e6;flex-shrink:0}.theme-card{cursor:pointer;border:2px solid transparent;border-radius:8px;padding:8px;margin-bottom:10px;transition:all 0.2s}.theme-card:hover{border-color:#adb5bd}.theme-card.active{border-color:#0d6efd;background-color:#f8f9fa}.btn-sm.rounded-circle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.btn-sm.rounded-circle:hover{background-color:#0d6efd;color:#ffffff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(13,110,253,0.3)}.btn-sm.rounded-circle:active{transform:translateY(0)}.dropdown-menu{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);border:1px solid #e9ecef;padding:4px 0;min-width:80px}.dropdown-item{transition:all 0.2s ease;padding:6px 16px;font-size:0.875rem;color:#495057}.dropdown-item:hover{background-color:#f8f9fa;color:#0d6efd;transform:translateX(2px)}.dropdown-item:active{background-color:#e9ecef}.btn-group .btn-sm.dropdown-toggle{position:relative}.btn-group .btn-sm.dropdown-toggle::after{margin-left:4px}.btn-group .btn-sm.dropdown-toggle:hover{background-color:#f8f9fa}#custom-css,#modal-custom-css{font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:14px;line-height:1.5;border-radius:6px;border:1px solid #ced4da;padding:12px;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}#modal-custom-css{min-height:400px;resize:vertical}#custom-css:focus,#modal-custom-css:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}#custom-css-modal .modal-content{border-radius:8px}#custom-css-modal .modal-header{border-bottom:1px solid #dee2e6;background-color:#f8f9fa}#custom-css-modal .modal-footer{border-top:1px solid #dee2e6;background-color:#f8f9fa}.theme-card-preview{height:60px;border-radius:4px;margin-bottom:8px}.theme-card-name{font-size:0.875rem;font-weight:500;text-align:center}.theme-color-card{cursor:pointer;width:100%;height:40px;border-radius:4px;border:2px solid transparent;transition:all 0.2s}.theme-color-card:hover{border-color:#0d6efd}.theme-color-card.active{border-color:#0d6efd;box-shadow:0 0 0 2px rgba(13,110,253,0.25)}.drawer-section-title{display:flex;justify-content:space-between;align-items:center;padding:8px 0;cursor:pointer;border-bottom:1px solid #eee;font-size:0.9rem;font-weight:500;color:#333}.drawer-section-title:hover{color:#0d6efd}.drawer-section-title i{transition:transform 0.2s;font-size:0.75rem;color:#999}.drawer-section-title:not(.collapsed) i{transform:rotate(180deg)}.theme-card-sm{width:40px;height:32px;padding:2px;border-radius:4px}.theme-card-sm .theme-card-preview{height:100%;margin-bottom:0;border-radius:2px}.theme-color-dot{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all 0.2s}.theme-color-dot:hover{transform:scale(1.1)}.theme-color-dot.active{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.form-label-sm{font-size:0.75rem;margin-bottom:2px;color:#666}.row.flex-grow-1{min-height:0;display:flex}.col-md-6.h-100{display:flex;flex-direction:column;flex:1;height:100%}.md-editor{display:flex;flex-direction:column;height:100%}.col-md-6.h-100.bg-white{display:flex;flex-direction:column;height:100%}.editor-header,.preview-header{flex-shrink:0}#markdown-editor{flex-grow:1;min-height:0;resize:none}#preview-container{flex-grow:1;min-height:0;height:100%;overflow-y:auto}#markdown-editor::-webkit-scrollbar,#preview-container::-webkit-scrollbar{width:6px}#markdown-editor::-webkit-scrollbar-track,#preview-container::-webkit-scrollbar-track{background:#f1f1f1}#markdown-editor::-webkit-scrollbar-thumb,#preview-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}#markdown-editor::-webkit-scrollbar-thumb:hover,#preview-container::-webkit-scrollbar-thumb:hover{background:#999}.form-select-sm,.form-control-sm{font-size:0.8rem;padding:4px 8px}.form-range-sm{height:4px}.form-control-color-sm{width:28px;height:28px;padding:2px}.collapse{transition:height 0.2s ease-out}.settings-drawer-body::-webkit-scrollbar{width:4px}.settings-drawer-body::-webkit-scrollbar-track{background:#f1f1f1}.settings-drawer-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.settings-drawer-body::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:767px){.card-header{flex-direction:column;align-items:flex-start;padding:0.75rem}.card-header h2{font-size:0.875rem;margin-bottom:0.5rem}.card-header .d-flex.gap-2{width:100%;flex-wrap:wrap;gap:0.25rem}.card-header .btn{flex:1;min-width:80px;font-size:0.75rem;padding:0.25rem 0.5rem}.card-header .btn i{font-size:0.75rem}.row.flex-grow-1{flex-direction:column}.col-md-6.h-100{width:100%;height:50% !important;border-end:none;border-bottom:1px solid #dee2e6}.card-body.d-flex.flex-column{height:calc(100vh - 180px) !important}.CodeMirror{height:calc(50vh - 100px) !important}#preview-container{height:calc(50vh - 60px) !important}.bg-white.border-bottom.p-2.d-flex.flex-wrap.gap-1{padding:0.5rem;gap:0.125rem}.btn.btn-sm.btn-light{font-size:0.75rem;padding:0.25rem 0.5rem;min-width:32px}.settings-drawer{width:300px;right:-300px}}