.page-module__4vXP2G__container{gap:var(--space-6);flex-direction:column;display:flex}.page-module__4vXP2G__modeSelector{gap:var(--space-3);flex-wrap:wrap;display:flex}.page-module__4vXP2G__modeBtn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex}.page-module__4vXP2G__modeBtn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.page-module__4vXP2G__modeBtn.page-module__4vXP2G__active{background-color:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.page-module__4vXP2G__modeBadge{padding:var(--space-1)var(--space-2);background-color:var(--bg-tertiary);border-radius:var(--radius-md);font-family:Consolas,Monaco,monospace;font-size:var(--text-xs);font-weight:var(--font-semibold)}.page-module__4vXP2G__modeBtn.page-module__4vXP2G__active .page-module__4vXP2G__modeBadge{background-color:var(--accent-primary);color:#fff}.page-module__4vXP2G__editorGrid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.page-module__4vXP2G__editorGrid{grid-template-columns:1fr 1fr}}.page-module__4vXP2G__editorPane{gap:var(--space-2);flex-direction:column;display:flex}.page-module__4vXP2G__editorHeader{justify-content:space-between;align-items:center;display:flex}.page-module__4vXP2G__editorLabel{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.page-module__4vXP2G__textarea{width:100%;min-height:300px;padding:var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-family:Consolas,Monaco,Courier New,monospace;font-size:var(--text-sm);color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast)}.page-module__4vXP2G__textarea:focus{border-color:var(--accent-primary);outline:none}.page-module__4vXP2G__textarea::placeholder{color:var(--text-tertiary)}.page-module__4vXP2G__textarea:read-only{background-color:var(--bg-tertiary)}.page-module__4vXP2G__preview{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.page-module__4vXP2G__previewHeader{padding:var(--space-4);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.page-module__4vXP2G__previewHeader h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.page-module__4vXP2G__previewContent{padding:var(--space-6);max-height:400px;color:var(--text-primary);line-height:1.7;overflow-y:auto}.page-module__4vXP2G__previewContent h1{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-4)0;color:var(--text-primary)}.page-module__4vXP2G__previewContent h2{font-size:var(--text-xl);font-weight:var(--font-bold);margin:var(--space-6)0 var(--space-3)0;color:var(--text-primary)}.page-module__4vXP2G__previewContent h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:var(--space-4)0 var(--space-2)0;color:var(--text-primary)}.page-module__4vXP2G__previewContent p{margin:0 0 var(--space-4)0}.page-module__4vXP2G__previewContent a{color:var(--accent-primary);text-decoration:underline}.page-module__4vXP2G__previewContent code{background-color:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px 6px;font-family:Consolas,Monaco,monospace;font-size:.9em}.page-module__4vXP2G__previewContent pre{background-color:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);margin:var(--space-4)0;overflow-x:auto}.page-module__4vXP2G__previewContent pre code{background:0 0;padding:0}.page-module__4vXP2G__previewContent ul,.page-module__4vXP2G__previewContent ol{margin:var(--space-4)0;padding-left:var(--space-6)}.page-module__4vXP2G__previewContent li{margin:var(--space-2)0}.page-module__4vXP2G__previewContent blockquote{border-left:4px solid var(--accent-primary);margin:var(--space-4)0;padding:var(--space-2)var(--space-4);background-color:var(--bg-secondary);color:var(--text-secondary)}.page-module__4vXP2G__previewContent hr{border:none;border-top:1px solid var(--border-primary);margin:var(--space-6)0}.page-module__4vXP2G__previewContent img{border-radius:var(--radius-lg);max-width:100%}.page-module__4vXP2G__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}