code-editor{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.code-editor-container,code-editor{display:flex;flex-direction:column;width:100%;height:100%}.code-editor-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant);min-height:3rem}.code-editor-menu-toggle{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:0 0;border:0;color:var(--md-sys-color-on-surface);cursor:pointer;border-radius:.5rem;transition:background .2s}.code-editor-menu-toggle:hover{background:var(--md-sys-color-surface-container)}.code-editor-menu-toggle icon{font-size:1.5rem}.code-editor-file-info{display:flex;align-items:center;gap:.5rem}.code-editor-file-name{font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-surface)}.code-editor-dirty-indicator{font-size:.75rem;line-height:1;margin-left:.5rem;font-weight:500;transition:color .2s}.code-editor-dirty-indicator.dirty{color:var(--md-sys-color-primary);font-size:1.25rem}.code-editor-dirty-indicator.saving{color:var(--md-sys-color-tertiary)}.code-editor-dirty-indicator.saved{color:var(--md-sys-color-outline)}.code-editor-folding-buttons button,.code-editor-preview-btn{display:flex;align-items:center;justify-content:center;background:0 0;border:0;cursor:pointer}.code-editor-preview-btn{width:2.5rem;height:2.5rem;padding:0;color:var(--md-sys-color-on-surface);border-radius:.5rem;transition:background .2s}.code-editor-folding-buttons button:hover,.code-editor-preview-btn:hover{background:var(--md-sys-color-surface-container)}.code-editor-preview-btn icon{font-size:1.25rem}.code-editor-folding-buttons{display:flex;align-items:center;gap:.25rem}.code-editor-folding-buttons button{width:2rem;height:2rem;padding:.375rem;color:var(--md-sys-color-on-surface-variant);border-radius:.375rem;transition:background .2s,color .2s}.code-editor-folding-buttons button:hover{color:var(--md-sys-color-on-surface)}.code-editor-folding-buttons button:active{background:var(--md-sys-color-surface-container-high)}.code-editor-folding-buttons button icon{font-size:1.125rem}.code-editor-wrapper{flex:1;overflow:auto;background:#282c34}.code-editor-wrapper .cm-editor{height:100%}.code-editor-wrapper .cm-scroller{font-family:"Fira Code","Consolas","Monaco","Courier New",monospace;font-size:.875rem;line-height:1.5}@media (max-width:768px){.code-editor-header{padding:.5rem .75rem;min-height:2.5rem}.code-editor-menu-toggle{display:flex}.code-editor-file-name{font-size:.8125rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-editor-dirty-indicator{font-size:.6875rem}.code-editor-dirty-indicator.dirty{font-size:1rem}}