*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,sans-serif}.layout{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid #ddd;background:#fafafa}.toolbar button{padding:4px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}.toolbar button:hover{background:#f0f0f0}.status{margin-left:auto;color:#2a7;font-size:13px}.status-error{color:#c33}.panes{display:flex;flex:1;min-height:0}.pane{flex:1;min-width:0;overflow:auto}.pane.preview{position:relative;border-left:1px solid #ddd}.error-banner{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;background:#c33;color:#fff;font:12px/1.4 ui-monospace,monospace;white-space:pre-wrap;max-height:40%;overflow:auto}