@import"https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Cinzel:wght@400;700&family=Dancing+Script:wght@400;700&family=Permanent+Marker&family=Press+Start+2P&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light],:root{color-scheme:light;--bg-primary: #f9fafb;--bg-secondary: #f3f4f6;--bg-tertiary: #ffffff;--card-bg: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--border-color: #e5e7eb;--accent-color: #7d55ff;--accent-hover: #6b46c1;--success-color: #10b981;--danger-color: #ef4444;--oai-primary: 263 70% 50.4%;--oai-secondary: 217 91% 60%;--oai-accent: 330 81% 60%;--oai-background: 0 0% 98%;--oai-card: 0 0% 100%;--oai-border: 240 5.9% 90%;--oai-foreground: 240 10% 3.9%;--oai-muted-foreground: 240 3.8% 46.1%;--oai-radius: 1rem;color:var(--text-primary);background-color:var(--bg-primary)}:root[data-theme=dark],.force-dark-theme{color-scheme:dark;--bg-primary: #030712;--bg-secondary: #111827;--bg-tertiary: #1f2937;--card-bg: hsl(240 8% 8%);--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: hsl(240 6% 20%);--accent-color: #8b5cf6;--accent-hover: #a78bfa;--success-color: #10b981;--danger-color: #f87171;--oai-primary: 263 70% 50.4%;--oai-secondary: 217 91% 60%;--oai-accent: 330 81% 60%;--oai-background: 240 10% 3.9%;--oai-card: 240 8% 8%;--oai-border: 240 6% 20%;--oai-foreground: 0 0% 98%;--oai-muted-foreground: 240 5% 65%;--oai-radius: 1rem;color:var(--text-primary);background-color:var(--bg-primary)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.3) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#a78bfa40;border-radius:100px;transition:background .2s}*::-webkit-scrollbar-thumb:hover{background:#a78bfa80}*::-webkit-scrollbar-corner{background:transparent}textarea::-webkit-scrollbar{width:5px}textarea::-webkit-scrollbar-thumb{background:#a78bfa33;border-radius:100px}textarea::-webkit-scrollbar-thumb:hover{background:#a78bfa66}ul{list-style:none;padding:0}li{background:var(--card-bg);padding:10px;border-radius:5px;margin-top:5px;box-shadow:0 1px 3px #0000001a}.li{background:var(--card-bg);display:block;width:100%;display:flex;align-items:center;gap:10px;text-align:start;padding:10px;border-radius:5px;margin-top:5px;box-shadow:0 1px 3px #0000001a}.export-connector-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}.export-connector-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border, #333);background:#ffffff0d;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.export-connector-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.export-connector-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.export-connector-btn .btn-spinner{animation:spin 1s linear infinite}.oai-header-glass{position:sticky;top:0;left:0;z-index:50;display:flex;align-items:center;padding:1rem 1.5rem;background-color:hsla(var(--oai-card) / .5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsla(var(--oai-border) / .5);box-shadow:0 2px 8px hsla(var(--oai-foreground) / .05);font-family:Inter,sans-serif}.oai-menu-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;height:40px;width:40px;border-radius:var(--oai-radius);border:1px solid transparent;background-color:transparent;color:hsl(var(--oai-muted-foreground));cursor:pointer;transition:all .2s ease;flex-shrink:0}.oai-menu-btn:hover{background-color:hsla(var(--oai-primary) / .1);color:hsl(var(--oai-primary))}.oai-menu-btn:focus-visible{outline:none;box-shadow:0 0 0 3px hsla(var(--oai-primary) / .3)}.oai-menu-btn.oai-opened{background-color:hsla(var(--oai-primary) / .1);color:hsl(var(--oai-primary))}.oai-header-title{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;color:hsl(var(--oai-foreground));margin-left:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden}.sidebar{width:250px;height:100vh;padding:20px;transition:transform .3s ease-in-out;border-right:1px solid grey}.sidebar.closed{transform:translate(-100%);position:absolute}.sidebar ul{list-style-type:none}.main-content{flex-grow:1;transition:margin-left .3s ease-in-out;height:100vh;width:100vw;overflow-y:scroll;overflow-x:hidden}.main-content.shifted{width:77.5vw;overflow-x:hidden}@media (max-width: 768px){.sidebar{height:100vh}.main-content.shifted{width:100vw;overflow-x:hidden}}.intro-container{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary, #0B0F19);position:fixed;width:100%;top:0;left:0;z-index:9999;transition:opacity .5s ease-in-out,visibility .5s;background:radial-gradient(circle at center,#131B2F 0%,var(--bg-primary, #0B0F19) 100%)}.intro-container.hidden{opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility 0s .5s}.loader-content{display:flex;flex-direction:column;align-items:center;gap:32px;animation:fade-in-up .8s ease-out forwards}.glowing-orb{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.inner-orb{width:36px;height:36px;background:var(--accent-color, #3b82f6);border-radius:50%;box-shadow:0 0 20px var(--accent-color, #3b82f6),0 0 40px var(--accent-color, #3b82f6),inset 0 0 10px #fffc;animation:pulse-orb 2s infinite ease-in-out alternate;z-index:2}.orb-ring{position:absolute;border-radius:50%;border:2px solid transparent;opacity:.8}.ring-1{width:100%;height:100%;border-top-color:var(--accent-color, #3b82f6);border-bottom-color:#3b82f64d;animation:spin 3s cubic-bezier(.68,-.55,.265,1.55) infinite}.ring-2{width:140%;height:140%;border-left-color:#3b82f680;border-right-color:var(--accent-color, #3b82f6);opacity:.5;animation:spin-reverse 5s linear infinite}.orb-particles{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,rgba(59,130,246,.2) 20%,transparent 40%);animation:spin 4s linear infinite;filter:blur(4px);z-index:1}.loader-text{display:flex;align-items:center;justify-content:center;font-family:Inter,Outfit,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:2px;margin-top:10px}.text-gradient{background:linear-gradient(90deg,#ffffff,var(--accent-color, #3b82f6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(59,130,246,.4)}.loading-dots{display:flex;margin-left:4px;width:24px}.loading-dots span{color:var(--accent-color, #3b82f6);font-size:1.75rem;line-height:1;opacity:0;animation:fade-dots 1.5s infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.3s}.loading-dots span:nth-child(3){animation-delay:.6s}.loader-subtitle{font-family:Inter,sans-serif;font-size:.9rem;color:#fff9;letter-spacing:1px;margin:0;font-weight:400;animation:pulse-opacity 2.5s infinite ease-in-out alternate}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-orb{0%{transform:scale(.85);box-shadow:0 0 15px var(--accent-color, #3b82f6),0 0 30px var(--accent-color, #3b82f6)}to{transform:scale(1.1);box-shadow:0 0 25px var(--accent-color, #3b82f6),0 0 60px var(--accent-color, #3b82f6)}}@keyframes fade-dots{0%,to{opacity:0}50%{opacity:1}}@keyframes pulse-opacity{0%{opacity:.4}to{opacity:.8}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}