.chatbot-layout{display:grid;grid-template-columns:15% 1fr 30%;grid-template-rows:auto 1fr;min-height:100vh;background-color:var(--bg-color);grid-gap:0;gap:0;transition:grid-template-columns .3s ease;position:relative}.chatbot-layout.is-resizing{transition:none}.chatbot-header{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:8vh;padding:0 2%;background-color:var(--container-bg);border-bottom:2px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.chatbot-header h1{font-size:2rem;font-weight:700;margin:0}.chatbot-header-left,.chatbot-header-right{display:flex;align-items:center;gap:15px}.panel-toggle-btn{background-color:var(--container-bg);border:1px solid var(--border);color:var(--text-col);padding:8px 12px;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.panel-toggle-btn:hover{background-color:var(--hov-color);border-color:var(--text-col)}.panel-toggle-btn:active{transform:scale(.95)}.chatbot-left-panel{grid-column:1;background-color:#F9F9F9;padding:20px;border-right:2px solid var(--border);height:calc(100vh - 8vh);max-height:calc(100vh - 8vh);overflow-y:auto;overflow-x:hidden;transition:all .3s ease}.chatbot-left-panel.collapsed{padding:0;width:0;min-width:0;overflow:hidden;border-right:none}.chatbot-left-panel.collapsed .chatbot-left-panel-placeholder{display:none}.chatbot-left-panel-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-col);opacity:.5;font-style:italic}.recent-articles{display:flex;flex-direction:column;gap:12px;height:100%;width:100%;max-width:100%;overflow-x:hidden}.recent-articles-title{font-size:1.1rem;font-weight:600;color:var(--text-col);margin:0;padding-bottom:8px;border-bottom:1px solid var(--border)}.recent-articles-list{display:flex;flex-direction:column;gap:8px;flex:1 1;overflow-y:auto;overflow-x:hidden}.recent-article-item{padding:10px 12px;background-color:var(--container-bg);border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;width:calc(100% - 4px)}.recent-article-item:hover{background-color:var(--glider-col);border-color:var(--border);transform:translateX(2px)}.recent-article-item.selected{background-color:var(--glider-col);border-color:var(--checked-input-col);border-width:2px}.recent-article-headline{font-size:.9rem;font-weight:500;color:var(--text-col);margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.recent-article-source{font-size:.75rem;color:var(--text-col);opacity:.7;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.recent-articles-error,.recent-articles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;color:var(--text-col);opacity:.7}.refresh-button,.retry-button{padding:6px 12px;font-size:.8rem;background-color:var(--glider-col);color:var(--text-col);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease;margin-top:auto}.refresh-button:hover,.retry-button:hover{background-color:var(--hov-color);border-color:var(--text-col)}[data-theme=dark] .recent-article-item{background-color:#2D2D2E}[data-theme=dark] .recent-article-item:hover{background-color:#3d3d3e}[data-theme=dark] .recent-article-item.selected{background-color:#3d3d3e;border-color:var(--checked-input-col)}.chatbot-main-panel{grid-column:2;background-color:var(--container-bg);padding:0;display:flex;flex-direction:column;height:calc(100vh - 8vh);max-height:calc(100vh - 8vh);overflow:hidden;transition:all .3s ease;position:relative}.chatbot-text-output-area{flex:1 1;overflow-y:auto;padding:20px;min-height:0;display:flex;flex-direction:column;align-items:center}.chatbot-text-output-area>div:first-child:not(.chatbot-component-wrapper){display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:10px}.chatbot-text-output-area .text-output p,.chatbot-text-output-area>div:first-child:not(.chatbot-component-wrapper) p{display:inline-block;width:100%;margin:0 5px;padding:5px;border-radius:3px;height:auto;color:var(--text-col)}.chatbot-text-output-area .text-output{width:100%!important;max-width:50vw;min-height:400px;border:none;border-radius:0;margin:10px auto;background-color:var(--container-bg);padding:0;overflow-y:auto;display:flex;flex-wrap:wrap;gap:.3rem .4rem;align-content:flex-start;flex-shrink:0}.chatbot-text-output-area .color-key{flex-shrink:0;margin:0 auto 10px;width:100%;max-width:50vw;display:flex;gap:15px;padding:8px;background-color:var(--output-box-col);border:2px solid black;border-radius:8px}.chatbot-text-output-area .color-key .key-item{display:flex;align-items:center;gap:6px;color:var(--text-col)}.chatbot-text-output-area .color-key .key-item span{color:var(--text-col)}.chatbot-text-output-area .text-output p{display:inline-block;width:100%;margin:0 5px;padding:5px;border-radius:3px;height:auto;color:var(--text-col)}.chatbot-text-output-area input[type=text],.chatbot-text-output-area textarea{flex-shrink:0;width:100%}.chatbot-text-output-area .loading-div,.chatbot-text-output-area .submit-button{flex-shrink:0}.chatbot-input-section-wrapper{position:-webkit-sticky;position:sticky;bottom:0;background-color:var(--container-bg);padding:15px 20px 20px;z-index:10;flex-shrink:0;display:flex;justify-content:center}.chatbot-input-pill{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-gap:8px 12px;gap:8px 12px;align-items:center;background-color:var(--input-region-bg);border-radius:25px;padding:10px 18px;width:100%;max-width:50vw;border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:visible}.chatbot-input-component-wrapper,.chatbot-input-component-wrapper form,.chatbot-input-component-wrapper>div:not(.chatbot-input-component-wrapper){display:contents}.chatbot-input-pill input[type=text],.chatbot-input-pill textarea{grid-column:1/-1;grid-row:1;width:100%;background-color:transparent;border:none;outline:none;resize:none;font-size:1rem;color:var(--text-col);padding:4px 5px}.chatbot-input-pill input::placeholder,.chatbot-input-pill textarea::placeholder{color:var(--text-col);opacity:.6}.chatbot-controls-row{grid-column:1;grid-row:2;justify-self:start}.chatbot-input-pill .loading-div,.chatbot-input-pill .submit-button{grid-column:2;grid-row:2;justify-self:end;width:-moz-fit-content;width:fit-content;border-radius:20px;white-space:nowrap;min-width:max-content}.chatbot-input-pill .submit-button,.chatbot-input-pill button{background-color:#2D2D2E;color:white}.chatbot-input-pill .submit-button:hover,.chatbot-input-pill button:hover{background-color:#3d3d3e}.chatbot-input-pill .loading-div{padding-right:5px;border-radius:20px;overflow:hidden;background-color:#2D2D2E}.chatbot-input-pill .loading-div .loading-button{background-color:#2D2D2E;color:white}.chatbot-main-panel .text-output{width:100%!important;min-height:400px;border:none;border-radius:0;margin:10px 0;background-color:var(--container-bg);padding:0;overflow-y:auto;display:flex;flex-wrap:wrap;gap:.3rem .4rem;align-content:flex-start}.resize-handle{position:absolute;left:0;top:0;width:10px;height:100%;cursor:col-resize;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:50;transform:translateX(-50%)}.resize-handle:hover{background-color:var(--glider-col);opacity:.5}.chatbot-layout.is-resizing .resize-handle{background-color:var(--glider-col);opacity:.7}.resize-handle-bar{width:4px;height:50px;background-color:var(--border);border-radius:2px;transition:all .2s ease}.resize-handle:hover .resize-handle-bar{background-color:var(--text-col);height:80px}.chatbot-layout.is-resizing .resize-handle-bar{background-color:var(--text-col);height:100px}.chatbot-right-panel{grid-column:3;background-color:#F9F9F9;padding:20px;border-left:2px solid var(--border);height:calc(100vh - 8vh);max-height:calc(100vh - 8vh);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:15px;position:relative;transition:all .3s ease}.chatbot-right-panel.collapsed{padding:0;width:0;min-width:0;overflow:hidden;border-left:none}.chatbot-right-panel.collapsed>*{display:none}@media (max-width:768px){.panel-toggle-btn{display:none}.chatbot-layout{grid-template-rows:auto auto 1fr auto}.chatbot-layout,.chatbot-layout.left-collapsed,.chatbot-layout.left-collapsed.right-collapsed,.chatbot-layout.right-collapsed{grid-template-columns:1fr}.chatbot-left-panel.collapsed,.chatbot-right-panel.collapsed{display:none}.chatbot-header{grid-column:1;height:auto;min-height:8vh;padding:15px 2%}.chatbot-header h1{font-size:1.5rem}.chatbot-left-panel{grid-column:1;grid-row:2;height:auto;max-height:150px;border-right:none;border-bottom:2px solid var(--border);padding:15px;overflow-y:auto;overflow-x:hidden}.chatbot-main-panel{grid-column:1;grid-row:3;height:auto;min-height:50vh;max-height:60vh;padding:0;overflow:hidden}.chatbot-text-output-area{max-height:calc(60vh - 200px)}.chatbot-right-panel{grid-column:1;grid-row:4;height:auto;max-height:40vh;border-left:none;border-top:2px solid var(--border);padding:15px;overflow-y:auto;overflow-x:hidden}.chatbot-main-panel .text-output{max-height:400px;min-height:300px}}.chatbot-text-output-area .input-wrapper{width:100%}.chatbot-main-panel .input-container{width:auto}.chatbot-main-panel .color-key{width:100%}.chatbot-input-section-wrapper .tabs{display:flex;position:relative;background-color:var(--input-box-col);box-shadow:0 0 1px 0 rgba(24,94,224,.15),0 6px 12px 0 rgba(24,94,224,.15);padding:.75rem;border-radius:99px}.chatbot-input-section-wrapper .tabs *{z-index:2}.chatbot-input-section-wrapper .tab{display:flex;align-items:center;justify-content:center;height:30px;width:50px;font-size:.8rem;color:var(--text-col);font-weight:500;border-radius:99px;cursor:pointer;transition:color .15s ease-in}.chatbot-input-section-wrapper .container1 input[type=radio]:checked+label{color:var(--checked-input-col)}.chatbot-input-section-wrapper .container1 input[type=radio]{display:none}.chatbot-input-section-wrapper .container1 input[id=radio-1]:checked~.glider{transform:translateX(0)}.chatbot-input-section-wrapper .container1 input[id=radio-2]:checked~.glider{transform:translateX(100%)}.chatbot-input-section-wrapper .glider{position:absolute;display:flex;height:30px;width:50px;background-color:var(--glider-col);z-index:1;border-radius:99px;transition:.25s ease-out}.chatbot-main-panel .container,.chatbot-right-panel .container{width:100%;margin:0;padding:0}.chatbot-right-panel .chartDiv,.chatbot-right-panel .container2,.chatbot-right-panel .container3,.chatbot-right-panel .container4{width:100%}.chatbot-left-panel::-webkit-scrollbar,.chatbot-right-panel::-webkit-scrollbar,.chatbot-text-output-area::-webkit-scrollbar{width:10px}.chatbot-left-panel::-webkit-scrollbar-track,.chatbot-right-panel::-webkit-scrollbar-track{background:var(--bg-color);border-radius:10px}.chatbot-text-output-area::-webkit-scrollbar-track{background:var(--container-bg);border-radius:10px}.chatbot-left-panel::-webkit-scrollbar-thumb,.chatbot-right-panel::-webkit-scrollbar-thumb,.chatbot-text-output-area::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px}.chatbot-left-panel::-webkit-scrollbar-thumb:hover,.chatbot-right-panel::-webkit-scrollbar-thumb:hover,.chatbot-text-output-area::-webkit-scrollbar-thumb:hover{background-color:#888}.auto-resize-textarea{width:97%;padding:10px;margin:10px 0;border:2px solid black;border-radius:5px;background-color:var(--output-box-col);color:var(--text-col);font-family:inherit;font-size:1rem;line-height:1.4;transition:height .1s ease-out}.auto-resize-textarea:focus{outline:none;border-color:var(--glider-col)}.typing-cursor{display:inline;animation:blink .7s step-end infinite;color:var(--text-col);font-weight:400}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.inline-tooltip{width:100%;background-color:var(--output-box-col);border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin:8px 0;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:12px}.inline-tooltip p{margin:4px 0;font-size:.9rem;color:var(--text-col)}.score-colorbar-container{display:flex;align-items:center;gap:12px;width:100%}.score-colorbar-label{font-size:.85rem;color:var(--text-col);min-width:140px;flex-shrink:0}.score-colorbar{flex:1 1;position:relative;height:24px}.score-colorbar-gradient{width:100%;height:16px;border-radius:4px;background:linear-gradient(90deg,#3b82f6 0,#93c5fd 25%,#f5f5f5 50%,#fca5a5 75%,#ef4444);border:1px solid var(--border)}.score-colorbar-marker{position:absolute;top:0;width:3px;height:16px;background-color:black;transform:translateX(-50%);border-radius:1px}.score-colorbar-value{font-size:.85rem;color:var(--text-col);min-width:45px;text-align:right;font-family:monospace}[data-theme=dark] .inline-tooltip{background-color:#515152}[data-theme=dark] .chatbot-main-panel{background-color:#2D2D2E}[data-theme=dark] .chatbot-left-panel,[data-theme=dark] .chatbot-right-panel{background-color:#1C1C1C}[data-theme=dark] .chatbot-input-section-wrapper,[data-theme=dark] .chatbot-main-panel .text-output,[data-theme=dark] .chatbot-text-output-area .text-output{background-color:#2D2D2E}[data-theme=dark] .chatbot-input-pill{background-color:#515152}[data-theme=dark] .chatbot-header{background-color:#1C1C1C}[data-theme=dark] .chatbot-text-output-area::-webkit-scrollbar-track{background:#2D2D2E}[data-theme=dark] .chartDiv,[data-theme=dark] .color-key,[data-theme=dark] .container3{background-color:#515152}[data-theme=dark] .chatbot-input-pill .submit-button,[data-theme=dark] .chatbot-input-pill button{background-color:#F9F9F9;color:black}[data-theme=dark] .chatbot-input-pill .submit-button:hover,[data-theme=dark] .chatbot-input-pill button:hover{background-color:#e0e0e0}[data-theme=dark] .chatbot-input-pill .loading-div{background-color:#F9F9F9}[data-theme=dark] .chatbot-input-pill .loading-div .loading-button{background-color:#F9F9F9;color:black}