.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.note-grid .panel{margin-bottom:0;display:flex;flex-direction:column}.note-input{flex:1;min-height:360px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,Microsoft YaHei,monospace;font-size:13px;line-height:1.6}.note-out{flex:1;min-height:360px;margin:0;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fbfbfd;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,Microsoft YaHei,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow:auto}@media (max-width: 720px){.note-grid{grid-template-columns:1fr}.note-input,.note-out{min-height:220px}}