.agent-workbench{box-sizing:border-box;width:100%;max-width:none;min-width:0;padding:48px clamp(28px,3vw,64px) 90px}.agent-workbench-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.agent-workbench-head h1{margin:0;font-size:clamp(30px,4vw,48px);letter-spacing:-.055em}.agent-workbench-head p{margin:10px 0 0}.agent-head-actions{display:flex;align-items:center;gap:10px}.agent-workbench-grid{display:grid;grid-template-columns:minmax(240px,270px) minmax(560px,1fr) minmax(330px,380px);gap:16px;align-items:stretch;min-height:calc(100vh - 220px)}.agent-rail,.agent-chat,.agent-inspector{min-height:calc(100vh - 220px);padding:0;overflow:hidden}.agent-rail{display:flex;flex-direction:column}.agent-chat{display:flex;flex-direction:column}.agent-rail-head,.chat-head,.inspector-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.agent-rail-head strong{font-size:14px}.icon-button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface);cursor:pointer;font-size:18px}.agent-search{margin:14px;padding:10px 12px;width:calc(100% - 28px);box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted);color:var(--ink);outline:0}.agent-list{display:grid;flex:1;align-content:start;gap:3px;min-height:0;padding:0 8px;overflow:auto}.agent-list-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border:0;border-radius:10px;color:var(--ink);background:transparent;text-align:left;cursor:pointer}.agent-list-item:hover,.agent-list-item.active{background:var(--surface-muted)}.agent-list-item.active{box-shadow:inset 3px 0 var(--orange)}.agent-avatar{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#ff6a2f,#e53918);font-weight:800}.agent-avatar.small{width:30px;height:30px;border-radius:9px;font-size:12px}.agent-list-copy{min-width:0;flex:1}.agent-list-copy strong,.agent-list-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-list-copy small{margin-top:3px;color:var(--muted);font-size:10px}.agent-list-chevron{color:var(--muted);font-size:18px}.agent-list-empty{padding:28px 14px;color:var(--muted);font-size:12px;line-height:1.7;text-align:center}.agent-rail-foot{margin-top:auto;padding:14px;border-top:1px solid var(--line)}.chat-head{min-height:58px}.chat-agent-identity{display:flex;align-items:center;gap:10px;min-width:0}.chat-agent-identity strong,.chat-agent-identity small{display:block}.chat-agent-identity small{margin-top:3px;color:var(--muted);font-size:11px}.chat-head-actions{display:flex;align-items:center;gap:8px}.run-status-pill,.agent-status{padding:5px 9px;border-radius:999px;color:var(--muted);background:var(--surface-muted);font-size:10px;font-weight:800}.chat-messages{display:flex;flex:1;flex-direction:column;gap:18px;min-height:360px;height:auto;padding:24px;overflow:auto;background:linear-gradient(180deg,var(--surface),var(--surface-muted))}.chat-empty{margin:auto;max-width:360px;color:var(--muted);text-align:center}.chat-empty>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 16px;border-radius:17px;color:#fff;background:linear-gradient(145deg,#ff6a2f,#e53918);font-size:24px}.chat-empty h2{margin:0 0 8px;color:var(--ink);font-size:20px}.chat-empty p{margin:0;font-size:13px;line-height:1.7}.chat-message{max-width:82%}.chat-message.from-user{align-self:flex-end;text-align:right}.chat-message-label{margin:0 0 5px;color:var(--muted);font-size:10px;font-weight:800}.chat-bubble{display:inline-block;padding:12px 15px;border-radius:16px;background:var(--surface);box-shadow:0 5px 18px rgba(23,43,77,.06);font-size:13px;line-height:1.7;text-align:left}.from-user .chat-bubble{color:#fff;background:linear-gradient(145deg,#ff612c,#e6421e);border-bottom-right-radius:5px}.from-agent .chat-bubble{border:1px solid var(--line);border-bottom-left-radius:5px}.chat-run-meta{display:block;margin-top:5px;color:var(--muted);font-size:10px}.chat-composer{padding:14px 18px;border-top:1px solid var(--line);background:var(--surface)}.composer-tools{display:flex;align-items:center;gap:10px;margin-bottom:8px}.composer-tool{padding:0;border:0;color:var(--muted);background:none;font-size:11px}.composer-hint{color:var(--muted);font-size:11px}.composer-cost{margin-left:auto;color:var(--muted);font-size:10px}.composer-row{display:flex;align-items:flex-end;gap:10px}.composer-row textarea{flex:1;min-height:44px;max-height:140px;resize:vertical;padding:12px 13px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--surface-muted);font:inherit;outline:0}.composer-row textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 13%,transparent)}.send-button{height:44px;padding:0 18px;border:0;border-radius:12px;color:#fff;background:var(--orange);font-weight:800;cursor:pointer}.send-button:disabled{opacity:.45;cursor:not-allowed}.inspector-head h2{margin:0;font-size:18px}.inspector-head .eyebrow{margin:0 0 4px}.inspector-tabs{display:flex;gap:3px;padding:10px;border-bottom:1px solid var(--line);overflow:auto}.inspector-tabs button{padding:8px 10px;border:0;border-radius:8px;color:var(--muted);background:transparent;white-space:nowrap;font-size:11px;cursor:pointer}.inspector-tabs button.active{color:var(--ink);background:var(--surface-muted);font-weight:800}.inspector-body{padding:18px}.inspector-form{display:grid;gap:14px}.inspector-form label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.inspector-form input,.inspector-form select,.inspector-form textarea{box-sizing:border-box;width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface)}.inspector-form textarea{resize:vertical;line-height:1.6}.inspector-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspector-meta span{padding:10px;border-radius:9px;background:var(--surface-muted);color:var(--muted);font-size:10px}.inspector-meta b{display:block;margin-top:4px;color:var(--ink);font-size:13px}.inspector-form output{min-height:18px;color:var(--success);font-size:11px}.inspector-picker{display:grid;gap:7px}.inspector-picker label{display:flex;gap:8px;padding:10px;border-radius:9px;background:var(--surface-muted)}.inspector-picker span{min-width:0}.inspector-picker strong,.inspector-picker small{display:block}.inspector-picker small{margin-top:3px;color:var(--muted);font-size:10px}.inspector-form h3{margin:4px 0 0;font-size:12px}.publish-card{text-align:center;padding:30px 8px}.publish-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;border-radius:15px;color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent);font-size:24px}.publish-card h3{margin:0 0 8px}.publish-card p{font-size:12px;line-height:1.7}.publish-card output{display:block;margin-top:12px;color:var(--success);font-size:11px}.agent-library{margin-top:14px;padding:22px}.agent-library[hidden]{display:none}.agent-library .section-toolbar{margin-bottom:16px}.agent-library h3{margin:22px 0 10px}.resource-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resource-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.resource-row strong,.resource-row small{display:block}.resource-row small{margin-top:3px;color:var(--muted);font-size:10px}@media(max-width:1500px){.agent-workbench{padding-right:32px;padding-left:32px}.agent-workbench-grid{grid-template-columns:220px minmax(420px,1fr)}.agent-inspector{grid-column:1/-1;min-height:auto}.inspector-body{max-width:700px}}@media(max-width:720px){.agent-workbench-head{display:block}.agent-head-actions{margin-top:14px}.agent-workbench-grid{grid-template-columns:1fr}.agent-rail,.agent-chat{min-height:auto}.chat-messages{height:52vh}.resource-columns{grid-template-columns:1fr}}
@media(min-width:721px){.agent-studio-shell .center-layout{height:calc(100vh - 76px);min-height:0}.agent-studio-shell .agent-workbench{height:100%;overflow:hidden;padding-bottom:32px}.agent-studio-shell .agent-workbench-grid{height:calc(100% - 96px);min-height:0}.agent-studio-shell .agent-rail,.agent-studio-shell .agent-chat,.agent-studio-shell .agent-inspector{min-height:0}.agent-studio-shell .agent-inspector{overflow:auto}.agent-studio-shell .chat-messages{min-height:0}}
.agent-workbench-head{margin-bottom:12px}.agent-workbench-head h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.045em}.agent-workbench-head p{margin-top:7px;font-size:13px}.agent-secondary-nav{display:flex;align-items:center;gap:5px;margin:0 0 14px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--surface-muted);width:max-content}.agent-secondary-nav button{padding:8px 14px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:11px;font-weight:750;cursor:pointer}.agent-secondary-nav button:hover,.agent-secondary-nav button.active{color:var(--ink);background:var(--surface);box-shadow:0 3px 10px rgba(23,43,77,.08)}
@media(min-width:721px){.agent-studio-shell .agent-workbench{padding-top:32px;padding-bottom:48px}.agent-studio-shell .agent-workbench-grid{height:calc(100% - 132px);margin-bottom:18px}}
@media(max-width:720px){.agent-secondary-nav{width:100%;box-sizing:border-box}.agent-secondary-nav button{flex:1}}
.agent-workbench-grid[hidden]{display:none}.agent-library{margin-top:0}
@media(min-width:721px){.agent-studio-shell .agent-library{box-sizing:border-box;height:calc(100% - 132px);min-height:0;overflow:auto}}
.agent-workbench-head{align-items:center;margin-bottom:14px}.agent-workbench-title{display:flex;align-items:center;gap:24px;min-width:0}.agent-workbench-title h1{font-size:clamp(25px,2.3vw,34px);line-height:1}.agent-workbench-title .eyebrow{margin:0 0 5px;font-size:9px}.agent-workbench-title .muted{margin:6px 0 0;font-size:11px}.agent-secondary-nav{flex:0 0 auto;margin:0}.agent-secondary-nav a{padding:8px 14px;border-radius:8px;color:var(--muted);font-size:11px;font-weight:750;text-decoration:none}.agent-secondary-nav a:hover,.agent-secondary-nav a.active{color:var(--ink);background:var(--surface);box-shadow:0 3px 10px rgba(23,43,77,.08)}
.agent-resource-content{display:grid;gap:16px;min-height:0}.agent-resource-section{margin:0;padding:22px}.agent-resource-section .section-toolbar{align-items:center}.agent-resource-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px}.agent-resource-list{display:grid;gap:8px}.agent-resource-list .resource-row{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-muted)}
.agent-resource-section .agent-template-card{text-decoration:none}
.resource-create-form{display:grid;gap:9px;margin:16px 0}.resource-create-form label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.resource-create-form input,.resource-create-form textarea{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface);font:inherit}.resource-create-form textarea{resize:vertical;line-height:1.5}.resource-form-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.resource-form-actions output{color:var(--success);font-size:11px}
@media(min-width:721px){.agent-studio-shell .agent-workbench{padding-top:18px;padding-bottom:30px}.agent-studio-shell .agent-workbench-grid{height:calc(100% - 82px);margin-bottom:14px}.agent-resource-page{overflow:auto!important}.agent-resource-page .agent-resource-content{padding-bottom:20px}}
@media(max-width:900px){.agent-workbench-title{align-items:flex-start;flex-direction:column;gap:10px}.agent-resource-overview{grid-template-columns:1fr}}
.inspector-tool-toggle{display:flex!important;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted)}.inspector-tool-toggle input{width:auto;margin-top:2px}.inspector-tool-toggle span{display:grid;gap:3px}.inspector-tool-toggle strong{color:var(--ink);font-size:12px}.inspector-tool-toggle small{color:var(--muted);font-size:10px;font-weight:500}
.resource-row-button{box-sizing:border-box;width:100%;border:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.resource-row-button:hover{border-color:color-mix(in srgb,var(--orange) 45%,var(--line));background:color-mix(in srgb,var(--orange) 5%,var(--surface-muted))}.resource-row-button span{min-width:0}.resource-row-button em{flex:0 0 auto;color:var(--orange);font-style:normal;font-size:11px;font-weight:800}.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.editor-toolbar button,.editor-import{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.editor-toolbar button:hover,.editor-import:hover{border-color:var(--orange);color:var(--orange)}.editor-import{position:relative;overflow:hidden}.editor-import input{position:absolute;width:1px;height:1px;opacity:0}.markdown-preview{min-height:100px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted);line-height:1.65;font-size:12px;overflow:auto}.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{margin:8px 0;color:var(--ink)}.markdown-preview blockquote{margin:8px 0;padding:5px 10px;border-left:3px solid var(--orange);color:var(--muted)}.markdown-preview ul{margin:6px 0;padding-left:20px}.kb-import-box{display:grid;gap:9px;margin:16px 0;padding:12px;border:1px dashed var(--line);border-radius:11px;background:var(--surface-muted)}.kb-import-box select{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface);font:inherit}.kb-import-box small{color:var(--muted);font-size:10px;line-height:1.6}.kb-import-box output{min-height:18px;color:var(--success);font-size:11px}
.agent-learning-receipt{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid #cfe4d9;background:#eef8f3;color:#226548;font-size:10px}.agent-learning-receipt span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-learning-receipt a{margin-left:auto;color:inherit;font-weight:800;white-space:nowrap}.agent-learning-receipt button{display:grid;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;font-size:16px;cursor:pointer;place-items:center}
.chat-system-event{display:flex;align-items:flex-start;gap:10px;max-width:min(92%,680px);margin:0 auto;padding:12px 14px;border:1px solid #cfe4d9;border-radius:12px;background:#eef8f3;color:#226548;box-shadow:0 5px 18px rgba(23,43,77,.05)}.chat-system-event.is-error{border-color:#f2caca;background:#fff3f3;color:#a73737}.chat-system-event.is-neutral{border-color:var(--line);background:var(--surface-muted);color:var(--muted)}.chat-system-event-icon{display:grid;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#1b8f61;color:#fff;font-size:13px;font-weight:900;place-items:center}.chat-system-event.is-error .chat-system-event-icon{background:#c44b4b}.chat-system-event.is-neutral .chat-system-event-icon{background:#8a9692}.chat-system-event-copy{min-width:0;flex:1}.chat-system-event-copy strong,.chat-system-event-copy p,.chat-system-event-copy small{display:block}.chat-system-event-copy strong{font-size:12px}.chat-system-event-copy p{margin:4px 0 3px;color:inherit;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.chat-system-event-copy small{font-size:9px;opacity:.78}.chat-system-event-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.chat-system-event-actions a,.chat-system-event-actions button{padding:4px 7px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:10px;font-weight:800;cursor:pointer;text-decoration:none;white-space:nowrap}.chat-system-event-actions a:hover,.chat-system-event-actions button:hover{background:rgba(0,0,0,.06)}

body.agent-studio-shell .agent-workbench-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px 28px;min-height:154px;margin:0 0 14px!important}
body.agent-studio-shell .agent-workbench-title{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:14px!important;min-width:0}
body.agent-studio-shell .agent-workbench-title>div{min-width:0;min-height:76px}
body.agent-studio-shell .agent-secondary-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,600px)!important;min-height:46px;margin:0!important;padding:4px!important;gap:4px!important;box-sizing:border-box}
body.agent-studio-shell .agent-secondary-nav a{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:38px;padding:7px 10px!important;text-align:center;line-height:1.25;white-space:normal}
body.agent-studio-shell :is(.agent-view-switch,.skill-view-switch,.knowledge-view-switch){position:absolute!important;right:0!important;bottom:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;width:204px;min-height:46px;margin:0!important;padding:4px!important;gap:3px!important;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted)}
body.agent-studio-shell :is(.agent-view-switch,.skill-view-switch,.knowledge-view-switch) button{display:flex;align-items:center;justify-content:center;min-width:0!important;min-height:36px;padding:7px 8px!important;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:800;line-height:1.2;cursor:pointer}
body.agent-studio-shell :is(.agent-view-switch,.skill-view-switch,.knowledge-view-switch) button:is(:hover,.active){background:var(--surface);color:var(--ink);box-shadow:0 4px 12px rgba(23,43,77,.1)}
@media(max-width:1180px){body.agent-studio-shell .agent-workbench-head{grid-template-columns:1fr;min-height:0}body.agent-studio-shell :is(.agent-view-switch,.skill-view-switch,.knowledge-view-switch){position:static!important;width:100%;max-width:360px}}
@media(max-width:720px){body.agent-studio-shell .agent-secondary-nav{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))}body.agent-studio-shell :is(.agent-view-switch,.skill-view-switch,.knowledge-view-switch){max-width:none}}