*{box-sizing:border-box}.toolbar{display:flex;gap:10px;margin-bottom:20px;align-items:center;flex-wrap:wrap}button{padding:10px 20px;font-size:14px;cursor:pointer;border:none;border-radius:6px;background:#2563eb;color:#fff;transition:background .2s}button:hover{background:#1d4ed8}button.active{background:#16a34a}.status{font-size:12px;color:#666;margin-left:auto}.container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px;min-height:400px}#editor{width:100%;min-height:400px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;padding:20px;border:2px solid #e5e7eb;border-radius:6px;resize:vertical;outline:none}#editor:focus{border-color:#2563eb}#viewer{line-height:1.7;color:#1f2937}#viewer h1,#viewer h2,#viewer h3,#viewer h4,#viewer h5,#viewer h6{margin-top:1.5em;margin-bottom:.5em;color:#111827}#viewer h1{font-size:2em;border-bottom:2px solid #e5e7eb;padding-bottom:.3em}#viewer h2{font-size:1.5em;border-bottom:1px solid #e5e7eb;padding-bottom:.3em}#viewer h3{font-size:1.25em}#viewer p{margin:1em 0}#viewer code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9em}#viewer pre{background:#1f2937;color:#e5e7eb;padding:16px;border-radius:8px;overflow-x:auto}#viewer pre code{background:none;padding:0;color:inherit}#viewer blockquote{border-left:4px solid #2563eb;margin:1em 0;padding:.5em 1em;background:#f8fafc;color:#4b5563}#viewer ul,#viewer ol{margin:1em 0;padding-left:2em}#viewer li{margin:.5em 0}#viewer a{color:#2563eb;text-decoration:none}#viewer a:hover{text-decoration:underline}#viewer hr{border:none;border-top:2px solid #e5e7eb;margin:2em 0}#viewer table{border-collapse:collapse;width:100%;margin:1em 0}#viewer th,#viewer td{border:1px solid #e5e7eb;padding:10px;text-align:left}#viewer th{background:#f9fafb}#viewer img{max-width:100%}.empty-state{color:#9ca3af;text-align:center;padding:60px 20px}.loading{text-align:center;padding:40px;color:#666}