files-editor{display:block;width:100%;height:100%}.files-editor-container{display:flex;flex-direction:column;width:100%;height:100%;background:var(--md-sys-color-surface)}.files-editor-content{display:flex;flex:1;overflow:hidden}.files-sidebar{width:280px;min-width:200px;max-width:400px;height:100%;background:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);overflow:hidden}.files-main{flex:1;height:100%;background:var(--md-sys-color-surface);overflow:auto}.editor-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;padding:2rem;text-align:center}.editor-placeholder icon{font-size:4rem;color:var(--md-sys-color-on-surface-variant);opacity:.3}.editor-placeholder p{margin:0;font-size:1rem;color:var(--md-sys-color-on-surface-variant)}@media (max-width:768px){.files-sidebar{min-width:180px}.editor-placeholder icon{font-size:3rem}.editor-placeholder p{font-size:.875rem}.files-editor-content{position:relative}.files-sidebar{position:absolute;top:0;left:0;width:80%;max-width:300px;height:100%;z-index:100;border-right:1px solid var(--md-sys-color-outline-variant);box-shadow:2px 0 8px rgba(0,0,0,.3);transform:translateX(-100%);transition:transform .3s ease}.files-sidebar[open]{transform:translateX(0)}.files-main{width:100%;height:100%}.editor-placeholder{padding:1.5rem}.files-sidebar-backdrop{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99}.files-sidebar-backdrop[visible]{display:block}}