:root{--bg: #f9f9f9;--surface: #ffffff;--ink: #15191e;--ink-2: #60646c;--muted: #8b8d98;--line: #d0d2dd;--line-strong: #b9bbc6;--accent: #ff5900;--accent-hover: #ff3d00;--accent-soft: #fff5ee;--danger: #ee2929;--success: #1ec425;--radius: 8px;--radius-sm: 6px;--surface-raised: #fcfcfd}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv01" 1,"ss03" 1}.font-mono{font-family:Space Mono,ui-monospace,monospace}body{min-height:100vh}.app{max-width:768px;margin:0 auto;padding:56px 32px 96px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.site-title{margin:0;font-weight:600;font-size:40px;line-height:1.1;letter-spacing:-.02em}.brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-decoration:none}.site-brand:hover{color:var(--ink-2)}.site-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.site-nav-link{font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:none;padding:8px 12px;border-radius:var(--radius-sm)}.site-nav-link:hover{color:var(--ink);background:var(--surface)}.site-nav-link.active{color:var(--accent)}.site-nav-link-primary{background:var(--ink);color:#fff;border:1px solid var(--ink)}.site-nav-link-primary:hover{background:#2a3038;border-color:#2a3038;color:#fff}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}h1{font-weight:600;font-size:40px;line-height:1.1;letter-spacing:-.02em;margin:0 0 8px}.subtitle{color:var(--ink-2);font-size:15px;margin:0 0 36px;max-width:56ch}.site-header+.subtitle{margin-top:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:28px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:12px 18px 14px;font-family:inherit;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease;display:inline-flex;align-items:center;gap:8px}.tab:hover{color:var(--ink-2)}.tab.active{color:var(--ink);border-bottom-color:var(--accent)}.tab-icon{width:14px;height:14px;color:currentColor}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.field{margin-bottom:18px}.field:last-of-type{margin-bottom:22px}label{display:block;font-size:12px;font-weight:500;color:var(--ink-2);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}.control{position:relative}input[type=text],select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:12px 14px;font-family:inherit;font-size:15px;color:var(--ink);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}input[type=text]:focus,select:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}select{padding-right:38px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M3 4.5L6 7.5L9 4.5' stroke='%2360646C' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center}.helper{font-size:12px;color:var(--muted);margin-top:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;font-family:inherit;font-size:14px;font-weight:600;padding:12px 22px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .15s ease,border-color .15s ease,transform .05s ease,opacity .15s ease}.btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:0;overflow:hidden;opacity:0;max-height:0;transition:opacity .25s ease,max-height .35s ease}.result.visible{opacity:1;max-height:4000px}.result-head{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:var(--surface-raised);border-bottom:1px solid var(--line);font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.result-head .left{display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 #ff590080;animation:pulse 1.4s infinite}.live-dot.done{animation:none;background:var(--muted)}@keyframes pulse{0%{box-shadow:0 0 #ff590080}70%{box-shadow:0 0 0 8px #ff590000}to{box-shadow:0 0 #ff590000}}.result-tabs{display:flex;gap:2px;padding:0 14px;background:var(--surface-raised);border-bottom:1px solid var(--line)}.rtab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:10px 14px 11px;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px;transition:color .15s ease,border-color .15s ease}.rtab:hover{color:var(--ink-2)}.rtab.active{color:var(--ink);border-bottom-color:var(--accent)}.rtab-count{font-size:10px;color:var(--muted);background:var(--bg);border:1px solid var(--line);padding:1px 6px;border-radius:999px;letter-spacing:0}.rview{display:none}.rview.active{display:block}.raw{padding:18px 22px 22px;margin:0;max-height:70vh;overflow:auto;font-family:Space Mono,ui-monospace,monospace;font-size:12.5px;line-height:1.55;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}.raw .k{color:#006ef5}.raw .s{color:var(--accent)}.raw .n{color:#ff6b18}.raw .b{color:var(--ink);font-weight:600}.raw .p{color:var(--muted)}.markdown{padding:22px 24px 26px;color:var(--ink);font-size:15px;line-height:1.6;min-height:80px;max-height:70vh;overflow:auto;-webkit-overflow-scrolling:touch}.empty-state{color:var(--muted);font-style:italic;font-size:14px}.markdown h1,.markdown h2,.markdown h3{font-weight:600;letter-spacing:-.02em;margin:18px 0 8px}.markdown h1{font-size:26px}.markdown h2{font-size:22px}.markdown h3{font-size:18px}.markdown p{margin:10px 0}.markdown ul,.markdown ol{padding-left:22px;margin:10px 0}.markdown li{margin:4px 0}.markdown strong{color:var(--ink);font-weight:600}.markdown code{font-family:Space Mono,ui-monospace,monospace;font-size:.88em;background:var(--bg);padding:2px 6px;border-radius:4px;border:1px solid var(--line)}.markdown pre{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;overflow-x:auto;font-family:Space Mono,ui-monospace,monospace;font-size:13px}.markdown pre code{background:transparent;border:0;padding:0}.markdown blockquote{border-left:3px solid var(--accent);padding:4px 16px;margin:14px 0;color:var(--ink-2);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.markdown .table-stack{margin:14px 0}.markdown .table-stack .stack-table{width:100%;border-collapse:collapse;margin:0;font-size:14px;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.markdown table{width:100%;border-collapse:collapse;margin:0;font-size:14px}.markdown th,.markdown td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.markdown th{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.markdown hr{border:0;border-top:1px solid var(--line);margin:18px 0}.caret{display:inline-block;width:7px;height:1.05em;background:var(--ink);vertical-align:-2px;margin-left:2px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.error{color:var(--danger);font-size:13px;margin-top:10px}.panel{display:none}.panel.active{display:block;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.footnote{font-size:12px;color:var(--muted);margin-top:40px;text-align:center;letter-spacing:.02em}@media(max-width:640px){.app,.markdown{padding-left:16px;padding-right:16px}.markdown .table-stack .stack-table{border:0;border-radius:0;background:transparent}.markdown .stack-table thead{display:none}.markdown .stack-table tbody{display:flex;flex-direction:column;gap:10px}.markdown .stack-table tbody tr{display:block;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.markdown .stack-table td{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:10px 14px;border-bottom:1px solid var(--line);white-space:normal;text-align:left;word-break:break-word}.markdown .stack-table td:last-child{border-bottom:0}.markdown .stack-table td:before{content:attr(data-label);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left}.markdown .stack-table td br{display:block}.markdown .stack-table td p,.markdown .stack-table td ul,.markdown .stack-table td ol{margin:0}.markdown .stack-table td p+p,.markdown .stack-table td ul,.markdown .stack-table td ol{margin-top:6px}.markdown .stack-table td:not([data-label]):before{content:none}}
