:root{--bg:#f3f5f8;--card:#fff;--ink:#1c2330;--desc:#5b6578;--muted:#6a7386;--rule:#e4e8ee;--accent:#2d5bd3;--accent-soft:#2d5bd312;--font:"BIZ UDPGothic", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Hiragino Sans", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#12151a;--card:#1a1e25;--ink:#e5e9f0;--desc:#aab3c3;--muted:#98a1b2;--rule:#2a303a;--accent:#7ea3ff;--accent-soft:#7ea3ff17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body{background:var(--bg);color:var(--ink);font-family:var(--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(--card);border:1px solid var(--rule);border-radius:8px;min-height:320px}.editor-pane .cm-editor{min-height:320px;font-size:16px}.editor-pane .cm-editor.cm-focused{outline:none}.editor-pane .cm-scroller{font-family:var(--font);line-height:32px}