@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Fira+Code:wght@400;500&display=swap);.navbar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080d14e6;border-bottom:1px solid var(--border);box-shadow:0 1px 0 #ffffff0a;height:64px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:20px}.navbar-logo{gap:12px}.logo-icon,.navbar-logo{align-items:center;display:flex}.logo-icon{animation:logoGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#6d28d9,#0891b2);border-radius:10px;box-shadow:0 0 20px #6d28d980;font-size:18px;height:38px;justify-content:center;width:38px}@keyframes logoGlow{0%,to{box-shadow:0 0 20px #6d28d980}50%{box-shadow:0 0 30px #0891b299}}.logo-text{align-items:center;display:flex;gap:8px}.logo-name{color:var(--text);font-size:20px;font-weight:900;letter-spacing:-.5px}.logo-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#22d3ee);-webkit-background-clip:text;background-clip:text}.logo-badge{background:linear-gradient(135deg,#6d28d9,#0891b2);border-radius:6px;color:#fff;font-size:9px;font-weight:800;letter-spacing:1.5px;padding:3px 8px}.navbar-tagline{background:var(--surface2);border:1px solid var(--border);border-radius:20px;color:var(--muted);font-size:12px;padding:4px 12px;white-space:nowrap}.navbar-center{gap:8px}.navbar-center,.stat-pill{align-items:center;display:flex}.stat-pill{background:var(--surface2);border:1px solid var(--border);border-radius:20px;color:var(--muted);font-size:11px;font-weight:500;gap:6px;padding:5px 12px;transition:all .2s}.stat-pill:hover{border-color:var(--border2);color:var(--text)}.stat-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.stat-dot.purple{background:#8b5cf6;box-shadow:0 0 6px #8b5cf6}.stat-dot.cyan{background:#22d3ee;box-shadow:0 0 6px #22d3ee}.stat-dot.green{background:#34d399;box-shadow:0 0 6px #34d399}.navbar-right{gap:10px}.live-badge,.navbar-right{align-items:center;display:flex}.live-badge{background:#34d3991a;border:1px solid #34d39940;border-radius:20px;color:#34d399;font-size:10px;font-weight:800;gap:6px;letter-spacing:1px;padding:5px 12px}.live-dot{animation:livePulse 1.5s ease-in-out infinite;background:#34d399;border-radius:50%;box-shadow:0 0 8px #34d399;height:7px;width:7px}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.model-badge{background:linear-gradient(135deg,#6d28d926,#0891b21a);border:1px solid #6d28d940;border-radius:20px;color:var(--text2);font-size:11px;font-weight:600;padding:5px 14px}.doc-output{background:linear-gradient(145deg,var(--surface2),var(--surface));border:1px solid var(--border);border-radius:var(--radius2);box-shadow:0 8px 32px #0000004d;min-height:220px;overflow:hidden;position:relative;transition:border-color .4s,box-shadow .4s}.doc-output:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.doc-output:has(.doc-body){border-color:#6d28d959;box-shadow:0 8px 40px #6d28d91f,0 0 0 1px #6d28d91a}.doc-output.empty,.doc-output.loading{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 40px}.doc-output.error{align-items:center;background:#ef44440d;border-color:#ef444459;color:#fca5a5;display:flex;font-size:14px;gap:12px;padding:24px}.empty-icon{animation:floatIcon 4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(109,40,217,.4));font-size:52px}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}.empty-text{color:var(--text2);font-size:15px;font-weight:600;line-height:1.6;text-align:center}.empty-hint{background:var(--surface3);border:1px solid var(--border);border-radius:20px;color:var(--border2);font-size:12px;padding:5px 14px}.spinner{animation:spin .65s linear infinite;border-bottom:3px solid var(--border2);border-left:3px solid var(--border2);border-radius:50%;border-right:3px solid #22d3ee;border-top:3px solid #8b5cf6;box-shadow:0 0 24px #6d28d959;height:44px;width:44px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--text2);font-size:15px;font-weight:600}.loading-sub{color:var(--muted);font-size:12px}.doc-toolbar{background:linear-gradient(135deg,#6d28d91a,#0891b20f);border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 20px}.doc-label,.doc-toolbar{align-items:center;display:flex}.doc-label{color:#a78bfa;font-size:11px;font-weight:800;gap:6px;letter-spacing:1.2px;text-transform:uppercase}.doc-actions{display:flex;gap:8px}.action-btn{background:var(--surface3);border:1px solid var(--border2);border-radius:10px;color:var(--text2);font-size:12px;font-weight:600;letter-spacing:.2px;padding:7px 16px;transition:all .2s}.action-btn:hover{background:#6d28d926;border-color:#8b5cf6;box-shadow:0 0 12px #6d28d933;color:#c4b5fd;transform:translateY(-1px)}.action-btn.green{background:#0596691a;border-color:#0596694d;color:#34d399}.action-btn.green:hover{background:#05966933;border-color:#34d399;box-shadow:0 0 12px #34d39933}.doc-body{font-size:14px;line-height:1.8;max-height:580px;overflow-y:auto;padding:24px 28px}.doc-body h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#a78bfa);-webkit-background-clip:text;background-clip:text;border-bottom:1px solid var(--border);font-size:22px;font-weight:900;margin:0 0 18px;padding-bottom:12px}.doc-body h2{align-items:center;color:#22d3ee;display:flex;font-size:17px;font-weight:700;gap:8px;margin:22px 0 10px}.doc-body h2:before{background:linear-gradient(180deg,#22d3ee,#6d28d9);border-radius:2px;content:"";flex-shrink:0;height:18px;width:3px}.doc-body h3{color:#34d399;font-size:15px;font-weight:600;margin:16px 0 8px}.doc-body p{color:var(--text2);margin-bottom:12px}.doc-body strong{color:var(--text);font-weight:700}.doc-body code{background:#6d28d92e;border:1px solid #6d28d940;border-radius:6px;color:#c4b5fd;font-family:Fira Code,monospace;font-size:12px;padding:2px 8px}.doc-body pre{background:var(--bg);border:1px solid var(--border2);border-left:3px solid #6d28d9;border-radius:var(--radius);box-shadow:inset 0 2px 8px #0000004d;margin:14px 0;overflow-x:auto;padding:18px}.doc-body pre code{background:none;border:none;color:var(--text);font-size:13px;line-height:1.6;padding:0}.doc-body ol,.doc-body ul{margin-bottom:12px;padding-left:22px}.doc-body li{color:var(--text2);margin-bottom:6px}.doc-body li::marker{color:#8b5cf6}.doc-body table{border-collapse:collapse;border-radius:var(--radius);box-shadow:0 4px 16px #0003;font-size:13px;margin:16px 0;overflow:hidden;width:100%}.doc-body th{background:linear-gradient(135deg,#6d28d940,#0891b226);border-bottom:1px solid var(--border2);color:#22d3ee;font-size:11px;font-weight:700;letter-spacing:.8px;padding:11px 16px;text-align:left;text-transform:uppercase}.doc-body td{border-bottom:1px solid var(--border);color:var(--text2);padding:10px 16px}.doc-body tr:last-child td{border-bottom:none}.doc-body tr:hover td{background:#6d28d90f}.doc-body blockquote{background:#f59e0b0f;border-left:3px solid #f59e0b;border-radius:0 10px 10px 0;color:var(--muted);font-style:italic;margin:14px 0;padding:12px 18px}.doc-body a{color:#60a5fa;text-decoration:none}.doc-body a:hover{text-decoration:underline}.doc-body hr{background:linear-gradient(90deg,#0000,var(--border2),#0000);border:none;height:1px;margin:20px 0}.page{display:flex;flex-direction:column;gap:22px}.split-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:1000px){.split-layout{grid-template-columns:1fr}}.input-panel{background:linear-gradient(145deg,var(--surface2),var(--surface));border:1px solid var(--border);border-radius:var(--radius2);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:22px;position:relative}.input-panel:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.output-panel{gap:16px}.field,.output-panel{display:flex;flex-direction:column}.field{gap:8px}.field label{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:1.2px;text-transform:uppercase}.field.flex1{flex:1 1}.field-row{align-items:flex-end;display:flex;gap:12px}.upload-btn{align-items:center;background:var(--surface3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text2);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.3px;padding:12px 16px;transition:all .25s;white-space:nowrap}.upload-btn:hover{background:#6d28d91f;border-color:var(--accent-light);box-shadow:0 0 16px #6d28d926;color:var(--accent-light);transform:translateY(-1px)}.primary-btn{animation:btnShimmer 3s ease infinite;background:linear-gradient(135deg,#6d28d9,#7c3aed 50%,#6d28d9);background-size:200% 200%;border-radius:var(--radius);box-shadow:0 4px 24px #6d28d973,inset 0 1px 0 #ffffff26;color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px;margin-top:4px;padding:15px 24px;width:100%}@keyframes btnShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.primary-btn:hover{box-shadow:0 8px 32px #6d28d9a6,inset 0 1px 0 #fff3;transform:translateY(-3px)}.primary-btn:disabled{animation:none;background:var(--surface3);box-shadow:none;color:var(--muted)}.app{display:flex;flex-direction:column;min-height:100vh}.app-body{display:flex;flex:1 1;gap:0}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px;height:calc(100vh - 64px);min-width:240px;overflow-y:auto;padding:24px 12px;position:-webkit-sticky;position:sticky;top:0;width:240px}.sidebar-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.5px;padding:0 12px 10px}.sidebar-btn{align-items:center;background:#0000;border-radius:var(--radius);color:var(--muted);display:flex;gap:12px;overflow:hidden;padding:12px 14px;position:relative;text-align:left;transition:all .25s ease;width:100%}.sidebar-btn:before{background:linear-gradient(135deg,#8b5cf6,#0000);background:linear-gradient(135deg,var(--tab-color,#8b5cf6),#0000);border-radius:var(--radius);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s}.sidebar-btn:hover{color:var(--text);transform:translateX(3px) translateY(0)}.sidebar-btn:hover:before{opacity:.08}.sidebar-btn.active{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #ffffff0d;color:var(--text)}.sidebar-btn.active:before{opacity:.12}.sidebar-icon{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;transition:all .25s;width:36px}.sidebar-btn.active .sidebar-icon{background:linear-gradient(135deg,#8b5cf6,#0000);background:linear-gradient(135deg,var(--tab-color,#8b5cf6),#0000);box-shadow:0 0 16px color-mix(in srgb,#8b5cf6 50%,#0000);box-shadow:0 0 16px color-mix(in srgb,var(--tab-color,#8b5cf6) 50%,#0000)}.sidebar-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.sidebar-title{font-size:13px;font-weight:600}.sidebar-sub{color:var(--muted);font-size:11px}.sidebar-btn.active .sidebar-sub{color:var(--text2)}.sidebar-arrow{color:#8b5cf6;color:var(--tab-color,#8b5cf6);font-size:18px;font-weight:300;margin-left:auto}.sidebar-divider{background:var(--border);height:1px;margin:12px 4px}.sidebar-info{display:flex;flex-direction:column;gap:8px;padding:4px}.info-card{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:10px;padding:10px 12px}.info-icon{font-size:18px}.info-text{display:flex;flex-direction:column;gap:1px}.info-text strong{color:var(--text2);font-size:12px;font-weight:700}.info-text span{color:var(--muted);font-size:10px}.main-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:28px 32px}.page-hero{align-items:center;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid #ffffff12;border-radius:var(--radius2);display:flex;gap:18px;overflow:hidden;padding:24px 28px;position:relative}.page-hero:before{background:radial-gradient(circle,color-mix(in srgb,#8b5cf6 30%,#0000),#0000 70%);background:radial-gradient(circle,color-mix(in srgb,var(--hero-color,#8b5cf6) 30%,#0000),#0000 70%);content:"";height:180px;left:-40px;top:-40px;width:180px}.hero-glow,.page-hero:before{pointer-events:none;position:absolute}.hero-glow{background:radial-gradient(circle,color-mix(in srgb,#8b5cf6 15%,#0000),#0000 70%);background:radial-gradient(circle,color-mix(in srgb,var(--hero-color,#8b5cf6) 15%,#0000),#0000 70%);bottom:-60px;height:200px;right:-60px;width:200px}.hero-icon{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 20%,#0000),#0000);background:linear-gradient(135deg,color-mix(in srgb,var(--hero-color,#8b5cf6) 20%,#0000),#0000);border:1px solid color-mix(in srgb,#8b5cf6 30%,#0000);border:1px solid color-mix(in srgb,var(--hero-color,#8b5cf6) 30%,#0000);border-radius:18px;display:flex;filter:drop-shadow(0 0 16px #8b5cf6);filter:drop-shadow(0 0 16px var(--hero-color,#8b5cf6));flex-shrink:0;font-size:42px;height:70px;justify-content:center;width:70px}.hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 40%,#8b5cf6);background:linear-gradient(135deg,#fff 40%,var(--hero-color,#8b5cf6));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;margin-bottom:4px}.hero-text p{color:var(--muted);font-size:14px}@media (max-width:900px){.app-body{flex-direction:column}.sidebar{flex-direction:row;flex-wrap:wrap;height:auto;padding:12px;width:100%}.main-content{padding:16px}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#03050a;--surface:#080d14;--surface2:#0e1520;--surface3:#141e2e;--border:#1a2332;--border2:#243044;--accent:#6d28d9;--accent-light:#8b5cf6;--accent2:#0891b2;--accent2-light:#22d3ee;--accent3:#059669;--accent3-light:#34d399;--pink:#db2777;--pink-light:#f472b6;--orange:#d97706;--orange-light:#fbbf24;--text:#f1f5f9;--text2:#cbd5e1;--muted:#64748b;--danger:#ef4444;--radius:14px;--radius2:20px;--radius3:24px}body{background:#03050a;background:var(--bg);color:#f1f5f9;color:var(--text);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(ellipse 80% 60% at 10% 0,#6d28d91f 0,#0000 60%),radial-gradient(ellipse 60% 50% at 90% 100%,#0891b21a 0,#0000 60%),radial-gradient(ellipse 40% 40% at 50% 50%,#db27770a 0,#0000 70%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#243044;background:var(--border2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6;background:var(--accent-light)}input,select,textarea{background:#0e1520;background:var(--surface2);border:1px solid #1a2332;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);color:#f1f5f9;color:var(--text);font-family:Fira Code,monospace;font-size:13px;outline:none;padding:13px 16px;resize:vertical;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#8b5cf6;border-color:var(--accent-light);box-shadow:0 0 0 3px #6d28d933,0 0 20px #6d28d91a}input:focus,select option,select:focus,textarea:focus{background:#141e2e;background:var(--surface3)}button{border:none;border-radius:14px;border-radius:var(--radius);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .25s ease}button:hover{transform:translateY(-2px)}button:active{transform:scale(.97) translateY(0)}button:disabled{cursor:not-allowed;opacity:.35;transform:none}
/*# sourceMappingURL=main.d0d9de5a.css.map*/