.markdown-controls{background:var(--bg-secondary);border:2px solid var(--accent-cyan);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.markdown-workspace{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.markdown-editor-section,.markdown-preview-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.editor-header,.preview-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--accent-cyan)}.markdown-textarea{flex:1 1;min-height:500px;padding:1.5rem;background:var(--bg-secondary);border:none;color:var(--text-primary);font-family:IBM Plex Mono,monospace;font-size:.95rem;line-height:1.8;resize:vertical}.markdown-textarea:focus{outline:none}.markdown-preview{flex:1 1;min-height:500px;padding:1.5rem;overflow-y:auto;background:var(--bg-secondary)}.markdown-preview h1{font-size:2rem;border-bottom:2px solid var(--border-color)}.markdown-preview h1,.markdown-preview h2{color:var(--accent-cyan);padding-bottom:.5rem;margin:1.5rem 0 1rem}.markdown-preview h2{font-size:1.75rem;border-bottom:1px solid var(--border-color)}.markdown-preview h3{font-size:1.5rem;color:var(--text-primary);margin:1.25rem 0 .75rem}.markdown-preview p{margin:.75rem 0;line-height:1.8;color:var(--text-primary)}.markdown-preview strong{color:var(--accent-pink);font-weight:700}.markdown-preview em{color:var(--accent-yellow);font-style:italic}.markdown-preview code{background:var(--bg-tertiary);padding:.2rem .4rem;border-radius:4px;font-family:IBM Plex Mono,monospace;font-size:.9em;color:var(--accent-pink);border:1px solid var(--border-color)}.markdown-preview pre{background:var(--bg-tertiary);border:2px solid var(--accent-cyan);border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto}.markdown-preview pre code{background:none;padding:0;border:none;color:var(--text-primary)}.markdown-preview ol,.markdown-preview ul{margin:.75rem 0;padding-left:2rem}.markdown-preview li{margin:.5rem 0;color:var(--text-primary)}.markdown-preview ul li::marker{color:var(--accent-pink)}.markdown-preview ol li::marker{color:var(--accent-cyan)}.markdown-preview blockquote{border-left:4px solid var(--accent-pink);margin:1rem 0;color:var(--text-secondary);font-style:italic;background:rgba(255,0,110,.05);padding:1rem 1.5rem;border-radius:0 8px 8px 0}.markdown-preview a{color:var(--accent-cyan);text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.markdown-preview a:hover{border-bottom-color:var(--accent-cyan);text-shadow:var(--glow-cyan)}.markdown-preview table{width:100%;border-collapse:collapse;margin:1rem 0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.markdown-preview td,.markdown-preview th{padding:.75rem 1rem;border:1px solid var(--border-color);text-align:left}.markdown-preview th{background:var(--bg-secondary);color:var(--accent-cyan);font-weight:600}.markdown-preview tr:hover{background:rgba(0,255,249,.05)}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;padding:2rem}.preview-placeholder p{margin:.5rem 0}@media (max-width:1024px){.markdown-workspace{grid-template-columns:1fr}.markdown-preview,.markdown-textarea{min-height:400px}}@media (max-width:768px){.markdown-preview,.markdown-textarea{min-height:300px}}