.upload-box{background:var(--card-bg);border:2px dashed var(--border);color:var(--text-muted);padding:20px;border-radius:14px;text-align:center;transition:background .25s ease,color .25s ease}.upload-box h2{font-size:26px;background:linear-gradient(90deg,#4f46e5,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}input[type=file]{width:95%;padding:12px;margin-bottom:14px;border-radius:10px;border:2px dashed var(--border);background:var(--input-bg)}button.primary{background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:600}.summary-card{background:var(--card-bg);border-radius:14px;padding:20px;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:1px solid var(--border);color:#111827}.summary-header h3{margin:0}.summary-header button{background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;border:none;padding:6px 14px;border-radius:8px;cursor:pointer}.summary-card p,.summary-card li,.summary-card span,.summary-card strong,.summary-card em{color:inherit}.summary-card h1,.summary-card h2,.summary-card h3,.summary-card h4{color:#4f46e5}.summary-card code{background:#f3f4f6;padding:2px 6px;border-radius:6px;color:#111827}.summary-card pre{background:#f9fafb;padding:12px;border-radius:12px;overflow-x:auto}.summary-card img{max-width:100%;border-radius:14px;margin:16px 0;box-shadow:0 6px 20px #00000026}.dark .summary-card{background:#0f172a;color:#f8fafc;border-color:#1e293b}.dark .summary-card h1,.dark .summary-card h2,.dark .summary-card h3,.dark .summary-card h4{color:#a5b4fc}.dark .summary-card code{background:#020617;color:#38bdf8}.dark .summary-card pre{background:#020617}.dark .summary-card a{color:#60a5fa}.summary-card{transition:background .25s ease,color .25s ease}.chat-bubble.user{background:var(--bubble-user);color:#fff;margin-left:auto;border-bottom-right-radius:6px}.dark .chat-bubble.ai p,.dark .chat-bubble.ai li,.dark .chat-bubble.ai code{color:#e5e7eb}.dark .chat-bubble.ai code{background:#020617}.chat-input input{flex:1;padding:12px;border-radius:10px;background:var(--input-bg);color:var(--text);border:1px solid var(--border);transition:background .25s ease,color .25s ease}---------------- CHAT CARD ---------------- .chat-card{background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;height:100%;transition:background .25s ease,color .25s ease}.chat-panel,.right-panel{position:relative;background:var(--card-bg);color:var(--text);border-left:1px solid var(--border);padding:24px;display:flex;flex-direction:column}.chat-bubble.user{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.chat-bubble.ai{background:var(--bubble-bot);color:var(--text)}body.dark .chat-panel,body.dark .right-panel{background:#020617;color:#e5e7eb}body.dark .chat-bubble.user{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#f8fafc}body.dark .chat-input input{background:#020617;color:#e5e7eb;border:1px solid #334155}body.dark .chat-input button{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.chat-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.chat-overlay-content{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px 28px;border-radius:16px;text-align:center;max-width:360px;box-shadow:0 20px 40px #00000026}.chat-overlay-content h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#2563eb}body.dark .chat-overlay-content{background:#020617d9}.chat-content{position:relative;flex:1;display:flex;flex-direction:column}.chat-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none}.chat-overlay-content{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px 28px;border-radius:16px;text-align:center;max-width:360px;box-shadow:0 20px 40px #0000002e}.chat-overlay-content h3{margin:0 0 10px;font-size:18px;font-weight:600;color:#2563eb}.chat-overlay-content p{margin:0;font-size:14px;color:#475569;line-height:1.6}body.dark .chat-overlay-content{background:#020617eb}body.dark .chat-overlay-content h3{color:#60a5fa}body.dark .chat-overlay-content p{color:#cbd5f5}.chat-content{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-content.blurred{filter:blur(4px);pointer-events:none}.chat-messages{flex:1;overflow-y:auto;padding-right:8px;margin-bottom:12px;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:#a5b4fc;border-radius:3px}body.dark .chat-messages::-webkit-scrollbar-thumb{background:#3b82f6}.chat-bubble.user{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;margin-left:auto;border-bottom-right-radius:6px}.chat-bubble.ai{background:var(--bubble-bot);color:var(--text);margin-right:auto;border-bottom-left-radius:6px}body.light .chat-bubble.ai{background:#e5e7eb;color:#111827}body.dark .chat-bubble.ai{background:#1e293b;color:#e5e7eb}.navbar{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg);transition:background .25s ease,color .25s ease}.logo{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;color:var(--text);text-decoration:none}.logo_div{display:flex;align-items:center;justify-content:center;height:35px;width:35px}.logo_image{height:100%;width:100%;object-fit:contain}.nav-right{display:flex;align-items:center;gap:16px}.nav-link{color:var(--text);text-decoration:none;font-weight:500}.try-btn{background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;border:none;padding:8px 16px;border-radius:10px;font-weight:600;cursor:pointer}.theme-toggle{background:var(--card);border:1px solid var(--border);padding:6px 8px;border-radius:8px;cursor:pointer}.footer{border-top:1px solid var(--border);padding:20px;text-align:center;background:var(--bg);color:var(--text-muted);transition:background .25s ease,color .25s ease}.footer-links{margin-top:8px;display:flex;justify-content:center;gap:16px}.footer-links a{color:var(--text);text-decoration:none;font-weight:500}-------------------- GLOBAL -------------------- *{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#eef2ff,#f8fafc);color:#1f2937}.left-panel{width:60%;flex:1;padding:24px;overflow-y:auto}.left-panel h2{font-size:26px;background:linear-gradient(90deg,#4f46e5,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card{background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:20px}button{padding:10px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;font-weight:600;cursor:pointer;margin-right:10px;transition:all .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4f46e559}button:disabled{background:#c7d2fe;cursor:not-allowed}.markdown img{max-width:100%;border-radius:14px;margin:16px 0;box-shadow:0 6px 20px #00000026}.markdown h1,.markdown h2,.markdown h3{color:#4f46e5}.right-panel{flex:1;padding:24px;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#f9fafb)}.chat-messages{flex:1;overflow-y:auto;margin-bottom:12px}.chat-bubble{max-width:75%;padding:12px 16px;border-radius:16px;margin-bottom:12px;line-height:1.6;box-shadow:0 4px 14px #00000014}.chat-bubble.user{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;margin-left:auto;border-bottom-right-radius:6px}.chat-bubble.ai{background:#f1f5f9;color:#1f2937;margin-right:auto;border-bottom-left-radius:6px}.chat-input{display:flex;gap:10px}.chat-input input{flex:1;padding:12px;border-radius:10px;border:1px solid #d1d5db}.chat-locked{filter:blur(3px);pointer-events:none}.summary-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 10px 30px #00000014;transition:all .3s ease}.summary-header{display:flex;justify-content:space-between;align-items:center}.summary-header button{background:linear-gradient(135deg,#6366f1,#22d3ee);border:none;color:#fff;padding:6px 14px;border-radius:8px;cursor:pointer}.summary-card.collapsed{max-height:70px;overflow:hidden}.chat-card{background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;height:100%}.bubble.user{background:var(--bubble-user);color:#fff}.bubble.bot{background:var(--bubble-bot);color:var(--text)}.chat-input input{background:var(--input-bg);color:var(--text);border:1px solid var(--border)}.chat-input input::placeholder{color:var(--text-muted)}.upload-box{background:var(--card-bg);border:2px dashed var(--border);color:var(--text-muted)}button{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}button.primary{background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;border:none}body.light{--bg: #f8fafc;--card-bg: #ffffff;--text: #0f172a;--text-muted: #475569;--border: #e5e7eb;--input-bg: #ffffff;--bubble-user: #6366f1;--bubble-bot: #e2e8f0}body.dark{--bg: #0b1220;--card-bg: #020617;--text: #e5e7eb;--text-muted: #94a3b8;--border: #1e293b;--input-bg: #020617;--bubble-user: #6366f1;--bubble-bot: #1e293b}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);transition:background .3s ease,color .3s ease}.app-container{display:flex;height:100vh}.left-panel{flex:1;padding:24px;overflow-y:auto}.right-panel{flex:1;padding:24px;border-left:1px solid var(--border);display:flex;flex-direction:column}.docs-container{max-width:900px;margin:40px auto;padding:30px;background:var(--card-bg);color:var(--text);border-radius:18px;line-height:1.8;transition:background .25s ease,color .25s ease}.docs-container h1,.docs-container h2,.docs-container h3{background:linear-gradient(90deg,#6366f1,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.docs-container p,.docs-container li{color:var(--text)}.docs-container code{background:#6366f11f;padding:4px 8px;border-radius:6px;font-size:.95rem}[data-theme=dark] .docs-container code{background:#6366f140}.docs-container hr{border:none;border-top:1px solid rgba(148,163,184,.25);margin:24px 0}