@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f8f8f8;--bg2: #ffffff;--fg: #1a1a1a;--muted: #6b7280;--muted2: #9ca3af;--border: #e5e7eb;--surface: #ffffff;--surface2: #f3f4f6;--accent: #2563eb;--accent-light: #dbeafe;--accent-fg: #ffffff;--danger: #ef4444;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--radius: 10px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 4px 12px rgba(0,0,0,.08)}@media(prefers-color-scheme:dark){:root{--bg: #0c0c0c;--bg2: #111113;--fg: #e5e5e5;--muted: #8b8b8b;--muted2: #5a5a5a;--border: #222224;--surface: #161618;--surface2: #1c1c1e;--accent: #3b82f6;--accent-light: rgba(59,130,246,.12);--accent-fg: #ffffff;--danger: #f87171;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 4px 12px rgba(0,0,0,.4)}}body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100dvh}.btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .15s ease;border:1px solid var(--border);background:var(--surface);color:var(--fg)}.btn:hover{background:var(--surface2);border-color:var(--muted2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{opacity:.9;background:var(--accent)}.btn-ghost{border:none;background:none;color:var(--muted)}.btn-ghost:hover{color:var(--fg);background:var(--surface2)}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;transition:all .15s ease;cursor:pointer}.card:hover{border-color:var(--muted2);box-shadow:var(--shadow);transform:translateY(-1px)}.input{width:100%;height:44px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:14px;font-family:var(--font);outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input::placeholder{color:var(--muted2)}.editor{width:100%;min-height:60vh;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:14px;font-family:var(--mono);line-height:1.7;outline:none;resize:vertical;transition:border-color .15s}.editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.editor::placeholder{color:var(--muted2)}.tab{padding:10px 16px;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-family:var(--font);transition:all .15s}.tab:hover{color:var(--fg)}.tab-active{color:var(--fg);border-bottom-color:var(--accent)}.md-body{line-height:1.8;font-size:15px;color:var(--fg)}.md-body>*+*{margin-top:1.25em}.md-body h1{font-size:1.875rem;font-weight:700;line-height:1.2;letter-spacing:-.025em;margin-top:2.5em;color:var(--fg)}.md-body h2{font-size:1.375rem;font-weight:650;line-height:1.3;margin-top:2em;padding-bottom:.5em;border-bottom:1px solid var(--border);color:var(--fg)}.md-body h3{font-size:1.125rem;font-weight:600;margin-top:1.5em;color:var(--fg)}.md-body h1:first-child,.md-body h2:first-child,.md-body h3:first-child{margin-top:0}.md-body p{color:var(--fg)}.md-body a{color:var(--accent);text-decoration:none}.md-body a:hover{text-decoration:underline}.md-body strong{font-weight:650;color:var(--fg)}.md-body ul,.md-body ol{padding-left:1.5em}.md-body ul{list-style:disc}.md-body ol{list-style:decimal}.md-body li{margin-top:.375em}.md-body li::marker{color:var(--muted2)}.md-body blockquote{border-left:3px solid var(--accent);padding:12px 16px;background:var(--accent-light);border-radius:0 8px 8px 0;color:var(--muted)}.md-body code{font-family:var(--mono);font-size:.8125rem;background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:.15em .45em;color:var(--fg)}.md-body pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1em 1.25em;overflow-x:auto;font-size:.8125rem;line-height:1.7}.md-body pre code{background:none;border:none;padding:0}.md-body table{width:100%;border-collapse:collapse;font-size:.875rem;border-radius:8px;overflow:hidden}.md-body th,.md-body td{border:1px solid var(--border);padding:.6em .85em;text-align:left}.md-body th{background:var(--surface2);font-weight:600}.md-body tr:hover td{background:var(--surface2)}.md-body hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}.md-body img{max-width:100%;border-radius:var(--radius)}.hljs{background:transparent!important;padding:0!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.5s infinite}@keyframes loadingSlide{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.loading-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;overflow:hidden;background:var(--border)}.loading-bar:after{content:"";display:block;height:100%;width:40%;background:var(--accent);animation:loadingSlide 1.2s ease-in-out infinite}.processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.processing-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 36px;text-align:center;box-shadow:var(--shadow-lg)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}