@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f8fa;--bg-surface: #fff;--text: #24292f;--text-muted: #57606a;--text-faint: #8b949e;--border: #d0d7de;--code-bg: rgba(175,184,193,.2);--pre-bg: #f6f8fa;--link: #0969da;--btn-primary-bg: #2da44e;--btn-primary-hover: #2c974b;--toast-bg: #24292f}.dark{--bg: #0d1117;--bg-surface: #161b22;--text: #e6edf3;--text-muted: #8b949e;--text-faint: #484f58;--border: #30363d;--code-bg: rgba(110,118,129,.4);--pre-bg: #161b22;--link: #58a6ff;--btn-primary-bg: #238636;--btn-primary-hover: #2ea043;--toast-bg: #e6edf3}.dark .toast{background:var(--toast-bg);color:#0d1117}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);transition:background .2s,color .2s}.app{min-height:100vh;display:flex;flex-direction:column}header{padding:24px 32px;border-bottom:1px solid var(--border);background:var(--bg-surface);transition:background .2s,border-color .2s}.header-row{display:flex;justify-content:space-between;align-items:flex-start}header h1{font-size:1.4em;font-weight:600}header p{color:var(--text-muted);font-size:.9em;margin-top:4px}.theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;padding:6px;cursor:pointer;color:var(--text-muted);transition:color .2s,border-color .2s;flex-shrink:0}.theme-toggle:hover{color:var(--text)}.theme-toggle .icon{width:20px;height:20px;display:block}.container{display:flex;flex:1}@media(max-width:768px){.container{flex-direction:column}.input-pane{border-right:none;border-bottom:1px solid var(--border)}}.pane{flex:1;display:flex;flex-direction:column;min-width:0}.pane-header{padding:10px 16px;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border);transition:background .2s,color .2s,border-color .2s}.input-pane{border-right:1px solid var(--border)}textarea{flex:1;padding:20px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;line-height:1.6;border:none;resize:none;background:var(--bg-surface);color:var(--text);transition:background .2s,color .2s}textarea:focus{outline:none}textarea::placeholder{color:var(--text-faint)}.preview{flex:1;padding:24px;overflow-y:auto;background:var(--bg-surface);transition:background .2s}.preview h1,.preview h2{padding-bottom:.3em;border-bottom:1px solid var(--border)}.preview h1{font-size:2em;margin:24px 0 16px;font-weight:600}.preview h2{font-size:1.5em;margin:24px 0 16px;font-weight:600}.preview h3{font-size:1.25em;margin:24px 0 16px;font-weight:600}.preview p{margin:0 0 16px;line-height:1.6}.preview ul,.preview ol{margin:0 0 16px;padding-left:2em}.preview li{margin-top:.25em}.preview table{border-spacing:0;border-collapse:collapse;margin:0 0 16px;width:100%}.preview table th{font-weight:600;padding:6px 13px;border:1px solid var(--border);background:var(--bg)}.preview table td{padding:6px 13px;border:1px solid var(--border)}.preview code{padding:.2em .4em;font-size:85%;background:var(--code-bg);border-radius:6px;font-family:JetBrains Mono,ui-monospace,monospace}.preview pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background:var(--pre-bg);border-radius:6px;margin:0 0 16px}.preview pre code{display:inline;padding:0;background:transparent}.preview blockquote{padding:0 1em;color:var(--text-muted);border-left:.25em solid var(--border);margin:0 0 16px}.preview a{color:var(--link);text-decoration:none}.preview a:hover{text-decoration:underline}.preview hr{height:.25em;margin:24px 0;background:var(--border);border:0}.preview strong{font-weight:600}.preview img{max-width:100%}.toolbar{padding:10px 16px;border-top:1px solid var(--border);background:var(--bg);display:flex;gap:8px;align-items:center;flex-wrap:wrap;transition:background .2s,border-color .2s}.btn{padding:6px 16px;font-size:13px;font-weight:500;font-family:inherit;border-radius:6px;cursor:pointer;border:1px solid var(--border);transition:background .15s,color .15s,border-color .15s}.btn-primary{color:#fff;background:var(--btn-primary-bg);border-color:transparent}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-secondary{color:var(--text);background:var(--bg)}.btn-secondary:hover{background:var(--border)}.btn-copy{color:var(--text);background:var(--bg-surface)}.btn-copy:hover{background:var(--bg)}.spacer{flex:1}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:var(--toast-bg);color:#fff;padding:10px 20px;border-radius:6px;font-size:13px;transition:transform .3s ease;z-index:10}.toast.visible{transform:translate(-50%) translateY(0)}footer{padding:16px;text-align:center;color:var(--text-faint);font-size:.75em;border-top:1px solid var(--border);background:var(--bg);transition:background .2s,color .2s,border-color .2s}footer a{color:var(--text-faint);text-decoration:none}footer a:hover{color:var(--text-muted)}