.markdown-main{flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.markdown-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.markdown-card{-webkit-backdrop-filter:blur(16px);background:#0f172a8c;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 12px 40px #0000004d}.markdown-controls{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.markdown-mode-toggle{background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;padding:.3rem;display:flex}.markdown-select-sample{color:#ffffffd9;cursor:pointer;background:#0000004d;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .25s}.markdown-select-sample:hover{color:#fff;background:#ffffff0d;border-color:#10b98166}.markdown-select-sample option{color:#fff;background:#0f172a}.markdown-mode-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.markdown-mode-btn:hover{color:#fff}.markdown-mode-btn.active{background:var(--accent-primary,#10b981);color:#fff;box-shadow:0 4px 12px #10b9814d}.markdown-toolbar{background:#0003;border:1px solid #ffffff0d;border-radius:10px;flex-wrap:wrap;gap:.4rem;padding:.4rem;display:flex}.markdown-toolbar-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.markdown-toolbar-btn:hover{color:#fff;background:#ffffff14}.markdown-main-grid{grid-template-columns:1fr 1fr;gap:1.5rem;min-height:550px;display:grid}.markdown-editor-container{flex-direction:column;gap:.75rem;display:flex}.markdown-editor-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.75px;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.markdown-editor-wrapper{background:#050a1480;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.markdown-codemirror-fix{width:100%;height:100%;min-height:500px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem}.markdown-codemirror-fix .cm-editor{height:100%;background:0 0!important}.markdown-codemirror-fix .cm-scroller{background:0 0!important}.markdown-preview-panel{color:#c9d1d9;word-wrap:break-word;background:#0d1117;border:1px solid #ffffff14;border-radius:12px;flex:1;min-height:500px;max-height:600px;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.6;overflow-y:auto}.markdown-preview-panel::-webkit-scrollbar{width:8px;height:8px}.markdown-codemirror-fix .cm-scroller::-webkit-scrollbar{width:8px;height:8px}.markdown-preview-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.markdown-codemirror-fix .cm-scroller::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.markdown-preview-panel::-webkit-scrollbar-thumb:hover{background:#ffffff38}.markdown-codemirror-fix .cm-scroller::-webkit-scrollbar-thumb:hover{background:#ffffff38}.markdown-preview-panel h1,.markdown-preview-panel h2,.markdown-preview-panel h3,.markdown-preview-panel h4,.markdown-preview-panel h5,.markdown-preview-panel h6{color:#f0f6fc;margin-top:1.5em;margin-bottom:1rem;font-weight:600;line-height:1.25}.markdown-preview-panel h1{border-bottom:1px solid #21262d;padding-bottom:.3em;font-size:2em}.markdown-preview-panel h2{border-bottom:1px solid #21262d;padding-bottom:.3em;font-size:1.5em}.markdown-preview-panel h3{font-size:1.25em}.markdown-preview-panel h4{font-size:1em}.markdown-preview-panel p{margin-top:0;margin-bottom:1rem}.markdown-preview-panel a{color:#58a6ff;text-decoration:none}.markdown-preview-panel a:hover{text-decoration:underline}.markdown-preview-panel blockquote{color:#8b949e;border-left:.25em solid #30363d;margin:0 0 1rem;padding:0 1em}.markdown-preview-panel code{white-space:break-spaces;background-color:#6e768166;border-radius:6px;margin:0;padding:.2em .4em;font-family:ui-monospace,SFMono-Regular,SF Marten,Menlo,Monaco,Consolas,monospace;font-size:85%}.markdown-preview-panel pre{background-color:#161b22;border-radius:6px;margin-bottom:1rem;padding:1rem;font-size:85%;line-height:1.45;overflow:auto}.markdown-preview-panel pre code{word-break:normal;white-space:pre;background:0 0;border-radius:0;margin:0;padding:0;font-size:100%}.markdown-preview-panel ul,.markdown-preview-panel ol{margin-top:0;margin-bottom:1rem;padding-left:2em}.markdown-preview-panel li{margin-top:.25em}.markdown-preview-panel table{border-spacing:0;border-collapse:collapse;width:100%;margin-top:0;margin-bottom:1rem;overflow:auto}.markdown-preview-panel table th,.markdown-preview-panel table td{border:1px solid #30363d;padding:6px 13px}.markdown-preview-panel table tr{background-color:#0d1117;border-top:1px solid #21262d}.markdown-preview-panel table tr:nth-child(2n){background-color:#161b22}.markdown-preview-panel img{box-sizing:content-box;background-color:#0d1117;max-width:100%}.markdown-preview-panel hr{background-color:#30363d;border:0;height:.25em;margin:24px 0;padding:0}.markdown-actions-panel{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.markdown-btn-group{gap:.75rem;display:flex}.markdown-action-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.markdown-action-btn:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.markdown-action-btn.primary{background:var(--accent-primary,#10b981);border-color:#0000;box-shadow:0 4px 12px #10b98133}.markdown-action-btn.primary:hover{background:#059669;box-shadow:0 6px 16px #10b9814d}.markdown-action-btn.secondary{color:#4ade80;background:#10b98126;border-color:#10b9814d}.markdown-action-btn.secondary:hover{background:#10b98140;border-color:#10b98166}.markdown-action-btn.danger{color:#f87171}.markdown-action-btn.danger:hover{background:#ef44441a;border-color:#ef44444d}.markdown-stats-panel{background:#0003;border:1px solid #ffffff0d;border-radius:8px;gap:1.25rem;padding:.4rem 1rem;display:flex}.markdown-stat-item{color:#ffffff80;font-size:.8rem}.markdown-stat-value{color:#fff;margin-right:.25rem;font-weight:600}@media (max-width:992px){.markdown-main-grid{grid-template-columns:1fr;min-height:auto}.markdown-preview-panel,.markdown-codemirror-fix{min-height:400px}}@media (max-width:576px){.markdown-main{padding:1rem}.markdown-controls,.markdown-actions-panel{flex-direction:column;align-items:stretch}.markdown-btn-group{flex-direction:column}}