body{margin:0;height:100vh;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#app{height:100vh;display:flex;flex-direction:column}*{box-sizing:border-box}.shiki{padding:1ch}.header{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #ccc;padding:1rem 2rem;z-index:100;box-shadow:0 2px 4px #0000001a}.header h1{margin:0 0 1rem;font-size:1.5rem}.controls{display:flex;gap:1rem;margin-bottom:.5rem}.status{font-size:.9rem;color:#666}.main-container{display:grid;grid-template-columns:1fr 1fr;height:100vh;padding-top:140px}.left-panel,.right-panel{display:flex;flex-direction:column;padding:1rem;overflow:hidden}:is(.left-panel,.right-panel) h2{margin:0 0 1rem;font-size:1.2rem}.left-panel{border-right:1px solid #ccc}#markdown-input{flex:1;width:100%;resize:none;border:1px solid #ccc;padding:1rem;font-family:Courier New,monospace;overflow-y:auto}#output-container{flex:1;overflow-y:auto;border:1px solid #ccc;padding:1rem;background:#fafafa}#output-container table{margin-block:1rem}#output-container p:has(img){display:flex;flex-wrap:wrap;gap:1rem}#output-container img{width:unset;height:unset;max-width:100%;max-height:100%}@media(max-width:768px){.main-container{grid-template-columns:1fr;padding-top:160px}.left-panel{border-right:none;border-bottom:1px solid #ccc;max-height:40vh}.right-panel{max-height:60vh}.header{padding:1rem}.controls{flex-wrap:wrap;gap:.5rem}}