:root{--rm-font-family: "Inter", "Avenir Next", "Segoe UI", sans-serif;--base-transition: all .15s ease-in-out;--bg-2-1-dark: #000000;--bg-2-2-dark-gray: #1f1f1f;--bg-2-3-white: #ffffff;--bg-2-4-gray-1: #f5f5f5;--bg-2-5-gray-2: #ededed;--core-1-1-core: #1636ff;--core-1-2-hover: #3860ff;--divider-6-1-white: #b8b8b8;--border-1-1-light: #e5e7eb;--text-3-1-dark: #000000;--text-3-2-dark-gray: #707070;--text-3-4-white: #ffffff;--system-7-1-success: #69c16d;--system-7-2-error: #fa3939;--system-7-3-attention: #ff9d00;--ui-border-radius-8: 8px;--ui-border-radius-12: 12px;--ui-border-radius-16: 16px;--ui-border-radius-24: 24px;--ui-border-radius-32: 32px}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{background-color:var(--bg-2-4-gray-1);color:var(--text-3-1-dark);font-family:var(--rm-font-family);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app{min-height:100vh}button,input,textarea,select{font-family:var(--rm-font-family)}.workspace-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-2-3-white)}.workspace-page__header{flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:20px 32px;border-bottom:1px solid var(--border-1-1-light);background:var(--bg-2-3-white)}.workspace-page__new-chat-btn{justify-self:start;padding:10px 20px;color:var(--text-3-1-dark);border:1px solid var(--border-1-1-light);border-radius:var(--ui-border-radius-12);background:var(--bg-2-3-white);font-size:14px;font-weight:500;cursor:pointer;transition:var(--base-transition);white-space:nowrap}.workspace-page__new-chat-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.workspace-page__new-chat-btn:disabled{opacity:.45;cursor:not-allowed}.workspace-page__title{margin:0;text-align:center;font-size:24px;font-weight:700;color:var(--text-3-1-dark);white-space:nowrap}.workspace-page__model-selector{justify-self:end}.model-select{min-width:210px;padding:8px 10px;border-radius:var(--ui-border-radius-12);border:1px solid var(--border-1-1-light);background:var(--bg-2-3-white);font-size:14px;color:var(--text-3-1-dark)}.model-select:focus-visible{outline:2px solid rgba(22,54,255,.25);outline-offset:0}.workspace-page__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 32px;border-bottom:1px solid #f1f5f9;background:var(--bg-2-3-white)}.workspace-page__status-pills{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.workspace-page__meta-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.workspace-page__strategy-control{display:inline-flex;align-items:center;gap:6px}.workspace-page__strategy-label{font-size:12px;color:var(--text-3-2-dark-gray)}.workspace-page__strategy-select{min-width:220px;border:1px solid var(--border-1-1-light);border-radius:var(--ui-border-radius-12);background:var(--bg-2-3-white);color:var(--text-3-1-dark);padding:6px 10px;font-size:12px;font-weight:500}.workspace-page__strategy-select:focus-visible{outline:2px solid rgba(22,54,255,.25);outline-offset:0}.workspace-page__strategy-select:disabled{opacity:.45;cursor:not-allowed}.workspace-page__meta-btn{border:1px solid var(--border-1-1-light);border-radius:var(--ui-border-radius-12);background:var(--bg-2-3-white);color:var(--text-3-1-dark);padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:var(--base-transition)}.workspace-page__meta-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.workspace-page__meta-btn:disabled{opacity:.45;cursor:not-allowed}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;border:1px solid var(--divider-6-1-white);color:var(--text-3-2-dark-gray);background:#f4f4f4}.status-pill--ok{background:#e7f8f1;border-color:#cce9dd;color:#0e6f57}.status-pill--error{background:#fdecec;border-color:#f5cece;color:#8f1f12}.status-pill--loading{background:#f3f4f6}.status-pill--job{background:#eef4ff;border-color:#d6e2ff;color:#1e40af}.workspace-page__job-id{margin:0;font-size:12px;color:var(--text-3-2-dark-gray);font-family:SFMono-Regular,Menlo,Consolas,monospace}.workspace-page__main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);transition:grid-template-columns .24s ease}.workspace-page__main--with-chats{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.chats-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border-1-1-light);background:#fafafa}.chats-panel-slide-enter-active,.chats-panel-slide-leave-active{transition:opacity .2s ease,transform .24s ease}.chats-panel-slide-enter-from,.chats-panel-slide-leave-to{opacity:0;transform:translate(-14px)}.chats-panel__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 14px 12px;border-bottom:1px solid #eceff3}.chats-panel__header h2{margin:0;font-size:15px;font-weight:650;color:var(--text-3-1-dark)}.chats-panel__header span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 6px;border-radius:999px;border:1px solid #dbe3ef;background:#eef4ff;color:#1f3f96;font-size:11px;font-weight:600}.chats-panel__error,.chats-panel__empty{margin:0;padding:14px;font-size:13px}.chats-panel__error{color:#b42318}.chats-panel__empty{color:var(--text-3-2-dark-gray)}.chats-panel__list{flex:1;min-height:0;max-height:56vh;overflow-y:auto;padding:8px;display:grid;align-content:start;align-items:start;grid-auto-rows:max-content;gap:8px;scrollbar-width:thin;scrollbar-color:var(--divider-6-1-white) transparent}.chats-panel__list::-webkit-scrollbar{width:8px}.chats-panel__list::-webkit-scrollbar-track{background:transparent}.chats-panel__list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.chats-panel__item{width:100%;border:1px solid #e3e8ef;border-radius:var(--ui-border-radius-12);background:#fff;color:var(--text-3-1-dark);text-align:left;padding:10px 12px;display:grid;gap:6px;cursor:pointer;transition:var(--base-transition)}.chats-panel__item:hover:not(:disabled){border-color:#cad4e5;background:#f9fbff}.chats-panel__item:disabled{opacity:.55;cursor:not-allowed}.chats-panel__item--active{border-color:#9db4ff;background:#eff4ff}.chats-panel__item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--text-3-2-dark-gray)}.chats-panel__status{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #d7dce4;background:#f3f4f6;color:#4b5563;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px}.chats-panel__status--completed{border-color:#cfe9de;background:#e8f8f1;color:#0e6f57}.chats-panel__status--failed{border-color:#f2d1ca;background:#fdece8;color:#8f1f12}.chats-panel__status--cancelled{border-color:#f1dfb8;background:#fff6e5;color:#8a5a00}.chats-panel__status--running{border-color:#cfe2f8;background:#ecf5ff;color:#205a89}.chats-panel__status--queued{border-color:#d7dce4;background:#f3f4f6;color:#4b5563}.chats-panel__item-title,.chats-panel__item-subtitle{margin:0;overflow:hidden;text-overflow:ellipsis}.chats-panel__item-title{font-size:13px;font-weight:600;white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.chats-panel__item-subtitle{font-size:11px;color:var(--text-3-2-dark-gray);white-space:nowrap}.workspace-page__chat{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-2-3-white)}.workspace-page__welcome{display:flex;align-items:center;justify-content:center;height:100%;padding:40px 20px}.welcome-content{text-align:center;max-width:520px}.welcome-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;border:1px solid #dbe3f0;background:#f5f8ff;color:#1e40af;font-size:20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.welcome-title{margin:0 0 10px;font-size:clamp(26px,4vw,34px);line-height:1.2}.welcome-subtitle{margin:0;color:var(--text-3-2-dark-gray);font-size:16px}.chat-message-list{height:100%;overflow-y:auto;padding:24px 0;scrollbar-width:thin;scrollbar-color:var(--divider-6-1-white) transparent}.chat-message-list::-webkit-scrollbar{width:8px}.chat-message-list::-webkit-scrollbar-track{background:transparent}.chat-message-list::-webkit-scrollbar-thumb{background-color:#0000002e;border-radius:4px}.chat-message{display:flex;justify-content:center;margin-bottom:24px;padding:0 20px;animation:messageSlideIn .22s ease-out}.chat-message__content-wrapper{width:100%;max-width:840px;display:flex;flex-direction:column;gap:8px}.chat-message__content{border-radius:18px;padding:14px 16px;border:1px solid transparent}.chat-message__content--user{background:var(--core-1-1-core);color:var(--text-3-4-white)}.chat-message__content--assistant{background:var(--bg-2-3-white);border-color:var(--border-1-1-light);color:var(--text-3-1-dark)}.chat-message__role{margin:0 0 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.chat-message__text{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.55}.chat-message__footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-right:8px}.chat-message__copy-button{border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#374151;font-size:11px;font-weight:600;padding:4px 10px;cursor:pointer;opacity:0;transition:opacity .16s ease,background-color .16s ease}.chat-message--assistant:hover .chat-message__copy-button{opacity:1}.chat-message__copy-button:hover{background:#f9fafb}.chat-message__timestamp{font-size:11px;color:var(--text-3-2-dark-gray);opacity:.78}.agent-reasoning-display{width:100%;max-width:840px;margin:4px auto 0;padding:0 20px;display:grid;gap:8px}.reasoning-section{border:1px solid #d9dee8;border-radius:var(--ui-border-radius-8);background:#fafbff;overflow:hidden}.reasoning-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}.reasoning-header::-webkit-details-marker{display:none}.reasoning-title{font-size:13px;font-weight:600;color:#1f2937}.reasoning-meta{font-size:11px;color:#6b7280;border:1px solid #d1d5db;border-radius:999px;padding:1px 8px;background:#fff}.reasoning-list{margin:0;padding:0 12px 12px;list-style:none;display:grid;gap:8px}.reasoning-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:22px}.reasoning-item__text{font-size:13px;color:#374151}.reasoning-item__time{margin-left:auto;font-size:11px;color:#6b7280}.reasoning-item--tool{padding-right:2px}.reasoning-tool-name{font-size:12px;font-weight:700;color:#1f2937;text-transform:uppercase;letter-spacing:.05em}.reasoning-tool-step{font-size:12px;color:#6b7280;font-family:SFMono-Regular,Menlo,Consolas,monospace}.message-trace__status{margin-left:auto;font-size:11px;border-radius:999px;padding:1px 8px;border:1px solid #d1d5db;color:#4b5563;background:#f3f4f6}.message-trace__status--running{color:#205a89;background:#ecf5ff;border-color:#cfe2f8}.message-trace__status--completed{color:#0e6f57;background:#e8f8f1;border-color:#cfe9de}.message-trace__status--failed{color:#8f1f12;background:#fdece8;border-color:#f2d1ca}.message-trace__status--cancelled{color:#8a5a00;background:#fff6e5;border-color:#f1dfb8}.message-trace__status--idle{color:#6b7280;background:#f9fafb;border-color:#e5e7eb}.workspace-page__input{flex-shrink:0;border-top:1px solid var(--border-1-1-light);background:var(--bg-2-3-white);padding:16px 0 18px}.message-sender__wrapper{width:100%;max-width:860px;margin:0 auto;padding:0 20px}.message-sender{background:var(--bg-2-5-gray-2);border-radius:var(--ui-border-radius-32);padding:14px 22px;display:grid;gap:10px;transition:var(--base-transition)}.message-sender:hover{background:var(--bg-2-3-white)}.message-sender--disabled{opacity:.82}.attachment-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.upload-button{display:inline-flex;align-items:center;border:1px solid #d1d5db;border-radius:var(--ui-border-radius-12);background:#fff;color:#374151;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer}.upload-button:hover{background:#f9fafb}.upload-button input{display:none}.attachment-list{display:flex;flex-wrap:wrap;gap:8px}.attachment-chip{border:1px solid #dbe4ff;border-radius:999px;background:#f4f7ff;color:#1e3a8a;padding:5px 10px;font-size:12px;cursor:pointer}.attachment-chip:hover{background:#edf2ff}.message-sender__input-row{display:flex;align-items:flex-end;gap:8px}.textarea-input{width:100%;border:none;outline:none;background:transparent;color:var(--text-3-1-dark);font-size:15px;line-height:1.5;resize:none;min-height:24px;max-height:200px;overflow-y:hidden}.textarea-input::placeholder{color:var(--text-3-2-dark-gray);opacity:.7}.clear-button{width:24px;height:24px;border:none;border-radius:50%;background:transparent;color:#6b7280;font-size:13px;cursor:pointer;flex-shrink:0}.clear-button:hover:not(:disabled){background:#f3f4f6;color:#111827}.send-message-button{border:none;border-radius:var(--ui-border-radius-12);background:var(--core-1-1-core);color:var(--text-3-4-white);font-size:13px;font-weight:600;padding:8px 12px;cursor:pointer;transition:var(--base-transition);flex-shrink:0}.send-message-button:hover:not(:disabled){background:var(--core-1-2-hover)}.send-message-button:disabled{opacity:.5;cursor:not-allowed}.message-sender__disclaimer{margin-top:8px;text-align:center;font-size:12px;color:var(--text-3-2-dark-gray);opacity:.8}.error-text{margin:8px 0 0;text-align:center;font-size:13px;color:#b42318}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.workspace-page__header{grid-template-columns:auto 1fr auto;gap:12px;padding:16px 20px}.workspace-page__title{font-size:18px}.workspace-page__new-chat-btn{padding:8px 12px;font-size:13px}.workspace-page__meta{padding:8px 20px}.model-select{min-width:160px}.workspace-page__main--with-chats{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.chats-panel{max-height:260px;border-right:none;border-bottom:1px solid var(--border-1-1-light)}.chat-message,.agent-reasoning-display,.message-sender__wrapper{padding:0 12px}}@media(max-width:640px){.workspace-page__meta{flex-direction:column;align-items:flex-start}.workspace-page__meta-controls{width:100%;justify-content:flex-start}.workspace-page__strategy-control{width:100%}.workspace-page__strategy-label{min-width:48px}.workspace-page__strategy-select{min-width:0;width:100%}.workspace-page__meta-btn{font-size:11px;padding:6px 10px}.chats-panel{max-height:220px}.chat-message__copy-button{opacity:1}.message-sender{border-radius:18px;padding:12px 14px}.send-message-button{padding:8px 10px}}
