main{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px}.container-wide{width:100%;max-width:1360px;display:flex;flex-direction:column;gap:24px;height:100%}.title-section{text-align:center}.title{color:#fff;font-size:28px;font-weight:700;background:linear-gradient(135deg,#fff 0%,var(--text) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:600px}.editor-pane,.preview-pane{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 20px #0003;overflow:hidden}.pane- .pane-label{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.pane-actions{display:flex;gap:8px}.editor-container{position:relative;flex:1;width:100%;min-height:0}.editor-container textarea,.editor-container pre{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:16px;border-radius:var(--r);font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow:auto;box-sizing:border-box}.editor-container textarea{background:transparent;color:transparent;caret-color:var(--accent);border:1px solid var(--border);resize:none;outline:none;z-index:2;transition:border-color .2s}.editor-container textarea:focus{border-color:var(--accent)}.editor-container pre{z-index:1;pointer-events:none}.editor-container pre[class*=language-]{background:var(--bg3)!important;border:1px solid var(--border)!important;margin:0!important}.editor-container code[class*=language-]{text-shadow:none!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;color:#adbac7!important;padding:0!important;background:transparent!important}.token.title,.token..token.bold{color:#fff!important;font-weight:700}.token.italic{color:#fff!important;font-style:italic}.token.code{color:#ff7b72!important}.token.blockquote{color:var(--muted)!important;font-style:italic}.token.url,.token.url-reference,.token.url>.token.content{color:var(--accent)!important}.token.list{color:#f2ca7f!important}.token.hr{color:#8b949e!important}.token.punctuation{color:#768390!important}.token.blockquote-punctuation{color:var(--accent)!important}.token.code-snippet{color:#ff7b72!important}.preview-output{flex:1;background:var(--bg3);border:1px solid var(--border);padding:24px;border-radius:var(--r);overflow-y:auto}.markdown- .markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:#fff;margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1{font-size:2em;border-bottom:1px solid var(--border);padding-bottom:.3em}.markdown-body h2{font-size:1.5em;border-bottom:1px solid var(--border);padding-bottom:.3em}.markdown-body h3{font-size:1.25em}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body strong{color:#fff}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body code{font-family:JetBrains Mono,monospace;background:#6e768166;padding:.2em .4em;border-radius:6px;font-size:85%;color:#ff7b72}.markdown-body pre{padding:16px;background:#161b22;border:1px solid var(--border);border-radius:8px;overflow-x:auto}.markdown-body pre code{background:transparent;padding:0;font-size:13px;color:#c9d1d9}.markdown-body blockquote{padding:0 1em;color:var(--muted);border-left:.25em solid var(--accent);background:#00a8ff08;margin-left:0;margin-right:0}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body li{margin-top:.25em}.markdown-body table{width:100%;border-collapse:collapse}.markdown-body table th,.markdown-body table td{padding:8px 12px;border:1px solid var(--border)}.markdown-body table th{background:var(--bg2);font-weight:600}.markdown-body table tr:nth-child(2n){background:#6e76810d}.markdown-body hr{height:1px;background:var(--border);border:none;margin:24px 0}@media print{body,html,main,.container-wide,.workspace-grid{background:#fff!important;color:#000!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;display:block!important}.no-print{display:none!important}.preview-pane{border:none!important;box-shadow:none!important;background:#fff!important;padding:0!important;margin:0!important;display:block!important;overflow:visible!important}.preview-output{border:none!important;background:#fff!important;color:#000!important;padding:0!important;overflow:visible!important}.markdown- .markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6,.markdown-body strong{color:#000!important}.markdown-body h1,.markdown-body h2{border-bottom-color:#ddd!important}.markdown-body code{background:#eee!important;color:#000!important;border:1px solid #ddd!important}.markdown-body pre{background:#f9f9f9!important;border-color:#ddd!important}.markdown-body pre code{color:#000!important}.markdown-body blockquote{border-left-color:#666!important;background:#f9f9f9!important}.markdown-body table th,.markdown-body table td{border-color:#ddd!important}}@media(max-width:992px){main{padding:20px 12px}.workspace-grid{grid-template-columns:1fr;height:auto}.editor-pane{height:450px!important}.preview-pane{height:500px!important}}