/* ===== Try it Yourself Editor ===== */
.editor-wrap { display: flex; height: 100vh; overflow: hidden; }
.editor-pane, .preview-pane { flex: 1; display: flex; flex-direction: column; }
.editor-toolbar { background: #282c34; color: #abb2bf; padding: 8px 16px; display: flex; align-items: center; justify-content: space-between; font-size: 13px; }
.editor-toolbar button { background: #04AA6D; color: #fff; border: none; padding: 6px 14px; border-radius: 4px; cursor: pointer; font-size: 13px; font-weight: 600; }
.editor-textarea { flex: 1; font-family: Consolas, monospace; font-size: 14px; padding: 16px; background: #1e2127; color: #abb2bf; border: none; resize: none; outline: none; tab-size: 2; }
.preview-frame { flex: 1; border: none; background: #fff; }