:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.1;margin-bottom:1rem}h2{font-size:1.5em;margin-bottom:.75rem}button{border-radius:8px;border:1px solid #d0d0d0;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;color:#213547;cursor:pointer;transition:all .25s}button:hover{border-color:#646cff;background-color:#f9f9f9}button:focus,button:focus-visible{outline:2px solid #646cff;outline-offset:2px}button.primary{background-color:#646cff;color:#fff;border-color:#646cff}button.primary:hover{background-color:#535bf2;border-color:#535bf2}button.danger{background-color:#f44336;color:#fff;border-color:#f44336}button.danger:hover{background-color:#da190b;border-color:#da190b}input,textarea,select{width:100%;padding:.6em;margin:.5em 0;border:1px solid #d0d0d0;border-radius:4px;background-color:#fff;color:#213547;font-family:inherit;font-size:1em}input:focus,textarea:focus,select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}label{display:block;margin-top:1em;margin-bottom:.25em;font-weight:500}.container{width:100%;padding:2rem 3rem;box-sizing:border-box}.card{background-color:#fff;border-radius:8px;padding:1.5rem;margin:1rem 0;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a}.card:hover{border-color:#646cff;box-shadow:0 2px 8px #646cff26}.form-group{margin-bottom:1rem}.btn-group{display:flex;gap:.5rem;margin-top:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.error{color:#c62828;padding:1rem;background-color:#ffebee;border:1px solid #ef9a9a;border-radius:4px;margin:1rem 0}.loading{text-align:center;padding:2rem;color:#666}.nav{background-color:#fff;padding:1rem 3rem;margin-bottom:0;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:2rem;list-style:none}.nav-user{display:flex;align-items:center;gap:.75rem}.nav-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.nav-user-name{font-weight:500;color:#666}.nav-logout-btn{padding:.4em .8em;font-size:.9em}.nav-links a{color:#213547;text-decoration:none;font-weight:500;transition:color .25s}.nav-links a:hover,.nav-links a.active{color:#646cff}.table-container{margin:1rem 0;overflow-x:auto;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a}.data-table{width:100%;border-collapse:collapse;font-size:.95em}.data-table thead{background-color:#f9f9f9;border-bottom:2px solid #e0e0e0}.data-table th{padding:1rem;text-align:left;font-weight:600;color:#213547}.data-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .15s}.data-table tbody tr:hover{background-color:#f9f9f9}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:1rem;vertical-align:middle}.data-table td .btn-group{margin-top:0;justify-content:flex-start}.playground-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e0e0e0;margin-bottom:2rem}.playground-tabs .tab{padding:.75rem 1.5rem;text-decoration:none;color:#666;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;font-weight:500}.playground-tabs .tab:hover{color:#646cff;background-color:#f9f9f9}.playground-tabs .tab.active{color:#646cff;border-bottom-color:#646cff;background-color:#f9f9f9}.playground-content{margin-top:2rem}.llm-interface-container{width:100%}.llm-messages-container{margin-bottom:1.5rem;max-height:600px;overflow-y:auto}.llm-message{display:flex;flex-direction:column}.llm-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.llm-message-content{background-color:#f9f9f9;padding:1rem;border-radius:4px;border:1px solid #e0e0e0}.llm-message-stats{display:flex;flex-wrap:wrap;gap:.5rem}.llm-input-form{position:sticky;bottom:0;background-color:#fff;box-shadow:0 -2px 8px #0000001a}.llm-console-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;height:calc(100vh - 320px);align-items:start;margin-bottom:1rem}.llm-console-input-panel,.llm-console-output-panel{display:flex;flex-direction:column;height:100%}.llm-console-input-panel .card{height:100%;display:flex;flex-direction:column;margin:0}.llm-console-input-panel textarea{flex:1;resize:none;min-height:0;overflow-y:auto}.llm-console-input-panel form{display:flex;flex-direction:column;flex:1;min-height:0}.metadata-table{width:100%;border-collapse:collapse;font-size:.95em}.metadata-table td{padding:.75rem;border-bottom:1px solid #e0e0e0}.metadata-table tr:last-child td{border-bottom:none}.metadata-label{font-weight:600;width:40%;color:#213547}.metadata-value{color:#666}.output-content{background-color:#f9f9f9;padding:1rem;border-radius:4px;border:1px solid #e0e0e0;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:100%}.markdown-content{line-height:1.6;color:#213547;max-width:100%;width:100%}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.25}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content h1{font-size:2em;border-bottom:1px solid #e0e0e0;padding-bottom:.3em}.markdown-content h2{font-size:1.5em;border-bottom:1px solid #e0e0e0;padding-bottom:.3em}.markdown-content h3{font-size:1.25em}.markdown-content p{margin-bottom:1em;overflow-wrap:break-word;word-wrap:break-word}.markdown-content ul,.markdown-content ol{margin-bottom:1em;padding-left:2em}.markdown-content li{margin-bottom:.25em;overflow-wrap:break-word;word-wrap:break-word}.markdown-content code{background-color:#646cff1a;padding:.2em .4em;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;overflow-wrap:break-word;word-wrap:break-word}.markdown-content pre{background-color:#282c34;color:#abb2bf;padding:1em;border-radius:4px;margin-bottom:1em;max-width:100%;width:100%;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.output-content>pre{max-width:100%;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.markdown-content pre code{background-color:transparent;padding:0;color:inherit;font-size:.9em;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.markdown-content blockquote{border-left:4px solid #646cff;padding-left:1em;margin-left:0;margin-bottom:1em;color:#666}.markdown-content a{color:#646cff;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:1em;display:block;overflow-x:auto;max-width:100%}.markdown-content table th,.markdown-content table td{border:1px solid #e0e0e0;padding:.5em;text-align:left}.markdown-content table th{background-color:#f9f9f9;font-weight:600}.markdown-content hr{border:none;border-top:2px solid #e0e0e0;margin:2em 0}.markdown-content img{max-width:100%;height:auto}.render-mode-toggle{display:inline-flex;border:1px solid #d0d0d0;border-radius:8px;overflow:hidden}.render-mode-toggle button{margin:0;border:none;border-radius:0;padding:.5em 1em;font-size:.85em;background-color:#fff;color:#666;transition:all .2s}.render-mode-toggle button:not(:last-child){border-right:1px solid #d0d0d0}.render-mode-toggle button:hover:not(.active){background-color:#f5f5f5;border-color:#d0d0d0}.render-mode-toggle button.active{background-color:#646cff;color:#fff;font-weight:600}.render-mode-toggle button:focus,.render-mode-toggle button:focus-visible{outline:none;box-shadow:none}.spinner-container{display:flex;align-items:center;justify-content:center;padding:2rem;flex:1}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #646cff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.llm-console-output-panel>.card:first-child{margin:0;margin-bottom:1rem;flex-shrink:0}.llm-console-output-panel>.card:last-child{margin:0;display:flex;flex-direction:column;flex:1;min-height:0;max-height:100%;overflow:hidden}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0003;text-align:center;max-width:400px;width:100%;margin:1rem}.login-container h1{color:#213547;margin-bottom:.5rem}.login-container p{color:#666;margin-bottom:2rem}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.google-login-btn:hover{border-color:#4285f4;box-shadow:0 2px 8px #4285f433}.google-login-btn svg{flex-shrink:0}.login-note{margin-top:1.5rem;font-size:.85rem;color:#999}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #646cff;border-radius:50%;animation:spin 1s linear infinite}