.agent-detail-sheet{--agent-detail-sheet-height:575px;--agent-detail-hero-height:270px;--agent-detail-metrics-height:69px;--agent-detail-capabilities-height:166px;--agent-detail-actions-height:70px;--agent-detail-avatar-size:66px;border-bottom-left-radius:var(--space-0);border-bottom-right-radius:var(--space-0);grid-template-rows:var(--agent-detail-hero-height) var(--agent-detail-metrics-height) var(--agent-detail-capabilities-height) var(--agent-detail-actions-height);height:var(--agent-detail-sheet-height);max-height:calc(100dvh - var(--space-6));width:100%;display:grid;position:relative;overflow:hidden}.agent-detail-hero{flex-direction:column;align-items:center;display:flex;position:relative}.agent-detail-handle{background:var(--surface-active);border-radius:var(--radius-pill);height:calc(var(--space-2) - 2px);left:50%;top:var(--space-3);width:100px;position:absolute;transform:translate(-50%)}.agent-detail-copy,.agent-detail-close,.agent-detail-actions button{justify-content:center;align-items:center;display:inline-flex}.agent-detail-copy{background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);font-size:var(--text-md);gap:var(--space-2);height:32px;left:var(--space-4);white-space:nowrap;width:100px;padding:0 8px;position:absolute;top:36px}.agent-detail-copy:hover,.agent-detail-close:hover,.agent-detail-edit:hover{background:var(--surface-muted)}.agent-detail-close{border-radius:var(--radius-sm);color:var(--text-secondary);height:var(--control-sm);right:var(--space-3);top:var(--space-3);width:var(--control-sm);background:0 0;position:absolute}.agent-detail-avatar{border:1px dashed var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);height:var(--agent-detail-avatar-size);width:var(--agent-detail-avatar-size);justify-content:center;align-items:center;margin-top:50px;font-size:30px;font-weight:500;line-height:45px;display:inline-flex;position:relative}.agent-detail-avatar-bolt{background:var(--surface-raised);position:absolute;bottom:12px;right:10px}.agent-detail-hero h2{letter-spacing:-.3px;margin:var(--space-4) var(--space-0) var(--space-0);text-align:center;width:calc(100% - 97px);font-size:20px;font-weight:500;line-height:28px;position:relative;top:-2.5px}.agent-detail-author,.agent-detail-visibility,.agent-detail-description{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-0)}.agent-detail-author{color:var(--reference-text-empty);margin-top:var(--space-1);line-height:16px;position:relative;top:2.5px}.agent-detail-visibility{color:#434449;align-items:center;gap:var(--space-1);margin-top:var(--space-2);border-radius:26843500px;display:inline-flex;position:relative;top:2px}.agent-detail-description{color:var(--text);text-align:center;width:calc(100% - 105px);margin-top:22px}.agent-detail-metrics{background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-sm);grid-template-columns:repeat(3, minmax(var(--space-0), 1fr));height:var(--agent-detail-metrics-height);margin:var(--space-0) var(--space-4);display:grid;overflow:hidden}.agent-detail-metrics div{align-items:center;gap:var(--space-0-5);flex-direction:column;justify-content:center;display:flex}.agent-detail-metrics div+div{border-left:1px solid var(--border-soft)}.agent-detail-metrics dd,.agent-detail-metrics dt{margin:var(--space-0)}.agent-detail-metrics dd{font-size:var(--space-4);font-weight:500;line-height:var(--space-6)}.agent-detail-metrics dt{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--space-4)}.agent-detail-capabilities{padding:31px var(--space-4) var(--space-8)}.agent-detail-capabilities h3{font-size:var(--text-body);font-weight:500;line-height:var(--space-5);margin:var(--space-0) var(--space-0) var(--space-2)}.agent-detail-capabilities ul{grid-template-columns:repeat(2, minmax(var(--space-0), 1fr));margin:var(--space-0);padding:var(--space-0);gap:6.5px;list-style:none;display:grid;position:relative;top:-1.5px}.agent-detail-capabilities li{border:1px solid var(--border-soft);border-radius:var(--radius-xs);font-size:var(--text-sm);align-items:center;gap:var(--space-1);height:35px;line-height:var(--line-height-sm);padding:var(--space-0) var(--space-2);background:var(--surface-raised);display:flex}.agent-detail-capabilities li p{margin:0}.agent-detail-capabilities li.is-unavailable{color:var(--text);opacity:var(--disabled-opacity)}.agent-detail-actions{border-top:1px solid var(--border-soft);gap:var(--space-2);grid-template-columns:repeat(2, minmax(var(--space-0), 1fr));padding:var(--space-4) var(--space-4) 18px;display:grid}.agent-detail-actions button{border-radius:var(--radius-sm);font-size:var(--text-body);gap:var(--space-2);height:36px;font-weight:550}.agent-detail-edit{background:var(--surface-raised);border:1px solid var(--border)}.agent-detail-start{background:var(--text);color:var(--surface-raised)}.agent-detail-start:hover{background:color-mix(in srgb, var(--text) 88%, white)}.agent-detail-notice{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-overlay);color:var(--text-secondary);font-size:var(--text-md);margin:var(--space-0);padding:var(--space-2) var(--space-3);white-space:nowrap;z-index:1;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}@media (max-width:600px){.agent-detail-sheet{height:min(var(--agent-detail-sheet-height), calc(100dvh - var(--space-3)))}.agent-detail-copy{left:var(--space-3)}.agent-detail-capabilities,.agent-detail-actions{padding-left:var(--space-3);padding-right:var(--space-3)}}@media (min-width:1024px){.layer-backdrop--sheet:has(.agent-detail-sheet){background:var(--overlay-reference-dialog);align-items:center}.layer-surface.agent-detail-sheet{--agent-detail-sheet-height:557px;--agent-detail-hero-height:252px;--agent-detail-metrics-height:69px;--agent-detail-capabilities-height:168px;--agent-detail-actions-height:68px;background:var(--surface);border-color:var(--reference-surface-handle);border-radius:12px;width:576px;max-height:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.agent-detail-sheet .agent-detail-handle{display:none}.agent-detail-sheet .agent-detail-copy{top:16px}.agent-detail-sheet .agent-detail-avatar{margin-top:32px}.agent-detail-sheet .agent-detail-capabilities ul{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-detail-sheet .agent-detail-actions{padding-bottom:16px}}