/* A recognizable agent workspace. All data and tool activity are saved examples. */
#studyRoot .agent-study{height:100%;min-height:100%;container-type:inline-size;overflow:hidden;background:#fff;color:#283e51;font:12px/1.6 'Libre Franklin',Arial,sans-serif;text-align:left}
#studyRoot .agent-study *{box-sizing:border-box}
#studyRoot .agent-study h2,#studyRoot .agent-study h3,#studyRoot .agent-study p,#studyRoot .agent-study dl{margin:0}
#studyRoot .agent-study button,#studyRoot .agent-study textarea{font:inherit}
#studyRoot .agent-study button{cursor:pointer;color:inherit;border:0;background:none}
#studyRoot .agent-study button:disabled{cursor:default}
#studyRoot .agent-study svg{flex-shrink:0;vertical-align:middle}
#studyRoot .as-header{height:47px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fbfcfd;border-bottom:1px solid #e2e9ef}
#studyRoot .as-workspace-brand{display:flex;align-items:center;gap:8px;color:#335773}
#studyRoot .as-workspace-brand strong{font-size:12px;font-weight:550;letter-spacing:-.015em}
#studyRoot .as-demo{font-size:10px;color:#627b8f;white-space:nowrap}
#studyRoot .as-workspace{height:calc(100% - 47px);display:grid;grid-template-columns:155px minmax(0,1fr);min-height:0}
#studyRoot .as-sidebar{display:flex;flex-direction:column;min-width:0;gap:4px;border-right:1px solid #e3eaf0;background:#f7f9fb;padding:17px 11px 15px}
#studyRoot .as-sidebar-label{display:block;font-size:9px;font-weight:500;letter-spacing:.055em;color:#6a8091;margin:0 9px 10px}
#studyRoot .agent-study .as-side-item{display:flex;gap:9px;align-items:center;padding:9px 10px;min-height:37px;border-radius:6px!important;font-size:11px;line-height:1.5;text-align:left;color:#566f83}
#studyRoot .agent-study .as-side-item:hover{background:#eaf0f5}
#studyRoot .agent-study .as-side-item.is-active{background:#e7eef4;color:#244d6b;font-weight:500}
#studyRoot .as-recent{margin-top:24px}
#studyRoot .as-recent p{font-size:10px;line-height:1.7;color:#637b8d;padding:0 9px}
#studyRoot .as-sidebar-bottom{display:flex;gap:7px;align-items:flex-start;font-size:9px;line-height:1.6;color:#647e92;margin-top:auto;padding:18px 9px 0}
#studyRoot .as-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}
#studyRoot .as-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:43px;flex-shrink:0;padding:10px 22px;border-bottom:1px solid #e9eef2;font-size:10px;color:#526e83}
#studyRoot .as-panel-heading>span{min-width:0;line-height:1.5}
#studyRoot .as-panel-heading i{font-style:normal;margin:0 7px;color:#a5b4c0}
#studyRoot .as-providers{display:flex;align-items:center;gap:13px;color:#3f566b;font-size:10px;white-space:nowrap}
#studyRoot .as-providers>span{display:flex;align-items:center;gap:5px}
#studyRoot .as-providers img{object-fit:contain}
#studyRoot .as-settings-scroll{min-height:0;overflow:auto;scrollbar-width:thin;padding:22px 28px 20px}
#studyRoot .as-settings-intro{max-width:620px;margin:0 auto 18px}
#studyRoot .as-settings-intro h2{font-size:23px;line-height:1.3;letter-spacing:-.035em;font-weight:500;color:#263f54}
#studyRoot .as-settings-intro p{font-size:11px;line-height:1.75;color:#546e82;margin-top:7px;max-width:520px}
#studyRoot .as-connector{max-width:620px;margin:auto;border:1px solid #d6e2eb;border-radius:10px!important;overflow:hidden;background:#fff;box-shadow:0 3px 12px -9px #173b5a30}
#studyRoot .as-connector-head{display:flex;gap:12px;align-items:center;padding:18px 20px;background:linear-gradient(145deg,#fbfdff,#f4f8fb);border-bottom:1px solid #e1e9ef}
#studyRoot .as-na-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #dee6ec;border-radius:9px!important;background:#fff}
#studyRoot .as-na-icon img{object-fit:contain}
#studyRoot .as-connector-head h3{font-size:14px;letter-spacing:-.02em;font-weight:550;color:#29465c}
#studyRoot .as-connector-head p{font-size:10px;color:#617c90;margin-top:2px}
#studyRoot .as-connector-head p>span{margin:0 5px}
#studyRoot .as-connection-status{display:flex;align-items:center;gap:5px;margin-left:auto;padding:4px 7px;font-size:9px;line-height:1.5;white-space:nowrap;color:#325f7d;border:1px solid #cddfea;border-radius:20px!important;background:#f6fbff}
#studyRoot .as-access-heading{display:flex;justify-content:space-between;padding:13px 20px 6px;color:#647e91;font-size:9px}
#studyRoot .as-access-list{padding:0 20px 8px}
#studyRoot .as-access-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #edf1f5}
#studyRoot .as-access-list>div:last-child{border:0}
#studyRoot .as-access-list dt{display:flex;align-items:center;gap:8px;font-size:11px;color:#38566c}
#studyRoot .as-access-list dt svg{color:#6e8aa0}
#studyRoot .as-access-list dd{font-size:10px;color:#55728a;margin:0}
#studyRoot .as-connector-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-top:1px solid #e5ecf1;background:#fbfdfe}
#studyRoot .as-connector-foot>span{display:flex;align-items:center;gap:6px;font-size:9px;line-height:1.6;color:#617b8f}
#studyRoot .agent-study .as-connector-foot button{display:flex;align-items:center;gap:8px;min-height:31px;font-size:10px;color:#24597f;font-weight:500;white-space:nowrap}
#studyRoot .as-settings-note{max-width:620px;margin:15px auto 0!important;font-size:10px;line-height:1.8;color:#5e788e}
#studyRoot .as-local-note{flex-shrink:0;padding:10px 22px;border-top:1px solid #e8eef3;font-size:9px;line-height:1.6;color:#657f92;background:#fcfdfe}
/* Familiar conversational layout: prompt, tool activity, answer, sources, composer. */
#studyRoot .agent-study .as-connected-chip{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;color:#446b88;padding:4px 7px;border:1px solid #dce7ee;border-radius:20px!important;background:#f8fbfd;min-height:27px}
#studyRoot .as-chat-scroll{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;padding:22px 27px}
#studyRoot .as-conversation{max-width:660px;margin:auto}
#studyRoot .as-user-message{margin-left:auto;max-width:90%;padding:12px 16px;border:1px solid #dce7ef;border-radius:12px 12px 3px 12px!important;background:#f1f6fa}
#studyRoot .as-message-author{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;font-size:9px;color:#607b90}
#studyRoot .as-you{font-weight:550;color:#35566e}
#studyRoot .as-user-message p{font-size:12px;line-height:1.75;color:#355267}
#studyRoot .as-assistant-message{margin-top:22px}
#studyRoot .as-assistant-author{display:flex;align-items:center;gap:8px;margin-bottom:13px}
#studyRoot .as-assistant-avatar{width:27px;height:27px;display:grid;place-items:center;border:1px solid #dbe5ed;background:#fafcfd;border-radius:7px!important;color:#5f7e96}
#studyRoot .as-assistant-author strong{font-size:11px;font-weight:550;color:#34556e}
#studyRoot .as-assistant-author>span:last-child{font-size:9px;color:#698297;margin-left:auto}
#studyRoot .as-tool-trace{border:1px solid #dce7ef;background:#fbfdfe;border-radius:7px!important;margin:0 0 17px;overflow:hidden}
#studyRoot .as-tool-trace summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:10px 12px;min-height:45px}
#studyRoot .as-tool-trace summary::-webkit-details-marker{display:none}
#studyRoot .as-tool-mark{color:#607f97}
#studyRoot .as-tool-trace summary strong{font-size:10px;font-weight:500;color:#3c5c73}
#studyRoot .as-tool-trace summary small{font-size:9px;color:#637d91;margin-left:9px}
#studyRoot .as-trace-chevron{margin-left:auto;color:#7890a2;transition:transform 180ms ease}
#studyRoot .as-tool-trace[open] .as-trace-chevron{transform:rotate(90deg)}
#studyRoot .as-tool-events{padding:0 12px 12px}
#studyRoot .as-tool-event{padding:13px 0;border-top:1px solid #e2eaf1}
#studyRoot .as-tool-event-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#studyRoot .as-tool-number{font-size:8px;color:#6e879a;line-height:1.7}
#studyRoot .as-tool-event code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.6;color:#3c6080;overflow-wrap:anywhere}
#studyRoot .as-tool-event-top>span:last-child{font-size:8px;color:#6e879a;margin-left:auto}
#studyRoot .as-tool-event p{font-size:10px;line-height:1.8;color:#526e83;margin-top:6px;overflow-wrap:anywhere}
#studyRoot .as-tool-event .as-tool-input{font-size:9px;color:#6a8295;margin:3px 0 7px}
#studyRoot .as-tool-event>strong{display:block;font-size:10px;line-height:1.7;font-weight:500;color:#34566f}
#studyRoot .as-tool-caveat{font-size:9px;color:#627e92;line-height:1.75;margin:4px 0 0!important}
#studyRoot .as-answer-core h2{font-size:20px;line-height:1.4;letter-spacing:-.025em;font-weight:500;color:#263f55;margin-bottom:8px}
#studyRoot .as-answer-core p{font-size:12px;line-height:1.85;color:#405f76}
#studyRoot .as-answer-facts{margin-top:15px!important;border-top:1px solid #e3ebf1;border-bottom:1px solid #e3ebf1;padding:7px 0}
#studyRoot .as-answer-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:baseline;gap:15px;padding:5px 0}
#studyRoot .as-answer-facts dt{font-size:10px;color:#637d90}
#studyRoot .as-answer-facts dd{font-size:11px;font-weight:500;color:#355871;margin:0;line-height:1.7;overflow-wrap:anywhere}
#studyRoot .as-source-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
#studyRoot .agent-study .as-source-links>button{display:flex;align-items:center;gap:6px;min-height:31px;border:1px solid #dae6ef;background:#f8fbfd;padding:6px 8px;border-radius:5px!important;font-size:9px;color:#385f7b}
#studyRoot .agent-study .as-source-links>button:hover{background:#eaf3fa;border-color:#b9cfdf}
#studyRoot .as-review{font-size:10px;line-height:1.8;color:#59758a;margin-top:14px!important}
#studyRoot .as-review strong{font-weight:500;color:#385b74;margin-right:5px}
#studyRoot .as-composer-wrap{flex-shrink:0;padding:9px 22px 8px;background:#fff;border-top:1px solid #edf2f5}
#studyRoot .as-composer{position:relative;max-width:660px;margin:auto;padding:10px 40px 9px 13px;border:1px solid #d5e2ec;border-radius:12px!important;background:#fcfdfe;box-shadow:0 2px 5px #21476605}
#studyRoot .as-composer textarea{display:block;resize:none;width:100%;padding:0;border:0;background:transparent;color:#546f83;line-height:1.6;font-size:11px;outline:none;height:19px;overflow:hidden}
#studyRoot .as-composer textarea::placeholder{color:#6b8395;opacity:1}
#studyRoot .agent-study .as-composer button{position:absolute;right:10px;top:10px;width:26px;height:26px;display:grid;place-items:center;background:#d9e6ef;color:#6a879c;border-radius:7px!important}
#studyRoot .as-composer-context{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.5;margin-top:7px;color:#4c6d86}
#studyRoot .as-composer-context>span{margin-left:auto;font-size:8px;color:#6a8295}
#studyRoot .as-composer-wrap>p{font-size:8px;line-height:1.6;color:#637f93;text-align:center;margin:6px auto 0;max-width:660px}
#studyRoot .as-composer-wrap>p>span{margin:0 5px}
#studyRoot .agent-study button:focus-visible,#studyRoot .agent-study summary:focus-visible,#studyRoot .agent-study textarea:focus-visible{outline:2px solid #0049b8;outline-offset:2px}
@container(max-width:760px){
 #studyRoot .as-workspace{grid-template-columns:125px minmax(0,1fr)}
 #studyRoot .as-sidebar{padding-inline:8px}
 #studyRoot .as-sidebar-label{font-size:8px}
 #studyRoot .agent-study .as-side-item{font-size:10px;gap:6px;padding-inline:7px}
 #studyRoot .as-settings-scroll,#studyRoot .as-chat-scroll{padding:19px 20px}
 #studyRoot .as-panel-heading{padding-inline:18px}
 #studyRoot .as-connector-head{padding:16px;gap:9px;flex-wrap:wrap}
 #studyRoot .as-connection-status{margin-left:48px}
 #studyRoot .as-connector-foot{align-items:flex-start;flex-direction:column;gap:7px;padding-inline:16px}
 #studyRoot .as-access-heading,#studyRoot .as-access-list{padding-inline:16px}
 #studyRoot .as-tool-trace summary small{display:block;margin-left:0;margin-top:2px}
}
@container(max-width:600px){
 #studyRoot .as-workspace{display:block}
 #studyRoot .as-sidebar{display:none}
 #studyRoot .as-main{height:100%}
 #studyRoot .as-connector-head{flex-wrap:nowrap}
 #studyRoot .as-connection-status{margin-left:auto}
 #studyRoot .as-settings-scroll{padding:20px}
 #studyRoot .as-connector-foot{flex-direction:row;align-items:center}
 #studyRoot .as-answer-core h2{font-size:20px}
}
@container(max-width:420px){
 #studyRoot .as-header{padding-inline:15px;height:43px}
 #studyRoot .as-workspace{height:calc(100% - 43px)}
 #studyRoot .as-workspace-brand strong{font-size:11px}
 #studyRoot .as-demo{font-size:9px}
 #studyRoot .as-panel-heading{padding:10px 15px;gap:8px;flex-wrap:wrap}
 #studyRoot .as-providers{font-size:9px;gap:9px}
 #studyRoot .as-settings-scroll,#studyRoot .as-chat-scroll{padding:17px 15px}
 #studyRoot .as-settings-intro h2{font-size:21px}
 #studyRoot .as-settings-intro p{font-size:11px}
 #studyRoot .as-connector-head{flex-wrap:wrap;padding:15px}
 #studyRoot .as-connection-status{margin-left:48px}
 #studyRoot .as-connector-foot{flex-direction:column;align-items:flex-start}
 #studyRoot .as-access-list dt{font-size:10px}
 #studyRoot .as-user-message{max-width:96%;padding:11px 13px}
 #studyRoot .as-user-message p{font-size:11px}
 #studyRoot .as-assistant-author>span:last-child{display:none}
 #studyRoot .as-answer-core h2{font-size:18px}
 #studyRoot .as-answer-core p{font-size:11px}
 #studyRoot .as-answer-facts>div{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px}
 #studyRoot .as-answer-facts dt{font-size:9px}
 #studyRoot .as-answer-facts dd{font-size:10px}
 #studyRoot .as-composer-wrap{padding-inline:13px}
 #studyRoot .as-composer-context>span{font-size:8px}
 #studyRoot .as-local-note{padding-inline:15px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){#studyRoot .as-trace-chevron{transition:none}}
@media(forced-colors:active){
 #studyRoot .agent-study,#studyRoot .as-header,#studyRoot .as-sidebar,#studyRoot .as-main,#studyRoot .as-connector,#studyRoot .as-connector-head,#studyRoot .as-connector-foot,#studyRoot .as-na-icon,#studyRoot .as-user-message,#studyRoot .as-tool-trace,#studyRoot .as-composer,#studyRoot .as-composer-wrap,#studyRoot .as-local-note{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none}
 #studyRoot .agent-study *{color:CanvasText!important;border-color:CanvasText!important}
 #studyRoot .agent-study .as-side-item.is-active{forced-color-adjust:none;background:Highlight!important;color:HighlightText!important}
 #studyRoot .agent-study .as-side-item.is-active *{color:HighlightText!important}
 #studyRoot .agent-study button,#studyRoot .as-connection-status{background:ButtonFace!important;color:ButtonText!important}
}

/* Show the question, tool activity and start of the answer together. */
#studyRoot .as-header{height:40px}
#studyRoot .as-workspace{height:calc(100% - 40px)}
#studyRoot .as-panel-heading{min-height:37px;padding-top:8px;padding-bottom:8px}
#studyRoot .as-chat-scroll{padding-top:14px;padding-bottom:14px}
#studyRoot .as-user-message{padding:9px 13px}
#studyRoot .as-user-message p{line-height:1.65}
#studyRoot .as-assistant-message{margin-top:14px}
#studyRoot .as-assistant-author{margin-bottom:8px}
#studyRoot .as-tool-trace{margin-bottom:10px}
#studyRoot .as-tool-trace summary{min-height:36px;padding:7px 10px}
#studyRoot .as-answer-core h2{font-size:19px;margin-bottom:5px}
#studyRoot .as-answer-core p{font-size:11px;line-height:1.7}
#studyRoot .as-composer-wrap{padding-top:7px;padding-bottom:6px}
#studyRoot .as-composer{padding-top:8px;padding-bottom:7px}

/* Editorial demo: the prompt, answer and its source stay primary. */
#studyRoot .as-sidebar{padding-top:20px}
#studyRoot .as-settings-intro{margin-bottom:23px}
#studyRoot .as-settings-intro p{font-size:12px}
#studyRoot .as-access-heading{padding-top:16px}
#studyRoot .as-access-list>div{padding-top:12px;padding-bottom:12px}
#studyRoot .as-access-list dt{font-size:12px}
#studyRoot .as-access-list dd{color:#66849b}
#studyRoot .as-connector-foot{justify-content:flex-end}
#studyRoot .agent-study .as-connector-foot button{font-size:11px;min-height:34px}
#studyRoot .as-answer-facts>div{grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr)}
#studyRoot .as-answer-facts dd{font-size:12px}
#studyRoot .as-answer-core h2{font-size:22px;line-height:1.35}
#studyRoot .as-answer-core p{font-size:12px}
#studyRoot .as-source-links{margin-top:12px}
#studyRoot .as-composer-wrap{padding-top:9px;padding-bottom:9px}
@container(max-width:420px){
 #studyRoot .as-settings-intro h2{font-size:21px}
 #studyRoot .as-access-list dt{font-size:11px}
 #studyRoot .as-answer-core h2{font-size:20px}
 #studyRoot .as-answer-core p{font-size:11px}
 #studyRoot .as-answer-facts>div{grid-template-columns:minmax(0,.75fr) minmax(0,1.4fr);gap:10px}
 #studyRoot .as-answer-facts dd{font-size:10px}
}

/* Brand marks stay compact and clear alongside the four workspace examples. */
#studyRoot .as-brand-mark,#studyRoot .as-assistant-avatar img{object-fit:contain;flex:none}
#studyRoot .as-providers{flex-wrap:wrap;gap:10px 14px;justify-content:flex-end}
#studyRoot .as-providers>span{gap:5px;font-size:10px}
#studyRoot .as-panel-heading:has(.as-providers){flex-wrap:wrap;row-gap:12px;padding-block:12px}
@container(max-width:600px){
 #studyRoot .as-panel-heading:has(.as-providers){align-items:flex-start;flex-direction:column;gap:12px;padding-block:14px}
 #studyRoot .as-providers{justify-content:flex-start;gap:12px}
}
@container(max-width:360px){
 #studyRoot .as-providers{gap:10px}
 #studyRoot .as-providers>span{font-size:9px;gap:4px}
 #studyRoot .as-providers img{width:15px;height:15px}
}

/* Keep the completed answer, tool row and author together on compact desktops. */
@media(min-width:801px){
 body[data-finish=polished] #studyRoot [data-tour-scene=connect] [class*='guided-platform-demo_body__']{height:clamp(510px,calc(100svh - 400px),600px)}
}