:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--bg-color:#0f172a;--panel-bg:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff1a;--success-color:#22c55e;--danger-color:#ef4444}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf626 0,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;background:#0f172acc;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo{background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.nav-actions{align-items:center;gap:1.5rem;display:flex}.credit-badge{color:#c7d2fe;background:#6366f11a;border:1px solid #6366f14d;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:flex}.btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-weight:600;transition:all .2s;display:flex}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px #6366f163}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background:0 0}.btn-outline:hover{background:#ffffff0d}.main-container{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;box-shadow:0 4px 30px #0000001a}.uploader-area{text-align:center;cursor:pointer;background:#6366f105;border:2px dashed #6366f180;border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;transition:all .3s;display:flex}.uploader-area:hover,.uploader-area.dragging{border-color:var(--primary-color);background:#6366f10d;transform:scale(1.01)}.uploader-icon{color:var(--primary-color);width:48px;height:48px}.uploader-title{margin:0;font-size:1.25rem;font-weight:600}.uploader-desc{color:var(--text-muted);margin:0;font-size:.9rem}.split-pane{gap:1.5rem;height:calc(100vh - 200px);min-height:500px;display:flex}.pane{flex-direction:column;flex:1;display:flex}.pane-header{border-bottom:1px solid var(--border-color);background:#0003;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pane-title{align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.pane-content{flex:1;padding:1.5rem;font-size:.95rem;line-height:1.6;overflow-y:auto}.markdown-body{color:var(--text-main)}.markdown-body h1,.markdown-body h2,.markdown-body h3{border-bottom:1px solid var(--border-color);margin-top:1.5em;margin-bottom:1em;padding-bottom:.3em}.markdown-body table{border-collapse:collapse;width:100%;margin:1.5rem 0}.markdown-body th,.markdown-body td{border:1px solid var(--border-color);text-align:left;padding:.75rem}.markdown-body th{background:#0000004d;font-weight:600}.markdown-body tr:nth-child(2n){background:#ffffff05}.raw-markdown{white-space:pre-wrap;color:#a5b4fc;box-sizing:border-box;background:#0000004d;border-radius:.5rem;height:100%;padding:1rem;font-family:Courier New,Courier,monospace}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color);border:1px solid var(--border-color);border-radius:1rem;width:90%;max-width:500px;overflow:hidden;box-shadow:0 20px 40px #0006}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.modal-body{padding:1.5rem}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.5rem}.close-btn:hover{color:#fff;background:#ffffff1a}.footer{text-align:center;border-top:1px solid var(--border-color);margin-top:auto;padding:2rem}.b2b-banner{background:linear-gradient(90deg,#6366f11a,#a855f71a);border:1px solid #a855f74d;border-radius:1rem;align-items:center;gap:1rem;padding:1.5rem 2.5rem;transition:transform .2s;display:inline-flex}.b2b-banner:hover{transform:translateY(-2px)}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0f172ab3;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}