:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#0a0f1a;--bg:#fff;--bg-elevated:#f9fafb;--bg-surface:#f3f4f6;--text:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border:#e5e7eb;--border-muted:#f3f4f6;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-muted:#2563eb1a;--success:#16a34a;--success-muted:#16a34a1a;--danger:#dc2626;--danger-muted:#dc26261a;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px;font-weight:400}.grid{grid-template-columns:400px 1fr;align-items:start;gap:24px;display:grid}@media (max-width:1024px){.grid{grid-template-columns:1fr}}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card h2{color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:13px;font-weight:600}.btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);height:36px;color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-elevated);border-color:var(--text-muted)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:var(--bg-surface);border-color:var(--border)}.btnPrimary{background:var(--accent);border-color:var(--accent);color:#fff}.btnPrimary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btnDanger{background:var(--danger-muted);color:var(--danger);border-color:#0000}.btnDanger:hover{background:#ef444440}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.input,.textarea,.select{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:100px;font-family:var(--font-mono);font-size:12px;line-height:1.5}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:36px}.select option{background:var(--bg);color:var(--text)}.kv{grid-template-columns:1fr 1fr;gap:12px;display:grid}.kv label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.drop{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;background:var(--bg);padding:24px;transition:all .15s}.drop:hover{border-color:var(--text-muted)}.dropActive{border-color:var(--accent);background:var(--accent-muted)}.dropTitle{color:var(--text);margin:0;font-size:14px;font-weight:500}.dropMeta{color:var(--text-muted);margin:6px 0 0;font-size:13px}.uploadPreview{border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.uploadThumbnail{object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-surface);width:48px;height:48px}.uploadPdfIcon{border-radius:var(--radius-sm);background:var(--accent-muted);width:48px;height:48px;color:var(--accent);letter-spacing:.05em;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.uploadInfo{flex:1;min-width:0}.uploadFilename{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.uploadSize{color:var(--text-muted);margin-top:2px;font-size:12px}.output{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);height:560px;font-family:var(--font-mono);white-space:pre-wrap;color:var(--text-secondary);padding:16px;font-size:13px;line-height:1.6;overflow:auto}.tabsHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tabsHeader h2{margin:0}.tabs{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.tab:hover{color:var(--text)}.tabActive{background:var(--bg-surface);color:var(--text)}.preview{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);height:560px;color:var(--text);padding:20px;font-size:14px;line-height:1.7;overflow:auto}.previewPlaceholder{color:var(--text-muted);font-family:var(--font-mono);font-size:13px}.preview h1,.preview h2,.preview h3,.preview h4{color:var(--text);letter-spacing:-.02em;margin-top:1.5em;margin-bottom:.75em;font-weight:600}.preview h1:first-child,.preview h2:first-child,.preview h3:first-child{margin-top:0}.preview h1{font-size:1.75em}.preview h2{font-size:1.4em}.preview h3{font-size:1.15em}.preview p{margin:1em 0}.preview ul,.preview ol{margin:1em 0;padding-left:1.5em}.preview li{margin:.25em 0}.preview strong{color:var(--text);font-weight:600}.preview hr{border:none;border-top:1px solid var(--border);margin:2em 0}.inlineCode{background:var(--bg-surface);font-family:var(--font-mono);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.875em}.codeBlock{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);margin:1.5em 0;padding:16px;font-size:12px;line-height:1.5;overflow-x:auto}.codeBlock code{color:var(--text);background:0 0;padding:0}.mdTable{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:13px}.mdTable th,.mdTable td{border:1px solid var(--border);text-align:left;padding:10px 12px}.mdTable th{background:var(--bg-surface);color:var(--text);font-weight:600}.mdTable tr:nth-child(2n){background:var(--bg-elevated)}.badge{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.dot{background:var(--text-muted);border-radius:999px;width:8px;height:8px}.dotLive{background:var(--success);box-shadow:0 0 0 3px var(--success-muted);animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.error{border-radius:var(--radius-md);background:var(--danger-muted);color:var(--text);border:1px solid #ef44444d;margin-top:12px;padding:12px 14px;font-size:13px}.toastContainer{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);padding:12px 16px;font-size:13px;font-weight:500;animation:.2s toastSlideIn;box-shadow:0 4px 12px #00000026}.toastSuccess{background:var(--bg-elevated);border:1px solid var(--success);color:var(--text)}.toastError{background:var(--bg-elevated);border:1px solid var(--danger);color:var(--text)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.processingIndicator{border-radius:var(--radius-md);background:var(--accent-muted);color:var(--accent);align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;display:inline-flex}.processingDot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite processingBlink}@keyframes processingBlink{0%,to{opacity:1}50%{opacity:.3}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible{outline-offset:2px}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:48px;padding-top:24px;font-size:13px}.footer a{color:var(--text-secondary);font-weight:500;transition:color .15s}.footer a:hover{color:var(--accent);text-decoration:none}