html,body{height:100%;margin:0}
body{display:flex;flex-direction:column;background:var(--ink-bg,#fff);color:var(--ink-text,#111);font:14px/1.4 var(--ink-font,system-ui,sans-serif)}
#bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;background:var(--ink-card,#f6f7f9);border-bottom:1px solid var(--ink-border,#ddd)}
#bar button{font:inherit;color:var(--ink-text,#111);background:var(--ink-hover,#eceef2);border:1px solid var(--ink-border-strong,#ccc);border-radius:8px;padding:6px 12px;cursor:pointer}
#bar label{display:inline-flex;align-items:center;gap:4px;color:var(--ink-muted,#555)}
#name{margin-left:auto;color:var(--ink-muted,#555);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
#editor{flex:1;min-height:0}
#editor .CodeMirror{height:100%;font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--ink-bg,#fff);color:var(--ink-text,#111)}
#editor .CodeMirror-gutters{background:var(--ink-card,#f6f7f9);border-right:1px solid var(--ink-border,#ddd)}
#editor .CodeMirror-cursor{border-left-color:var(--ink-text,#111)}