/* Compact glass surfaces keep the surrounding workspace visible. */
.studio .agents-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:16px;align-items:start;background:radial-gradient(ellipse at 85% 0%,#ffb6680a,transparent 65%),radial-gradient(ellipse at 10% 100%,#55c9b00a,transparent 65%)}
.studio .agent-card{min-width:0;padding:18px 18px 12px;border:1px solid rgba(var(--fg),.11);border-radius:18px;background:color-mix(in srgb,var(--surface) 46%,transparent);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 1px 0 #ffffff24 inset,0 6px 24px #00000004;transition:border-color .18s,box-shadow .18s}
.studio .agent-card:hover,.studio .agent-card:focus-within{border-color:rgba(var(--fg),.22);box-shadow:0 1px 0 #ffffff32 inset,0 10px 28px #00000008}
.agent-card-top{display:flex;gap:10px;align-items:center}.studio .agent-monogram{flex-shrink:0;width:36px;height:36px;font-size:17px;border-radius:12px;background:rgba(var(--fg),.045);border:1px solid rgba(var(--fg),.07);color:var(--text-2)}
.agent-identity{min-width:0;flex:1}.studio .agent-card h2{margin:0;font-size:16px;letter-spacing:-.25px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.studio .agent-identity p{margin:1px 0 0;font-size:11px;color:var(--muted)}
.studio .agent-card .chip{font-size:9px;max-width:100px;line-height:1.5;padding:3px 7px;background:rgba(var(--fg),.035);border-color:rgba(var(--fg),.08)}
.agent-business{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;margin:18px 0 14px}.agent-business div{min-width:0}.agent-business dt{font-size:10px;color:var(--muted);margin-bottom:3px}.agent-business dd{font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2)}
.agent-card-actions{display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid rgba(var(--fg),.08)}.studio .agent-card-actions .btn{min-height:34px;padding:6px 10px;font-size:11px;gap:6px;border-color:transparent;background:rgba(var(--fg),.025)}.studio .agent-card-actions .btn:hover{background:rgba(var(--fg),.065)}.agent-edit-link{margin-inline-start:auto;padding:8px 3px;font-size:11px;color:var(--muted);white-space:nowrap}.agent-edit-link:hover{color:var(--text)}.tools-chevron{transition:transform .18s}.agent-tools-toggle[aria-expanded=true] .tools-chevron{transform:rotate(180deg)}
.agent-tools-reveal{margin-top:12px;border-top:1px solid rgba(var(--fg),.08);padding-top:8px;font-size:12px;overflow-wrap:anywhere}.agent-tool-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0}.agent-tool-line small{color:var(--muted);font-size:9px;white-space:nowrap}.agent-tool-line .tool-connected{color:var(--green)}
.studio .agent-settings-dialog{width:min(850px,calc(100vw - 32px));max-width:850px;max-height:90dvh;overflow:auto;padding:24px;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(24px);box-shadow:var(--shadow-h)}.agent-settings-dialog>.card-heading{align-items:start;margin-bottom:20px}.studio .agent-settings-dialog h2{font-size:22px;margin:4px 0}.agent-settings-dialog .settings-layout{gap:16px}.agent-settings-dialog .studio-card{padding:18px;background:rgba(var(--fg),.025)}
.agent-language-options{border:0;padding:0;margin:18px 0 8px;min-width:0}.agent-language-options legend{font-size:12px;margin-bottom:10px}.agent-language-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio .agent-language-options label{display:flex;align-items:center;gap:8px;flex-direction:row;margin:0;padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-size:12px}.studio .agent-language-options label:has(:checked){border-color:var(--accent-2);background:var(--accent-soft)}.studio .agent-language-options input{width:15px;height:15px;margin:0;accent-color:var(--accent-2)}
@supports not (backdrop-filter:blur(1px)){.studio .agent-card{background:var(--surface)}}
@media(max-width:660px){.studio .agent-settings-dialog{padding:16px}.agent-settings-dialog .card-heading>.btn{font-size:10px}.studio .agent-card{padding:16px 16px 10px}.mobile-workspace-nav{overflow-x:auto;justify-content:flex-start}.mobile-workspace-nav>*{flex:1}}
@media(prefers-reduced-motion:reduce){.studio .agent-card,.tools-chevron{transition:none}}
.studio .agent-card-actions .agent-delete-button{width:34px;min-width:34px;padding:8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted)}.studio .agent-card-actions .agent-delete-button:hover{color:var(--red);background:color-mix(in srgb,var(--red) 9%,transparent)}.studio .btn-danger{background:var(--red);border-color:var(--red);color:var(--surface);font-weight:600}#delete-agent-description{font-size:13px;line-height:1.9;margin-bottom:20px}#delete-agent-name{overflow-wrap:anywhere}
.studio .google-login-button{width:100%;justify-content:center;margin:18px 0 0}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}#register-switch{font-size:13px;color:var(--muted)}
.studio #agent-settings-home .model-save{display:none}.tool-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:6px;background:var(--red)}.tool-indicator.connected{background:var(--green)}.tool-actions{display:flex;gap:8px;margin-top:12px}