*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:sans-serif}.app{display:flex;flex-direction:column;height:100%;background:#1a1a2e;color:#e0e0e0}.app-header{padding:12px 24px;background:#16213e;border-bottom:1px solid #0f3460;flex-shrink:0}.app-header h1{font-size:1.25rem;font-weight:600;color:#e0e0ff}.app-main{display:flex;flex:1;overflow:hidden;gap:1px;background:#0f3460}.panel{display:flex;flex-direction:column;flex:1;overflow:hidden;background:#1e1e2e}.panel-label{padding:6px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#888;background:#16213e;flex-shrink:0}.editor{flex:1;overflow:auto}.editor .cm-editor{height:100%}.editor .cm-scroller{overflow:auto}