body{background:var(--cs-page);color:var(--cs-ink);font-family:var(--cs-font);margin:0;font-size:15px;line-height:1.6}.app{gap:16px;max-width:1120px;margin:0 auto;padding:20px 16px 40px;display:grid}.app-header h1{margin:0;font-size:22px}.editor-pane{background:var(--cs-card);border:1px solid var(--cs-rule);border-radius:8px;min-height:320px}.editor-pane .cm-editor{min-height:320px;font-size:var(--cs-size-body)}.editor-pane .cm-editor.cm-focused{outline:none}.editor-pane .cm-scroller{font-family:var(--cs-font);line-height:var(--cs-line-height)}.app-header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.app-samples{gap:8px;display:flex}.app-samples button{font:inherit;color:var(--cs-ink);background:var(--cs-card);border:1px solid var(--cs-rule);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:14px}.app-samples button:hover{border-color:var(--cs-ui)}