.items-list{margin:12px 0;padding:8px;border-radius:8px;max-width:100%;overflow:hidden}.items-list__carousel{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.items-list__carousel::-webkit-scrollbar{height:4px}.items-list__carousel::-webkit-scrollbar-track{background:transparent}.items-list__carousel::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:2px}.items-list__item{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#e1e5e9;border-radius:20px;font-size:.875rem;font-weight:500;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:default}.items-list__item--clickable{cursor:pointer}.items-list__item--clickable:hover{background:#d1d8e0;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.items-list__item--clickable:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a;background:#c1c8d0}.items-list__item-name{color:#333}.playground{display:flex;flex-direction:column;height:100vh;max-width:1700px;margin:0 auto;background:white;border:1px solid #ddd}.playground__content{display:flex;flex:1;min-height:0}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-bottom:1px solid #ddd}.header__title{margin:0;font-size:1.5rem;color:#333}.header__url-input{display:flex;align-items:center;gap:.5rem}.header__label{font-size:.9rem;color:#555;font-weight:500}.header__input{padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;min-width:300px;outline:none}.header__input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.header__button{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;font-weight:500;transition:background-color .2s ease}.header__button:hover{background:#0056b3}.header__button:active{transform:scale(.98)}.sidebar{width:500px;background:#f8f9fa;border-right:1px solid #ddd;padding:1rem;overflow-y:auto}.sidebar__section{margin-bottom:1.5rem}.sidebar__label{display:block;font-size:.9rem;font-weight:600;color:#333;margin-bottom:.5rem}.sidebar__textarea{width:100%;min-height:200px;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.4;resize:vertical;outline:none;background:white;white-space:nowrap;overflow-x:auto;word-wrap:normal}.sidebar__textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.sidebar__button{margin-top:.75rem;padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.sidebar__button:hover:not(:disabled){background:#0056b3}.sidebar__button:disabled{background:#6c757d;cursor:not-allowed}.chat{flex:1;display:flex;flex-direction:column;min-width:0}.chat__header{padding:.75rem 1rem;background:#ffffff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.chat__thread-info{display:flex;align-items:center;gap:.5rem}.chat__thread-label{font-size:.9rem;color:#6c757d;font-weight:500}.chat__thread-id{font-size:.9rem;color:#495057;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;border:1px solid #e9ecef}.chat__new-thread-button{background:#6c757d;color:#fff;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;transition:background-color .2s ease}.chat__new-thread-button:hover{background:#5a6268}.chat__new-thread-button:active{transform:scale(.95)}.chat__messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chat__input{display:flex;padding:1rem;background:#fff;border-top:1px solid #ddd;gap:.75rem;align-items:flex-end}.chat__textarea{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:20px;font-size:.9rem;line-height:1.4;resize:none;outline:none;min-height:20px;max-height:120px;font-family:inherit}.chat__textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.chat__textarea:disabled{background:#f8f9fa;color:#999}.chat__button{padding:.75rem 1.5rem;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:500;min-width:80px;transition:all .2s ease}.chat__button--send{background:#007bff}.chat__button--send:hover:not(:disabled){background:#0056b3}.chat__button--stop{background:#dc3545}.chat__button--stop:hover:not(:disabled){background:#c82333}.chat__button:disabled{background:#6c757d;cursor:not-allowed}.chat__button-icon{margin-right:.5rem;font-size:.9rem}.message{display:flex;flex-direction:column;max-width:70%}.message--user{align-self:flex-end;align-items:flex-end}.message--agent{align-self:flex-start;align-items:flex-start}.message__content{padding:.75rem 1rem;border-radius:18px;word-wrap:break-word;white-space:pre-wrap;max-width:100%;overflow:hidden}.message--user .message__content{background:#007bff;color:#fff}.message--agent .message__content,.message__content--loading{background:#f1f3f4;color:#333}.message__time{font-size:.75rem;color:#666;margin-top:.25rem;padding:0 .5rem}.message__typing-indicator{display:flex;align-items:center;gap:.25rem}.message__typing-indicator span{width:8px;height:8px;border-radius:50%;background:#999;animation:typing 1.4s infinite}.message__typing-indicator span:nth-child(2){animation-delay:.2s}.message__typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}@media (max-width: 768px){.playground{height:100vh;border:none;max-width:100%}.playground__content{flex-direction:column}.sidebar{width:100%;height:200px;border-right:none;border-bottom:1px solid #ddd}.header__url-input{flex-direction:column;gap:.25rem;align-items:flex-start}.header__input{min-width:200px}.message{max-width:85%}.sidebar__textarea{min-height:100px}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}*{box-sizing:border-box}#root{width:100%;height:100vh}